:root{--bg:#f5f9ff;--surface:#fff;--surface2:#f8fbff;--line:#dfe9f5;--text:#172033;--muted:#6f7f96;--blue:#014BC8;--blue2:#0d5ed7;--blue-soft:#eaf4ff;--sky:#f1f8ff;--green:#0fa97a;--red:#e24755;--shadow:0 18px 55px rgba(28,84,143,.10);--shadow-sm:0 8px 28px rgba(28,84,143,.08);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#fbfdff 0,#f4f9ff 38%,#f8fbff 100%);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--blue)}header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(218,230,244,.9);display:flex;align-items:center;justify-content:space-between;padding:15px max(4%,20px);box-shadow:0 4px 20px rgba(25,80,140,.04)}.logo{font-size:27px;color:#14213a;text-decoration:none;letter-spacing:-1px}.logo span{color:var(--blue)}nav{display:flex;gap:5px;align-items:center;flex-wrap:wrap}nav a{color:#506077;text-decoration:none;font-size:14px;font-weight:650;padding:9px 11px;border-radius:10px;transition:.2s}nav a:hover{background:var(--blue-soft);color:var(--blue)}main{width:min(1240px,92%);margin:30px auto 72px}footer{color:#8b9aad;text-align:center;padding:26px}.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:38px;align-items:center;padding:70px 0}.hero h1{font-size:clamp(42px,6vw,76px);line-height:.98;margin:16px 0;color:#12213a;letter-spacing:-3px}.hero p,.card p{color:var(--muted);line-height:1.65}.hero-card,.card,.metric,.service-card,.editor-card,.public-preview,.manage-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.hero-card,.card,.metric{padding:24px}.pill,.badge,.count-pill{display:inline-flex;align-items:center;border:1px solid #cde2fb;background:#f2f8ff;border-radius:999px;padding:6px 10px;color:#246bb6;font-size:12px;font-weight:750}.btn,button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(135deg,var(--blue),#014BC8);color:#fff;border:0;border-radius:12px;padding:12px 18px;font-weight:800;text-decoration:none;cursor:pointer;box-shadow:0 8px 22px rgba(22,119,255,.17);transition:transform .18s,box-shadow .18s,background .18s;font:inherit}.btn:hover,button:hover{transform:translateY(-1px);box-shadow:0 11px 26px rgba(22,119,255,.22)}.secondary{background:#eef5ff;color:#2769b4;box-shadow:none;border:1px solid #d7e8fb}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.metric b{font-size:30px;display:block;color:#15243d}.metric span,.metric small{display:block;color:var(--muted);margin-top:5px}.bar{height:9px;background:#edf3fa;border-radius:20px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),#67b6ff);border-radius:20px}.grid2,.grid3,.split,.grid-form,.form-grid{display:grid;gap:16px}.grid2,.form-grid.two{grid-template-columns:repeat(2,1fr)}.grid3,.form-grid.three{grid-template-columns:repeat(3,1fr)}.split{grid-template-columns:repeat(2,1fr);align-items:start}.grid-form{grid-template-columns:repeat(4,1fr);align-items:end}label{display:block;color:#44536a;font-size:13px;font-weight:700;margin:12px 0}input,select,textarea{width:100%;margin-top:7px;background:#fff;border:1px solid #d9e5f2;color:#1c2a40;border-radius:12px;padding:12px 13px;outline:none;transition:border .18s,box-shadow .18s;font:inherit;font-size:14px}input:focus,select:focus,textarea:focus{border-color:#7db8ff;box-shadow:0 0 0 4px rgba(22,119,255,.09)}textarea{min-height:112px;resize:vertical}.check{display:flex;gap:9px;align-items:center}.check input{width:auto;margin:0}.prefix{display:flex;align-items:center;background:#fff;border:1px solid #d9e5f2;border-radius:12px;overflow:hidden;margin-top:7px}.prefix input{border:0;margin:0}.prefix span{padding:0 9px;color:var(--muted);white-space:nowrap}.narrow{max-width:600px;margin:35px auto}.flash{padding:14px 16px;border-radius:13px;margin-bottom:18px;border:1px solid}.ok{background:#ecfbf5;color:#087859;border-color:#bdeedc}.err{background:#fff0f2;color:#a52c39;border-color:#ffd0d5}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;border-bottom:1px solid #edf2f7;padding:14px 10px;vertical-align:top}th{color:#718199;font-size:11px;text-transform:uppercase;letter-spacing:.06em}td small{display:block;color:var(--muted);margin-top:4px}.partner{border:1px solid var(--line);background:#fff;border-radius:16px;padding:15px;margin:12px 0}.chart-row{display:grid;grid-template-columns:70px 1fr 180px;gap:14px;align-items:center;margin:16px 0}.store-head{text-align:center;padding:40px 0}.store-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{padding:0;overflow:hidden}.service-card>div{padding:18px}.service-card img,.image-placeholder{width:100%;height:220px;object-fit:cover;background:linear-gradient(135deg,#eaf4ff,#d8ebff);display:flex;align-items:center;justify-content:center;font-size:30px;color:#6a9acb}.service-card h2{margin:12px 0 5px;color:#17233a}.specs{display:flex;gap:10px;flex-wrap:wrap;color:#62758d;font-size:13px;margin:14px 0}.price{font-size:31px;font-weight:900;margin:15px 0;color:#15243d}.mini-form{min-width:220px}.mini-form input{padding:7px;margin:3px 0}.mini-form button,.danger{padding:8px 10px}.danger{background:#fff0f2;color:#c83745;border:1px solid #ffd1d6;box-shadow:none}.impersonation{background:#10213d;color:#fff;padding:10px 20px;text-align:center;font-size:14px;position:sticky;top:0;z-index:999}.impersonation a{color:#9ed0ff;text-decoration:underline;font-weight:700}.admin-head,.page-heading,.section-title{display:flex;justify-content:space-between;gap:20px;align-items:center}.admin-head{margin-bottom:18px}.admin-head h1,.page-heading h1{margin-bottom:4px}.filter-row{display:grid;grid-template-columns:1fr 220px auto;gap:10px;align-items:end}.table-wrap{overflow-x:auto;border-radius:16px}.actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.actions form{margin:0}.btn.small,button.small{padding:8px 10px;font-size:13px}.page-heading{margin:5px 0 22px}.page-heading h1{font-size:clamp(30px,4vw,44px);letter-spacing:-1.3px;margin:5px 0}.page-heading p{margin:0;color:var(--muted)}.eyebrow{display:block;font-size:11px;font-weight:900;letter-spacing:.12em;color:#5c94ce}.text-link{text-decoration:none;font-weight:750;font-size:13px}.offer-tabs{display:flex;gap:7px;background:#edf5ff;border:1px solid #dbeafa;border-radius:15px;padding:5px;width:max-content;max-width:100%;margin-bottom:20px}.offer-tab{background:transparent;color:#5f7188;box-shadow:none;padding:10px 15px;border-radius:11px}.offer-tab span{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:20px;background:#dfeeff;color:#4476a9;font-size:11px}.offer-tab.active{background:#fff;color:#155eaf;box-shadow:0 5px 16px rgba(35,91,149,.10)}.offer-panel{display:none}.offer-panel.active{display:block}.catalog-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:22px;align-items:start}.editor-card{padding:24px}.section-title h2{margin:3px 0;font-size:23px;letter-spacing:-.5px}.modern-form{margin-top:18px}.drop-zone{margin:0 0 18px;cursor:pointer}.drop-preview{min-height:210px;border:2px dashed #b9d4f2;border-radius:18px;background:linear-gradient(135deg,#f7fbff,#eef7ff);display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;position:relative;overflow:hidden;transition:.2s}.drop-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,42,76,0),rgba(9,42,76,0));transition:.2s}.drop-preview.has-image:after{background:linear-gradient(180deg,rgba(9,42,76,.02),rgba(9,42,76,.48))}.drop-zone.dragging .drop-preview{border-color:var(--blue);transform:scale(.995);box-shadow:0 0 0 5px rgba(22,119,255,.08)}.drop-copy{position:relative;z-index:1;text-align:center;padding:20px;color:#55718f}.drop-preview.has-image .drop-copy{align-self:flex-end;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.35)}.drop-copy strong,.drop-copy small{display:block}.drop-copy strong{font-size:15px;margin:7px 0}.upload-icon{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:13px;background:#fff;color:var(--blue);font-size:24px;box-shadow:0 8px 20px rgba(28,87,151,.12)}.repeater-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 9px}.repeater-head strong,.repeater-head small{display:block}.repeater-head small{color:var(--muted);font-weight:500;margin-top:3px}.icon-btn{padding:9px 12px;background:#eef6ff;color:#176abf;border:1px solid #d2e6fb;box-shadow:none;font-size:13px}.repeater{display:grid;gap:8px}.repeat-row{display:grid;gap:8px;align-items:center}.repeat-row.simple{grid-template-columns:1fr 40px}.repeat-row.extra-row{grid-template-columns:minmax(0,1.5fr) minmax(120px,.6fr) auto 40px}.repeat-row input{margin:0}.remove-row{height:40px;width:40px;padding:0;background:#fff3f4;color:#d24552;border:1px solid #ffd7dc;box-shadow:none;font-size:20px}.price-input{position:relative}.price-input span{position:absolute;left:12px;top:50%;transform:translateY(-50%);z-index:2;color:#76879a;font-weight:700}.price-input input{padding-left:29px}.mini-check{display:flex;align-items:center;gap:7px;margin:0;white-space:nowrap;font-weight:650;color:#66778d}.mini-check input{width:auto;margin:0}.wide{width:100%;margin-top:20px;min-height:48px}.inline-help{color:#8b9aae;font-weight:500;margin-left:4px}.preview-wrap{position:sticky;top:92px}.preview-label{display:flex;justify-content:space-between;font-size:10px;font-weight:900;letter-spacing:.12em;color:#73869b;margin:2px 5px 8px}.preview-label span{color:#11a577}.public-preview{overflow:hidden}.preview-image{height:250px;background:linear-gradient(135deg,#ddecff,#f2f8ff);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:#7097bf;font-weight:800}.preview-image.has-image span,.preview-image[style*="background-image"] span{display:none}.preview-content{padding:21px}.preview-badge{display:inline-flex;padding:6px 9px;background:#edf6ff;color:#2770b8;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.04em}.preview-content h3{font-size:24px;margin:10px 0 6px;letter-spacing:-.5px}.preview-content p{color:var(--muted);line-height:1.55;min-height:42px}.preview-specs,.mini-specs{display:flex;flex-wrap:wrap;gap:8px}.preview-specs span,.mini-specs span{padding:7px 9px;background:#f4f8fc;border:1px solid #e4edf6;border-radius:9px;color:#60738b;font-size:12px}.feature-pills{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.feature-pills span{padding:6px 8px;background:#edf7ff;color:#4676a8;border-radius:8px;font-size:11px}.preview-footer{display:flex;justify-content:space-between;align-items:end;gap:14px;border-top:1px solid #edf2f7;margin-top:18px;padding-top:16px}.preview-footer small{display:block;color:#8d9aac;font-size:9px;font-weight:900}.preview-footer strong{font-size:26px}.listing-section{margin-top:28px}.count-pill{background:#fff}.management-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:14px}.manage-card{overflow:hidden}.manage-image{height:172px;background:linear-gradient(135deg,#e8f3ff,#f7fbff);display:flex;align-items:center;justify-content:center;color:#6f9bca;font-size:23px;font-weight:900}.manage-image img{width:100%;height:100%;object-fit:cover}.manage-body{padding:17px}.manage-body p{color:var(--muted);line-height:1.45;font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px}.manage-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.manage-top h3{margin:6px 0 0;font-size:18px}.status-dot{font-size:10px;font-weight:850;color:#0c986e}.status-dot:before{content:"";display:inline-block;width:7px;height:7px;background:#1bbb8a;border-radius:50%;margin-right:5px}.card-menu{display:flex;gap:5px}.card-menu form{margin:0}.icon-action{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;border:1px solid #dce8f4;background:#f8fbff;color:#4d739d;text-decoration:none;box-shadow:none;padding:0;font-size:15px}.icon-action:hover{transform:none;background:#edf6ff}.danger-icon{color:#d04450;background:#fff6f7;border-color:#ffdde0}.service-card-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.card-price{font-size:20px;color:#183358}.empty-state{text-align:center;background:#fff;border:1px dashed #cddded;border-radius:20px;padding:44px 20px;color:var(--muted);margin-top:14px}.empty-state>div{font-size:34px}.empty-state h3{color:#26364d;margin-bottom:5px}.empty-state p{margin:0}.offer-heading .secondary{white-space:nowrap}
@media(max-width:1000px){.catalog-grid{grid-template-columns:1fr}.preview-wrap{position:relative;top:auto}.management-grid{grid-template-columns:repeat(2,1fr)}.store-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){header{padding:11px 14px;display:block}.logo{display:block;margin-bottom:8px}nav{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px;scrollbar-width:none}nav::-webkit-scrollbar{display:none}nav a{white-space:nowrap;background:#f6f9fd}main{width:min(94%,1240px);margin-top:20px}.hero,.split,.cards,.store-grid,.grid-form,.grid3,.grid2,.form-grid.two,.form-grid.three{grid-template-columns:1fr}.hero{padding:35px 0}.chart-row{grid-template-columns:55px 1fr}.chart-row b{grid-column:2}.admin-head,.page-heading{align-items:flex-start;flex-direction:column}.filter-row{grid-template-columns:1fr}.actions{min-width:210px}.offer-heading .btn{width:100%}.catalog-grid{gap:16px}.editor-card{padding:17px}.drop-preview{min-height:185px}.management-grid{grid-template-columns:1fr}.repeat-row.extra-row{grid-template-columns:1fr 1fr}.repeat-row.extra-row .mini-check{grid-column:1}.repeat-row.extra-row .remove-row{grid-column:2;justify-self:end;grid-row:2}.preview-image{height:220px}.section-title{align-items:flex-start}.listing-section .section-title{flex-direction:column;gap:8px}.offer-tabs{width:100%}.offer-tab{flex:1;padding:10px 8px}.table-wrap,table{display:block;overflow-x:auto}.hero h1{letter-spacing:-2px}}
@media(max-width:480px){main{width:calc(100% - 22px)}.page-heading h1{font-size:31px}.editor-card{border-radius:18px}.drop-preview{min-height:165px}.repeat-row.extra-row{grid-template-columns:1fr}.repeat-row.extra-row .mini-check,.repeat-row.extra-row .remove-row{grid-column:1;grid-row:auto}.repeat-row.extra-row .remove-row{justify-self:end}.preview-content{padding:17px}.preview-footer .btn{padding:10px 13px}.manage-image{height:190px}}

/* Public booking category chooser */
.public-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1000px;margin:30px auto 10px}
.public-category-card{display:flex;gap:20px;align-items:center;padding:28px;background:#fff;border:1px solid #dcecff;border-radius:24px;text-decoration:none;color:#182433;box-shadow:0 12px 34px rgba(27,104,184,.08);transition:.2s ease}
.public-category-card:hover{transform:translateY(-3px);border-color:#9dc7f6;box-shadow:0 18px 42px rgba(27,104,184,.14)}
.public-category-card h2{font-size:30px;margin:4px 0 8px;color:#0e3157}
.public-category-card p{margin:0 0 14px;color:#66788a}
.public-category-card strong{color:#1769b5}
.category-icon{width:72px;height:72px;min-width:72px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#eaf5ff,#d8ebff);font-size:34px;color:#1769b5}
.store-category-head{max-width:1180px;margin:18px auto 22px}
.store-category-head h2{font-size:30px;margin:14px 0 5px;color:#0e3157}
.store-category-head p{margin:0;color:#66788a}
.back-category{display:inline-flex;align-items:center;padding:9px 13px;border-radius:12px;background:#edf6ff;color:#1769b5;text-decoration:none;font-weight:700}
.flash.err{color:#8e1d1d;background:#fff0f0;border:1px solid #ffc9c9;box-shadow:0 8px 24px rgba(156,25,25,.07)}
@media(max-width:760px){.public-category-grid{grid-template-columns:1fr;gap:14px}.public-category-card{padding:20px;gap:15px;border-radius:20px}.public-category-card h2{font-size:24px}.category-icon{width:58px;height:58px;min-width:58px;border-radius:17px;font-size:28px}.store-category-head h2{font-size:26px}}

.trip-boat-box,.booking-boat{margin:16px 0;padding:16px;border:1px solid #dbeafe;background:#f8fbff;border-radius:18px}.feature-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.feature-pills span{background:#fff;border:1px solid #dbeafe;border-radius:999px;padding:5px 9px;font-size:12px}.price small{font-size:13px;color:#64748b}.booking-boat{display:grid;grid-template-columns:150px 1fr;gap:16px}.booking-boat img{width:150px;height:110px;object-fit:cover;border-radius:14px}.field-note{padding:12px;background:#f8fbff;border:1px solid #dbeafe;border-radius:14px}@media(max-width:640px){.booking-boat{grid-template-columns:1fr}.booking-boat img{width:100%;height:190px}}
.label-help-row{display:flex;align-items:center;gap:7px}.help-tip{position:relative;display:inline-flex}.help-tip summary{list-style:none;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1px solid #bfdbfe;background:#eff6ff;color:#2563eb;font-size:12px;font-weight:800;cursor:pointer;user-select:none}.help-tip summary::-webkit-details-marker{display:none}.help-tip[open] summary{background:#2563eb;color:#fff}.help-popover{position:absolute;z-index:30;top:28px;left:0;width:280px;max-width:calc(100vw - 48px);padding:12px 14px;border:1px solid #dbeafe;border-radius:13px;background:#fff;box-shadow:0 14px 36px rgba(30,64,175,.16);color:#475569;font-size:13px;font-weight:500;line-height:1.45}.help-popover strong{color:#1e293b}@media(max-width:640px){.help-popover{left:auto;right:-8px;width:260px}}

.trip-boats-picker.hidden,.hidden{display:none!important}.boat-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0 14px}.boat-check{display:flex!important;gap:10px;align-items:flex-start;border:1px solid #dbeafe;border-radius:14px;padding:12px;background:#fff}.boat-check input{width:auto;margin-top:3px}.boat-check b,.boat-check small{display:block}.boat-check small{color:#64748b;margin-top:3px}.capacity-summary{padding:12px 14px;border-radius:14px;background:#eff6ff;color:#1e3a8a;margin-bottom:14px}.trip-boats-public{margin:16px 0}.trip-boat-card{display:grid;grid-template-columns:120px 1fr;gap:14px;border:1px solid #dbeafe;border-radius:16px;padding:12px;margin-top:10px;background:#f8fbff}.trip-boat-card img{width:120px;height:95px;object-fit:cover;border-radius:12px}.trip-boat-card h3{margin:0 0 5px}.trip-boat-card p{font-size:13px;margin:0 0 8px}.booking-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:start}.booking-main{max-width:none}.booking-total-card{position:sticky;top:95px;background:#fff;border:1px solid #dbeafe;border-radius:20px;padding:20px;box-shadow:0 10px 30px rgba(30,64,175,.08)}.booking-total-card>span{font-size:11px;font-weight:800;letter-spacing:.12em;color:#2563eb}.booking-total-card>div{display:flex;justify-content:space-between;align-items:end;padding:14px 0;border-bottom:1px solid #eef2f7}.booking-total-card small{display:block;color:#64748b}.booking-total-card strong{font-size:24px}.availability-box{padding:12px 14px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0;margin:-4px 0 14px}.availability-box.available{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.availability-box.full{background:#fef2f2;border-color:#fecaca;color:#991b1b}.move-details summary{cursor:pointer;color:#2563eb;font-weight:700}.move-form{display:grid;gap:6px;min-width:220px;margin-top:8px}.move-form input,.move-form select{min-width:180px}.table-scroll{overflow:auto}@media(max-width:760px){.boat-check-grid{grid-template-columns:1fr}.trip-boat-card{grid-template-columns:1fr}.trip-boat-card img{width:100%;height:190px}.booking-layout{grid-template-columns:1fr}.booking-total-card{position:static;order:-1}}


/* Moderni odabir više brodova za izlet */
.trip-boats-picker{margin-top:18px;padding:18px;border:1px solid #dbeafe;border-radius:22px;background:linear-gradient(180deg,#f8fbff 0%,#fff 100%)}
.trip-boats-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.trip-boats-head strong{display:block;font-size:17px;color:#0f172a}.trip-boats-head small{display:block;margin-top:4px;max-width:660px;color:#64748b;line-height:1.45}
.capacity-pill{min-width:104px;padding:9px 13px;border-radius:15px;background:#eff6ff;border:1px solid #bfdbfe;text-align:center}.capacity-pill span{display:block;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#64748b}.capacity-pill strong{font-size:23px;line-height:1.1;color:#2563eb;margin-top:3px}
.boat-select-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:12px}
.boat-select-card{position:relative;display:grid!important;grid-template-columns:78px 1fr;gap:13px;align-items:center;padding:10px!important;min-height:94px;border:1px solid #dbeafe!important;border-radius:18px!important;background:#fff!important;cursor:pointer;box-shadow:0 4px 14px rgba(15,23,42,.035);transition:.18s ease;overflow:hidden}
.boat-select-card:hover{border-color:#93c5fd!important;box-shadow:0 9px 24px rgba(37,99,235,.10);transform:translateY(-1px)}
.boat-select-card input{position:absolute;opacity:0;pointer-events:none}
.boat-select-card:has(input:checked){border-color:#2563eb!important;background:#f5f9ff!important;box-shadow:0 0 0 2px rgba(37,99,235,.08)}
.boat-card-check{position:absolute;right:10px;top:10px;display:flex;align-items:center;justify-content:center;width:23px;height:23px;border-radius:999px;border:1px solid #cbd5e1;background:#fff;color:transparent;font-size:13px;font-weight:900}
.boat-select-card:has(input:checked) .boat-card-check{background:#2563eb;border-color:#2563eb;color:#fff}
.boat-card-image{display:block;width:78px;height:72px;border-radius:13px;overflow:hidden;background:#eff6ff}.boat-card-image img{width:100%;height:100%;object-fit:cover}.boat-card-placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-size:28px}
.boat-card-body{display:block;min-width:0;padding-right:23px}.boat-card-body>b{display:block;font-size:15px;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.boat-card-specs{display:flex!important;flex-wrap:wrap;gap:6px 10px;margin-top:8px;color:#64748b;font-size:12px;font-weight:500}.boat-card-specs>span{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.boat-card-specs strong{color:#334155;font-size:12px}
.trip-display-settings{margin-top:16px}.hidden{display:none!important}
@media(max-width:640px){.trip-boats-picker{padding:14px;border-radius:18px}.trip-boats-head{align-items:flex-start}.capacity-pill{min-width:88px}.boat-select-grid{grid-template-columns:1fr}.boat-select-card{grid-template-columns:72px 1fr}.boat-card-image{width:72px;height:68px}.boat-card-specs{gap:5px 8px}}
/* Payment success + PDF receipt */
.payment-success{max-width:1120px;margin:20px auto 50px}.success-check{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#e7f8ef;color:#0b9b5d;font-size:32px;font-weight:900;margin-bottom:14px}.payment-success h1{font-size:38px;margin:8px 0}.success-lead{font-size:17px;color:#64748b}.success-ref{display:inline-block;margin:4px 0 24px;padding:8px 12px;background:#edf6ff;border:1px solid #cfe6ff;border-radius:10px;color:#1675d1;font-weight:800;letter-spacing:.06em}.success-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:20px}.success-main,.success-payment{background:#fff;border:1px solid #dbeafe;border-radius:22px;padding:22px;box-shadow:0 12px 35px rgba(15,23,42,.06)}.success-details{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:18px}.success-details>div{padding:13px;background:#f8fbff;border-radius:14px}.success-details small,.success-details strong{display:block}.success-details small{color:#64748b;margin-bottom:5px}.success-boat{display:grid;grid-template-columns:180px 1fr;gap:16px;padding:14px;border:1px solid #dbeafe;border-radius:18px;margin-top:12px;background:#fbfdff}.success-boat img{width:180px;height:125px;object-fit:cover;border-radius:14px}.success-boat h3{margin:5px 0}.success-boat p{color:#64748b;margin-bottom:0}.success-row{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid #eef2f7}.success-row.paid b{color:#0878e8;font-size:18px}.success-pdf{display:block;text-align:center;margin-top:20px}.email-status{font-size:13px;color:#64748b;line-height:1.5;margin-bottom:0}.success-extras{margin-top:20px}.success-extras h3{margin-bottom:5px}@media(max-width:780px){.payment-success h1{font-size:30px}.success-grid{grid-template-columns:1fr}.success-details{grid-template-columns:1fr 1fr}.success-boat{grid-template-columns:1fr}.success-boat img{width:100%;height:210px}}@media(max-width:480px){.success-details{grid-template-columns:1fr}.success-main,.success-payment{padding:16px;border-radius:18px}}

/* reBOAT calendars */
.booking-calendar-wrap,.admin-calendar-card{background:#fff;border:1px solid #dbeafe;border-radius:22px;padding:20px;box-shadow:0 10px 32px rgba(15,23,42,.06);margin:18px 0}
.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.cal-nav{width:44px;height:44px;border-radius:14px;border:1px solid #dbeafe;background:#f8fbff;color:#2563eb;font-size:26px;cursor:pointer}
.calendar-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:#64748b;margin-bottom:12px}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.dot.green{background:#22c55e}.dot.red{background:#ef4444}
.availability-calendar,.admin-res-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.cal-head{text-align:center;font-size:12px;font-weight:800;color:#64748b;padding:6px}.cal-empty{min-height:72px}
.cal-day,.admin-cal-day{min-height:82px;border-radius:16px;border:1px solid #e2e8f0;background:#fff;padding:9px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:.18s}
.cal-day .day-num,.admin-cal-day .day-num{font-weight:800;font-size:16px}.cal-day .day-status,.admin-cal-day small{font-size:11px;font-weight:700}
.cal-day.available{background:#f0fdf4;border-color:#86efac;color:#166534}.cal-day.full{background:#fef2f2;border-color:#fca5a5;color:#991b1b;cursor:not-allowed}.cal-day.past{opacity:.4;cursor:not-allowed}.cal-day.selected{outline:3px solid rgba(37,99,235,.25);border-color:#2563eb}
.selected-date-info{display:flex;justify-content:space-between;gap:10px;margin-top:14px;padding:12px 14px;border-radius:14px;background:#eff6ff;color:#1e3a8a}
.booking-live-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.booking-live-summary>div,.money-grid>div,.manual-remaining-box{padding:12px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0}.booking-live-summary span,.money-grid span,.manual-remaining-box span{display:block;font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.06em}.booking-live-summary strong,.money-grid strong,.manual-remaining-box strong{display:block;margin-top:4px;font-size:18px;color:#0f172a}
.admin-cal-day.has-bookings{background:#eff6ff;border-color:#93c5fd}.booking-count{display:inline-block;width:max-content;padding:3px 7px;border-radius:999px;background:#2563eb;color:#fff;font-size:10px;font-weight:800}
.admin-day-panel{margin-top:18px}.day-panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.reservation-group-list{display:grid;gap:12px}.reservation-group-card{display:grid;grid-template-columns:1.4fr 1fr auto;gap:14px;align-items:center;padding:16px;border:1px solid #dbeafe;border-radius:18px;background:#fff}.reservation-group-card h4{margin:6px 0 4px}.money-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.reservation-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.btn.small{padding:8px 10px;font-size:12px}.btn.danger{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}
.empty-state{padding:22px;text-align:center;color:#64748b;background:#f8fafc;border-radius:16px}
@media(max-width:800px){.availability-calendar,.admin-res-calendar{gap:4px}.cal-day,.admin-cal-day{min-height:68px;padding:6px}.cal-day .day-status,.admin-cal-day small{font-size:9px}.reservation-group-card{grid-template-columns:1fr}.money-grid,.booking-live-summary{grid-template-columns:1fr}.reservation-actions{justify-content:flex-start}.day-panel-head{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.booking-calendar-wrap,.admin-calendar-card{padding:12px;border-radius:18px}.cal-head{font-size:10px}.cal-day,.admin-cal-day{min-height:58px;border-radius:11px}.cal-day .day-num,.admin-cal-day .day-num{font-size:14px}.selected-date-info{flex-direction:column}}

/* Functional reservation calendar UI v2 */
.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:0 0 22px}.page-head h1{margin:4px 0 5px}.page-head p{margin:0;color:#64748b}.calendar-title-wrap strong{display:block;font-size:20px;text-transform:capitalize}.dot.blue{background:#2563eb}.dot.gray{background:#cbd5e1}.admin-cal-day.empty-day{background:#fff;color:#94a3b8}.admin-cal-day.has-bookings{background:linear-gradient(180deg,#eff6ff,#f8fbff);border-color:#93c5fd}.admin-cal-day:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(15,23,42,.08)}
.reservation-detail-card{border:1px solid #dbeafe;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 6px 20px rgba(15,23,42,.04)}.reservation-detail-card>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(230px,1.2fr) minmax(310px,.9fr) 28px;gap:16px;align-items:center;padding:17px}.reservation-detail-card>summary::-webkit-details-marker{display:none}.reservation-main{display:flex;gap:11px;align-items:flex-start}.reservation-main h3{margin:0 0 4px}.reservation-main p,.reservation-main small{margin:0;color:#64748b}.reservation-main .badge{flex:none}.detail-arrow{font-size:22px;color:#64748b;transition:.2s}.reservation-detail-card[open] .detail-arrow{transform:rotate(180deg)}.reservation-detail-body{border-top:1px solid #eaf0f6;padding:16px;background:#fbfdff}.customer-info{display:flex;gap:15px;flex-wrap:wrap;color:#64748b;font-size:13px;margin-bottom:13px}.money-grid .remaining{background:#fff7ed;border-color:#fed7aa}.reservation-actions{justify-content:flex-start}.inline-editor{margin-top:14px;padding:15px;border-radius:16px;border:1px solid #dbeafe;background:#fff}.inline-editor textarea{width:100%}
.manual-booking-panel{margin-top:20px}.section-head{display:flex;justify-content:space-between;align-items:center}.icon-close{width:38px;height:38px;border-radius:12px;border:1px solid #dbeafe;background:#f8fbff;font-size:24px;color:#64748b;cursor:pointer}.manual-calendar-block{margin:15px 0;padding:16px;border-radius:18px;background:#f8fbff;border:1px solid #dbeafe}.calendar-toolbar.compact{margin-bottom:10px}.calendar-prompt{grid-column:1/-1;padding:28px;text-align:center;color:#64748b}.payment-edit-card{padding:16px;border:1px solid #dbeafe;border-radius:18px;background:#f8fbff;margin:14px 0}.payment-balance{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #dbeafe}.payment-balance span{color:#64748b}.payment-balance strong{font-size:22px;color:#0f172a}
.mini-move-calendar{margin:12px 0}.mini-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.mini-cal-grid .cal-head{font-size:9px;padding:3px}.mini-day{border:1px solid #e2e8f0;border-radius:8px;background:#fff;height:34px;font-size:11px}.mini-day.available{background:#f0fdf4;border-color:#86efac;color:#166534;cursor:pointer}.mini-day.full{background:#fef2f2;border-color:#fecaca;color:#991b1b;opacity:.65}.mini-day.selected{outline:2px solid #2563eb}.move-rich-form p{margin-top:0}
.modern-booking .booking-main{overflow:visible}.booking-total-card em{font-size:12px;font-style:normal;color:#64748b}.booking-total-card .summary-emphasis{background:#eff6ff;margin:0 -14px;padding:14px;border-radius:14px}.booking-total-card .summary-emphasis strong{color:#2563eb}.extra-card{display:flex!important;align-items:center;gap:10px;padding:12px 14px!important;border:1px solid #dbeafe;border-radius:14px;background:#fff}.extra-card span{flex:1}.extra-card b{color:#2563eb}.availability-calendar .cal-day{position:relative}.availability-calendar .cal-day.available:hover{box-shadow:0 5px 14px rgba(34,197,94,.15)}
.stats-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat-card{padding:18px;border:1px solid #dbeafe;border-radius:20px;background:#fff;box-shadow:0 7px 20px rgba(15,23,42,.04)}.stat-card span,.stat-card small{display:block;color:#64748b}.stat-card strong{display:block;font-size:28px;margin:6px 0;color:#0f172a}.stat-card.accent{background:linear-gradient(135deg,#eff6ff,#f8fbff);border-color:#93c5fd}.stat-card.accent strong{color:#2563eb}.stats-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);gap:18px}.modern-chart{display:grid;gap:11px}.modern-chart-row{display:grid;grid-template-columns:42px 1fr 150px;gap:12px;align-items:center}.month-name{font-weight:800;color:#475569}.chart-track{height:12px;background:#eff6ff;border-radius:999px;overflow:hidden}.chart-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#60a5fa,#2563eb)}.chart-values b,.chart-values small{display:block}.chart-values small{color:#64748b}.service-ranking{display:grid;gap:10px}.rank-row{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:11px;border-radius:14px;background:#f8fafc}.rank-num{width:28px;height:28px;border-radius:9px;background:#eff6ff;color:#2563eb;display:grid;place-items:center;font-weight:900}.rank-row small{display:block;color:#64748b;margin-top:3px}
@media(max-width:900px){.reservation-detail-card>summary{grid-template-columns:1fr}.detail-arrow{position:absolute;right:18px}.stats-metrics{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:1fr}.modern-chart-row{grid-template-columns:38px 1fr 120px}}
@media(max-width:600px){.page-head{align-items:flex-start;flex-direction:column}.page-head .btn{width:100%}.admin-calendar-card{padding:10px}.admin-res-calendar,.availability-calendar{gap:3px}.admin-cal-day,.cal-day{min-height:62px;padding:6px}.booking-count{font-size:9px}.reservation-detail-card>summary{padding:13px}.money-grid{grid-template-columns:repeat(3,1fr)!important}.money-grid strong{font-size:14px}.money-grid span{font-size:9px}.stats-metrics{grid-template-columns:1fr 1fr}.stat-card{padding:14px}.stat-card strong{font-size:22px}.modern-chart-row{grid-template-columns:34px 1fr}.chart-values{grid-column:2}.manual-calendar-block{padding:9px}}

/* Admin calendar contrast + responsive */
.admin-res-calendar{gap:10px}
.admin-cal-day{position:relative;min-height:112px;padding:12px;border:1px solid #d7e3f4;background:#fff;color:#1e293b;box-shadow:0 2px 8px rgba(15,23,42,.03)}
.admin-cal-day.has-bookings{background:linear-gradient(180deg,#f0fdf4,#ecfdf5);border-color:#86efac;color:#14532d;box-shadow:0 5px 16px rgba(34,197,94,.11)}
.admin-cal-day.has-bookings::after{content:"";position:absolute;right:10px;top:10px;width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.14)}
.admin-cal-day.no-bookings{background:#fff;color:#64748b}
.admin-cal-day .day-num{font-size:18px;font-weight:900;color:#0f172a}
.admin-cal-day.has-bookings .day-num{color:#166534}
.booking-count{margin-top:8px;background:#16a34a;color:#fff;font-size:10px;line-height:1;padding:5px 8px;border-radius:999px;font-weight:800}
.day-metrics{display:flex;flex-direction:column;gap:2px;margin-top:auto}
.day-metrics strong{font-size:14px;color:#14532d}
.day-metrics span{font-size:13px;font-weight:800;color:#166534}
.no-res-label{margin-top:auto;color:#94a3b8;font-weight:600}
.admin-calendar-card .calendar-toolbar strong{font-size:22px;color:#0f172a;text-transform:capitalize}
@media(max-width:1024px){.admin-res-calendar{gap:7px}.admin-cal-day{min-height:96px;padding:10px}.admin-cal-day .day-num{font-size:16px}.day-metrics strong{font-size:12px}.day-metrics span{font-size:11px}}
@media(max-width:700px){.admin-calendar-card{padding:12px}.admin-res-calendar{gap:4px}.admin-res-calendar .cal-head{font-size:9px;padding:4px 0}.admin-cal-day{min-height:72px;padding:6px;border-radius:10px}.admin-cal-day.has-bookings::after{width:7px;height:7px;right:6px;top:6px;box-shadow:0 0 0 2px rgba(34,197,94,.15)}.admin-cal-day .day-num{font-size:14px}.booking-count{font-size:0;padding:0;width:7px;height:7px;border-radius:50%;margin-top:5px}.day-metrics strong,.day-metrics span{font-size:9px;white-space:nowrap}.no-res-label{font-size:8px}.admin-calendar-card .calendar-toolbar strong{font-size:17px}}
@media(max-width:430px){.admin-calendar-card{padding:9px}.admin-res-calendar{gap:3px}.admin-cal-day{min-height:64px;padding:5px}.day-metrics span,.day-metrics strong{font-size:8px}}

/* Floating booking summary */
.booking-floating-summary{position:fixed;left:0;right:0;bottom:0;z-index:999;display:flex;justify-content:center;padding:10px 14px calc(10px + env(safe-area-inset-bottom));pointer-events:none;transition:.22s ease}
.booking-floating-summary.is-hidden{opacity:0;transform:translateY(120%);visibility:hidden}
.floating-summary-inner{width:min(760px,calc(100vw - 24px));display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:center;background:rgba(15,23,42,.96);backdrop-filter:blur(14px);border-radius:18px;padding:10px 12px;box-shadow:0 16px 40px rgba(15,23,42,.3);pointer-events:auto}
.floating-money span{display:block;color:#cbd5e1;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.floating-money strong{display:block;color:#fff;font-size:18px;margin-top:2px}
.floating-jump{border:0;border-radius:13px;background:#2563eb;color:#fff;font-weight:800;padding:12px 18px;cursor:pointer}
.terms-accept{display:flex;align-items:flex-start;gap:10px;margin:16px 0;padding:14px;border:1px solid #dbeafe;background:#f8fbff;border-radius:14px;font-size:14px;color:#334155}
.terms-accept input{width:18px;height:18px;margin-top:1px;accent-color:#2563eb}
.terms-accept a{color:#2563eb;font-weight:700;text-decoration:none}
@media(max-width:640px){.booking-floating-summary{padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.floating-summary-inner{width:100%;grid-template-columns:1fr 1fr auto;border-radius:16px;padding:9px 10px;gap:7px}.floating-money strong{font-size:15px}.floating-money span{font-size:8px}.floating-jump{padding:10px 12px;font-size:12px}}

/* === reBOAT admin reservations: mobile-safe calendar === */
.reservations-page,
.reservations-page *,
.admin-calendar-card,
.admin-calendar-card *{box-sizing:border-box}
.reservations-page{width:100%;max-width:100%;min-width:0;overflow-x:hidden}
.admin-calendar-card{width:100%;max-width:100%;min-width:0;overflow:hidden}
.admin-res-calendar{
  width:100%;
  max-width:100%;
  min-width:0;
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr)) !important;
  gap:8px;
  overflow:hidden;
}
.admin-res-calendar > *{min-width:0;max-width:100%}
.admin-res-calendar .cal-head{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.admin-cal-day{
  width:100%;
  min-width:0 !important;
  max-width:100%;
  overflow:hidden;
  word-break:normal;
}
.admin-cal-day.has-bookings{
  background:linear-gradient(180deg,#f0fdf4 0%,#ecfdf5 100%) !important;
  border-color:#86efac !important;
}
.admin-cal-day .day-num{display:block}
.admin-cal-day .booking-count{
  display:inline-flex;
  align-items:center;
  gap:2px;
  max-width:100%;
  overflow:hidden;
  white-space:nowrap;
}
.admin-cal-day .booking-count b{font:inherit}
.calendar-day-stats{
  display:flex;
  flex-direction:column;
  min-width:0;
  margin-top:auto;
  line-height:1.15;
}
.calendar-day-stats strong,
.calendar-day-stats small{
  display:block;
  min-width:0;
  max-width:100%;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.calendar-day-stats strong{color:#14532d;font-size:13px}
.calendar-day-stats small{color:#166534;font-size:12px;font-weight:800;margin-top:3px}
.calendar-free-label{color:#94a3b8;font-size:10px;font-weight:600;margin-top:auto}

/* === Grouped reservations under selected date === */
.day-reservation-categories{display:grid;gap:22px}
.reservation-category{
  border:1px solid #dbeafe;
  border-radius:22px;
  background:#fff;
  padding:18px;
  min-width:0;
}
.reservation-category.trip{border-color:#bfdbfe}
.reservation-category.rental{border-color:#cbd5e1}
.reservation-category-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}
.reservation-category-head h2{margin:3px 0 0;color:#0f172a}
.category-totals{
  display:grid;
  grid-template-columns:auto auto auto auto;
  gap:4px 8px;
  align-items:baseline;
  padding:9px 12px;
  background:#f8fafc;
  border-radius:14px;
  color:#64748b;
  font-size:11px;
}
.category-totals strong{font-size:16px;color:#0f172a}
.service-groups{display:grid;gap:12px}
.service-reservation-group{
  border:1px solid #e2e8f0;
  border-radius:18px;
  overflow:hidden;
  background:#fff;
}
.service-reservation-group.trip{border-color:#bfdbfe}
.service-reservation-group.rental{border-color:#dbe3ec}
.service-group-summary{
  list-style:none;
  cursor:pointer;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto 24px;
  gap:12px;
  align-items:center;
  padding:14px 16px;
  background:#f8fbff;
}
.service-reservation-group.rental .service-group-summary{background:#f8fafc}
.service-group-summary::-webkit-details-marker{display:none}
.service-group-summary>div:first-child{
  display:flex;
  align-items:center;
  min-width:0;
  gap:11px;
}
.service-group-summary h3{
  margin:0;
  color:#0f172a;
  font-size:16px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.service-group-summary p{margin:3px 0 0;color:#64748b;font-size:12px}
.service-group-icon{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  min-width:38px;
  border-radius:12px;
  background:#dbeafe;
}
.service-reservation-group.rental .service-group-icon{background:#e2e8f0}
.service-group-money{text-align:right}
.service-group-money span,.service-group-money small{display:block;color:#64748b;font-size:10px}
.service-group-money strong{display:block;color:#0f172a;font-size:16px}
.group-chevron{font-size:20px;color:#64748b;transition:.2s}
.service-reservation-group[open] .group-chevron{transform:rotate(180deg)}
.service-group-reservations{
  display:grid;
  gap:10px;
  padding:12px;
  border-top:1px solid #e2e8f0;
}
.service-group-reservations .reservation-detail-card{margin:0}

/* Tablet */
@media(max-width:900px){
  .admin-res-calendar{gap:5px}
  .admin-cal-day{min-height:82px !important;padding:7px !important;border-radius:10px !important}
  .admin-cal-day .day-num{font-size:14px !important}
  .admin-cal-day .booking-count{font-size:9px !important;padding:3px 5px !important}
  .calendar-day-stats strong{font-size:10px}
  .calendar-day-stats small{font-size:9px}
  .reservation-category{padding:14px}
}

/* Mobile: never wider than viewport */
@media(max-width:640px){
  html,body{max-width:100%;overflow-x:hidden}
  .reservations-page{padding-left:0;padding-right:0}
  .admin-calendar-card{
    width:100%;
    max-width:100%;
    margin-left:0 !important;
    margin-right:0 !important;
    padding:10px !important;
    border-radius:16px !important;
  }
  .admin-calendar-card .calendar-toolbar{gap:6px}
  .admin-calendar-card .cal-nav{width:36px;height:36px;min-width:36px}
  .admin-calendar-card .calendar-title-wrap{min-width:0;text-align:center}
  .admin-calendar-card .calendar-title-wrap strong{
    display:block;
    max-width:100%;
    font-size:15px !important;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .admin-res-calendar{
    width:100%;
    max-width:100%;
    grid-template-columns:repeat(7,minmax(0,1fr)) !important;
    gap:3px !important;
  }
  .admin-res-calendar .cal-head{
    padding:3px 0 !important;
    font-size:8px !important;
  }
  .admin-cal-day{
    min-width:0 !important;
    width:100% !important;
    min-height:60px !important;
    padding:5px 3px !important;
    border-radius:9px !important;
  }
  .admin-cal-day.has-bookings::after{
    width:6px !important;height:6px !important;
    top:5px !important;right:5px !important;
    box-shadow:none !important;
  }
  .admin-cal-day .day-num{font-size:12px !important}
  .admin-cal-day .booking-count{
    margin-top:3px !important;
    padding:2px 4px !important;
    font-size:8px !important;
    line-height:1 !important;
  }
  .admin-cal-day .booking-count span{display:none}
  .calendar-day-stats strong{font-size:8px !important}
  .calendar-day-stats strong span{display:none}
  .calendar-day-stats small{display:none}
  .calendar-free-label{font-size:7px !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .day-panel-head{gap:10px}
  .reservation-category{padding:10px;border-radius:16px}
  .reservation-category-head{align-items:flex-start;flex-direction:column}
  .category-totals{width:100%;grid-template-columns:auto 1fr auto 1fr}
  .service-group-summary{
    grid-template-columns:minmax(0,1fr) 18px;
    padding:11px;
    gap:8px;
  }
  .service-group-money{display:none}
  .service-group-icon{width:32px;height:32px;min-width:32px;border-radius:10px}
  .service-group-summary h3{font-size:14px}
  .service-group-summary p{font-size:10px}
  .service-group-reservations{padding:8px}
  .reservation-detail-card summary{min-width:0}
}

/* Very small phones */
@media(max-width:390px){
  .admin-calendar-card{padding:8px !important}
  .admin-res-calendar{gap:2px !important}
  .admin-cal-day{min-height:56px !important;padding:4px 2px !important}
  .admin-cal-day .booking-count{font-size:7px !important}
  .calendar-day-stats strong{font-size:7px !important}
}

/* === Reservation thumbnails, financial colors and universal responsive calendars === */
.service-group-thumb{
  width:48px;height:48px;min-width:48px;border-radius:12px;overflow:hidden;
  display:grid;place-items:center;background:#eef2f7;border:1px solid #dbe3ec;
  font-size:22px;
}
.service-group-thumb img{width:100%;height:100%;display:block;object-fit:cover}
.service-group-thumb.placeholder{background:#f8fafc}
.service-group-money{display:grid;grid-template-columns:repeat(3,auto);gap:6px;text-align:left}
.service-group-money>div{min-width:86px;padding:7px 9px;border-radius:10px;border:1px solid #e2e8f0;background:#fff}
.service-group-money span{display:block;font-size:9px!important;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.service-group-money strong{font-size:14px!important;margin-top:2px}
.money-total{background:#f0fdf4!important;border-color:#86efac!important}
.money-total span,.money-total strong{color:#15803d!important}
.money-paid{background:#eff6ff!important;border-color:#93c5fd!important}
.money-paid span,.money-paid strong{color:#2563eb!important}
.money-remaining span,.money-remaining strong{color:inherit}

/* Every calendar grid must stay inside its parent on phones/tablets. */
.booking-calendar-wrap,.manual-calendar-block,.mini-move-calendar,
.availability-calendar,.admin-res-calendar,.mini-cal-grid{
  width:100%;max-width:100%;min-width:0;box-sizing:border-box;
}
.booking-calendar-wrap,.manual-calendar-block,.mini-move-calendar{overflow:hidden}
.availability-calendar,.admin-res-calendar,.mini-cal-grid{
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  overflow:hidden;
}
.availability-calendar>*,.admin-res-calendar>*,.mini-cal-grid>*{min-width:0;max-width:100%;box-sizing:border-box}
.cal-day,.admin-cal-day,.mini-day{min-width:0;max-width:100%;overflow:hidden}
.cal-day .day-num,.cal-day .day-status,.admin-cal-day .day-num,.admin-cal-day small,.mini-day{
  overflow:hidden;text-overflow:ellipsis;
}
.cal-day.available{color:#166534!important}
.cal-day.full{color:#991b1b!important}
.cal-day.past{color:#64748b!important;background:#f8fafc!important;border-color:#e2e8f0!important;opacity:.72}
.cal-day .day-num,.cal-day .day-status{position:relative;z-index:1}

@media(max-width:900px){
  .service-group-summary{grid-template-columns:minmax(0,1fr) 22px}
  .service-group-money{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
  .service-group-money>div{min-width:0}
  .group-chevron{grid-column:2;grid-row:1}
  .service-group-thumb{width:44px;height:44px;min-width:44px}
}

@media(max-width:640px){
  .calendar-toolbar{width:100%;max-width:100%;min-width:0}
  .calendar-toolbar>div,.calendar-toolbar>strong{min-width:0}
  .booking-calendar-wrap,.manual-calendar-block{padding:9px!important;border-radius:14px!important}
  .availability-calendar,.admin-res-calendar{gap:3px!important}
  .availability-calendar .cal-head,.admin-res-calendar .cal-head,.mini-cal-grid .cal-head{
    min-width:0;padding:4px 0!important;font-size:9px!important;text-align:center;white-space:nowrap;color:#475569!important;
  }
  .availability-calendar .cal-day{
    min-height:62px!important;padding:5px 3px!important;border-radius:9px!important;
    align-items:flex-start;justify-content:space-between;
  }
  .availability-calendar .cal-day .day-num{font-size:13px!important;font-weight:900;line-height:1.1;white-space:nowrap}
  .availability-calendar .cal-day .day-status{
    display:block;width:100%;font-size:8px!important;line-height:1.15!important;font-weight:800!important;
    white-space:normal!important;overflow-wrap:break-word;text-align:left;
  }
  .admin-cal-day{min-height:64px!important;padding:5px 3px!important}
  .admin-cal-day .day-num{font-size:13px!important}
  .admin-cal-day .booking-count{font-size:8px!important;max-width:100%}
  .calendar-day-stats strong{font-size:8px!important;line-height:1.15}
  .service-group-summary{padding:10px!important;gap:8px}
  .service-group-summary>div:first-child{gap:8px}
  .service-group-thumb{width:40px;height:40px;min-width:40px;border-radius:10px}
  .service-group-summary h3{font-size:14px!important;white-space:normal;line-height:1.2}
  .service-group-summary p{font-size:10px!important;line-height:1.25}
  .service-group-money{display:grid!important;gap:4px}
  .service-group-money>div{padding:6px 5px;text-align:center;border-radius:8px}
  .service-group-money span{font-size:7px!important}
  .service-group-money strong{font-size:11px!important;white-space:nowrap}
  .money-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
  .money-grid>div{min-width:0;padding:8px 5px!important}
  .money-grid span{font-size:8px!important;white-space:normal}
  .money-grid strong{font-size:12px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mini-cal-grid{gap:3px!important}
  .mini-day{height:36px!important;padding:0!important;font-size:10px!important;border-radius:7px!important}
}

@media(max-width:390px){
  .booking-calendar-wrap,.manual-calendar-block{padding:7px!important}
  .availability-calendar,.admin-res-calendar,.mini-cal-grid{gap:2px!important}
  .availability-calendar .cal-day{min-height:58px!important;padding:4px 2px!important}
  .availability-calendar .cal-day .day-num{font-size:12px!important}
  .availability-calendar .cal-day .day-status{font-size:7px!important}
  .service-group-thumb{width:36px;height:36px;min-width:36px}
  .service-group-money strong{font-size:10px!important}
}

/* === Final reservation fixes: exact public image, orange remaining, readable mobile month === */
.money-remaining,
.money-grid .remaining,
.payment-balance,
.booking-total-card .booking-remaining,
.success-row.remaining{
  background:#fff7ed!important;
  border-color:#fdba74!important;
}
.money-remaining span,.money-remaining strong,
.money-grid .remaining span,.money-grid .remaining strong,
.payment-balance span,.payment-balance strong,
.booking-total-card .booking-remaining small,.booking-total-card .booking-remaining strong,
.success-row.remaining span,.success-row.remaining b{
  color:#c2410c!important;
}
.payment-balance{padding:12px 14px!important;border:1px solid #fdba74!important;border-radius:12px!important;margin-top:12px}
.success-row.remaining{padding:11px 10px!important;border:1px solid #fdba74!important;border-radius:10px!important;margin-top:8px}
.persons-short{display:none}

@media(max-width:640px){
  .admin-calendar-card{overflow:hidden!important}
  .admin-res-calendar{gap:3px!important}
  .admin-cal-day{
    min-height:76px!important;
    padding:5px 2px!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }
  .admin-cal-day .day-num{width:100%;text-align:left;padding-left:2px;font-size:12px!important;line-height:1.05!important}
  .admin-cal-day.has-bookings::after{display:none!important}
  .admin-cal-day .booking-count{
    display:block!important;width:100%!important;max-width:100%!important;
    margin:5px 0 2px!important;padding:3px 1px!important;border-radius:6px!important;
    font-size:8px!important;line-height:1.05!important;text-align:center!important;
    white-space:nowrap!important;overflow:hidden!important;color:#fff!important;
  }
  .admin-cal-day .booking-count span{display:inline!important;font-size:inherit!important;color:inherit!important}
  .calendar-day-stats{width:100%!important;display:block!important;text-align:center!important;margin:0!important}
  .calendar-day-stats strong{display:block!important;font-size:8px!important;line-height:1.05!important;color:#14532d!important;white-space:nowrap!important}
  .calendar-day-stats .persons-long{display:none!important}
  .calendar-day-stats .persons-short{display:inline!important}
  .calendar-day-stats small{display:none!important}
  .calendar-free-label{margin:auto 0!important;font-size:6.5px!important;text-align:center!important;white-space:normal!important;line-height:1.05!important}
}

@media(max-width:390px){
  .admin-res-calendar{gap:2px!important}
  .admin-cal-day{min-height:72px!important;padding:4px 1px!important;border-radius:8px!important}
  .admin-cal-day .booking-count,.calendar-day-stats strong{font-size:7.5px!important}
}

/* === 2026-08-19 reservation payment action + tighter mobile month === */
.mark-paid-btn{
  display:block;
  width:100%;
  margin-top:6px;
  padding:5px 7px;
  border:1px solid #fb923c;
  border-radius:8px;
  background:#ffedd5;
  color:#9a3412;
  font-size:9px;
  line-height:1.15;
  font-weight:900;
  cursor:pointer;
  box-shadow:none;
}
.mark-paid-btn:hover{background:#fed7aa;transform:none}

@media(max-width:640px){
  .admin-res-calendar{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:2px!important;width:100%!important}
  .admin-res-calendar .cal-head{font-size:8px!important;padding:3px 0!important;overflow:hidden!important}
  .admin-cal-day{
    width:100%!important;min-width:0!important;max-width:100%!important;
    min-height:74px!important;padding:4px 0!important;border-radius:7px!important;
    box-sizing:border-box!important;
  }
  .admin-cal-day .day-num{font-size:11px!important;padding-left:3px!important}
  .admin-cal-day .booking-count{
    box-sizing:border-box!important;display:block!important;width:calc(100% - 4px)!important;max-width:calc(100% - 4px)!important;
    margin:5px 2px 3px!important;padding:3px 0!important;
    font-size:7px!important;line-height:1!important;letter-spacing:-.15px!important;
    white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;
  }
  .admin-cal-day .booking-count b,.admin-cal-day .booking-count span{font-size:inherit!important;line-height:inherit!important;white-space:nowrap!important}
  .calendar-day-stats{width:100%!important;min-width:0!important}
  .calendar-day-stats strong{font-size:7px!important;letter-spacing:-.1px!important;white-space:nowrap!important}
  .calendar-day-stats .persons-short{display:inline!important}
  .calendar-day-stats .persons-long{display:none!important}
  .money-grid .mark-paid-btn{font-size:8px;padding:5px 3px}
}
@media(max-width:390px){
  .admin-calendar-card{padding-left:5px!important;padding-right:5px!important}
  .admin-res-calendar{gap:1px!important}
  .admin-cal-day{min-height:72px!important;border-radius:6px!important}
  .admin-cal-day .booking-count,.calendar-day-stats strong{font-size:6.6px!important}
}

/* === Requested booking flow refinements === */
/* Public booking is now a single flow: items -> summary -> payment button. */
.modern-booking.booking-layout{grid-template-columns:minmax(0,1fr)!important;max-width:980px;margin-left:auto;margin-right:auto}
.modern-booking .booking-main{width:100%;min-width:0}
.booking-bottom-summary{
  position:static!important;
  top:auto!important;
  width:100%;
  max-width:none;
  margin:20px 0 12px;
  box-shadow:none;
  background:#fff;
}
#public-book-form>#booking-submit{width:100%;margin-top:0}
.booking-floating-summary{display:none!important}
.manual-persons-field{display:block;margin:14px 0}
.manual-persons-field small{display:block;margin-top:6px;color:#64748b;font-size:12px;line-height:1.35}
.manual-persons-field input:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}

@media(max-width:640px){
  /* Keep the dark-green reservation badge fully centered inside the green day cell. */
  .admin-cal-day .booking-count{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
    width:calc(100% - 6px)!important;
    max-width:calc(100% - 6px)!important;
    min-height:18px!important;
    margin:5px auto 3px!important;
    padding:2px 1px!important;
    text-align:center!important;
    box-sizing:border-box!important;
  }
  .admin-cal-day .booking-count b,
  .admin-cal-day .booking-count span{
    display:inline!important;
    line-height:1!important;
    vertical-align:middle!important;
  }
  .booking-bottom-summary{margin-top:16px;padding:16px!important;border-radius:16px!important}
  #public-book-form>#booking-submit{min-height:50px;font-size:15px}
}

@media(max-width:390px){
  .admin-cal-day .booking-count{
    width:calc(100% - 4px)!important;
    max-width:calc(100% - 4px)!important;
    min-height:17px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* === Transfer guests: capacity-aware calendar === */
.move-capacity-note{display:flex;flex-direction:column;gap:3px;margin:10px 0 12px;padding:11px 13px;border:1px solid #bbf7d0;border-radius:13px;background:#f0fdf4;color:#166534}
.move-capacity-note strong{font-size:12px}.move-capacity-note span{font-size:11px;color:#3f6212}
.move-month-title{text-align:center;min-width:0}.move-month-title strong,.move-month-title small{display:block}.move-month-title small{margin-top:2px;font-size:10px;color:#64748b}
.move-calendar-legend{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 8px;font-size:10px;font-weight:700;color:#64748b}
.move-calendar-legend span{display:inline-flex;align-items:center;gap:5px}.move-dot{width:8px;height:8px;border-radius:50%}.move-dot.fit{background:#22c55e}.move-dot.nofit{background:#ef4444}
.mini-cal-grid.move-capacity-grid{gap:5px}
.move-capacity-day{height:62px!important;padding:5px 3px!important;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;line-height:1.05;white-space:normal!important;text-overflow:clip!important}
.move-capacity-day.available{background:#dcfce7!important;border:2px solid #22c55e!important;color:#14532d!important;box-shadow:0 2px 8px rgba(34,197,94,.12)}
.move-capacity-day.full{background:#fff1f2!important;border-color:#fecdd3!important;color:#9f1239!important;opacity:.8}
.move-capacity-day.past{background:#f8fafc!important;border-color:#e2e8f0!important;color:#94a3b8!important;opacity:.72;cursor:not-allowed}
.move-capacity-day.selected{outline:3px solid rgba(37,99,235,.28)!important;border-color:#2563eb!important}
.move-day-num{font-size:12px;font-weight:900}.move-day-boat{display:block;width:100%;font-size:8px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.move-day-free{font-size:8px;font-weight:800;color:#15803d}.move-day-no{margin-top:4px;font-size:7px;font-weight:800;text-align:center}
.move-selected-info{display:flex;flex-direction:column;gap:4px;margin:10px 0 12px;padding:11px 13px;border-radius:13px;background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;font-size:11px}.move-selected-info strong{font-size:12px}.move-boat-options{margin-top:3px;padding-top:6px;border-top:1px solid #bfdbfe;line-height:1.45}
@media(max-width:640px){.mini-cal-grid.move-capacity-grid{gap:3px!important}.move-capacity-day{height:58px!important;padding:4px 2px!important}.move-day-num{font-size:11px}.move-day-boat,.move-day-free{font-size:7px}.move-calendar-legend{gap:8px;font-size:9px}}
@media(max-width:390px){.move-capacity-day{height:54px!important}.move-day-boat{font-size:6.5px}.move-day-free{font-size:6.5px}}

/* 2026-08 dashboard, statistics, activity log and booker commissions */
.dashboard-page{display:grid;gap:18px}.dashboard-month-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dashboard-kpi{padding:22px;border:1px solid #dbeafe;border-radius:22px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05)}.dashboard-kpi span,.dashboard-kpi small{display:block;color:#64748b}.dashboard-kpi strong{display:block;margin:7px 0;font-size:32px;line-height:1.1;color:#0f172a}.dashboard-kpi.revenue{background:linear-gradient(135deg,#eff6ff,#fff);border-color:#93c5fd}.dashboard-kpi.revenue strong{color:#1d4ed8}.dashboard-new-reservation{min-height:62px;display:flex!important;align-items:center;justify-content:center;gap:10px;font-size:18px!important;font-weight:900!important;border-radius:18px!important}.dashboard-new-reservation span{font-size:25px;line-height:1}
.stats-filter-card{margin-bottom:16px}.stats-filter-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.stats-filter-form label{min-width:150px;flex:1}.stats-filter-form .btn{margin-bottom:0}.stats-period-title{margin:8px 0 14px}.stats-metrics.five{grid-template-columns:repeat(5,minmax(0,1fr))}.stat-card.paid{background:#eff6ff;border-color:#93c5fd}.stat-card.paid strong{color:#1d4ed8}.stat-card.remaining{background:#fff7ed;border-color:#fdba74}.stat-card.remaining strong{color:#c2410c}.revenue-chart-card{margin-bottom:18px}.revenue-line-chart{width:100%;overflow-x:auto}.revenue-line-chart svg{display:block;width:100%;min-width:620px;height:auto}.chart-grid-line{stroke:#e2e8f0;stroke-width:1}.chart-revenue-line{fill:none;stroke:#2563eb;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.chart-point{fill:#fff;stroke:#2563eb;stroke-width:3}.chart-x-label,.chart-y-label{fill:#64748b;font-size:11px;font-weight:700}.activity-log{display:grid;gap:0}.activity-row{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 4px;border-bottom:1px solid #eef2f7}.activity-row:last-child{border-bottom:0}.activity-dot{width:9px;height:9px;border-radius:50%;background:#2563eb}.activity-row b,.activity-row span{display:block}.activity-row span{margin-top:2px;color:#64748b;font-size:12px}.activity-row time{font-size:11px;font-weight:700;color:#64748b;white-space:nowrap}
.booker-period-filter{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.booker-period-filter select{min-width:130px}.booker-top-grid{align-items:start}.booker-period-summary{background:linear-gradient(135deg,#eff6ff,#fff)}.booker-cards{display:grid;gap:16px;margin-top:18px}.booker-card{padding:20px}.booker-card-head{display:flex;justify-content:space-between;gap:16px;align-items:start}.booker-card-head h2{margin:4px 0}.booker-card-head p{margin:0;color:#64748b}.booker-due{text-align:right;padding:12px 15px;border-radius:16px;background:#fff7ed;border:1px solid #fdba74}.booker-due span{display:block;font-size:11px;color:#9a3412}.booker-due strong{display:block;margin-top:3px;font-size:22px;color:#c2410c}.booker-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:16px}.booker-metrics>div{padding:12px;background:#f8fafc;border-radius:13px}.booker-metrics span,.booker-metrics strong{display:block}.booker-metrics span{font-size:10px;color:#64748b}.booker-metrics strong{margin-top:4px;font-size:16px;color:#0f172a}.booker-type-counts{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.booker-type-counts span{padding:6px 9px;border-radius:999px;background:#eff6ff;color:#1e40af;font-size:11px}.booker-settings{border-top:1px solid #e2e8f0;margin-top:12px;padding-top:12px}.booker-settings>summary{cursor:pointer;font-weight:800;color:#2563eb}.booker-settings-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-top:12px;padding:14px;border-radius:15px;background:#f8fafc}.form-grid.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.move-capacity-day.full:not(.past){cursor:pointer;opacity:1!important}.move-capacity-day.full:not(.past):hover{box-shadow:0 4px 12px rgba(239,68,68,.14);transform:translateY(-1px)}.move-capacity-day.inspected{box-shadow:0 0 0 3px rgba(15,23,42,.12)}.move-day-missing{font-size:8px;font-weight:900;color:#be123c}.move-selected-info.nofit-info{background:#fff1f2;border-color:#fecdd3;color:#9f1239}.move-selected-info.fit-info{background:#eff6ff;border-color:#bfdbfe;color:#1e3a8a}.move-shortage{padding:7px 8px;border-radius:9px;background:#ffe4e6}.move-boat-options{display:grid;gap:6px}.move-boat-state{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:7px 8px;border-radius:9px;background:#fff}.move-boat-state span{font-size:10px;text-align:right}.move-boat-state.fit{border:1px solid #bbf7d0;color:#166534}.move-boat-state.nofit{border:1px solid #fecdd3;color:#9f1239}
@media(max-width:980px){.stats-metrics.five{grid-template-columns:repeat(2,minmax(0,1fr))}.booker-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.booker-settings-grid{grid-template-columns:1fr}.form-grid.three{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.dashboard-month-cards{grid-template-columns:1fr 1fr}.dashboard-kpi.revenue{grid-column:1/-1}.dashboard-kpi{padding:17px}.dashboard-kpi strong{font-size:26px}.stats-filter-form{display:grid;grid-template-columns:1fr 1fr}.stats-filter-form label,.stats-filter-form .btn{min-width:0;width:100%}.stats-filter-form .btn{grid-column:1/-1}.stats-metrics.five{grid-template-columns:1fr 1fr}.activity-row{grid-template-columns:10px 1fr}.activity-row time{grid-column:2;margin-top:-4px}.booker-card-head{flex-direction:column}.booker-due{width:100%;text-align:left}.booker-metrics{grid-template-columns:1fr 1fr}.form-grid.three{grid-template-columns:1fr}.booker-period-filter{width:100%;display:grid;grid-template-columns:1fr 1fr}.booker-period-filter .btn{grid-column:1/-1;width:100%}.move-boat-state{align-items:flex-start;flex-direction:column}.move-boat-state span{text-align:left}}
@media(max-width:430px){.stats-metrics.five{grid-template-columns:1fr}.dashboard-month-cards{grid-template-columns:1fr}.dashboard-kpi.revenue{grid-column:auto}.booker-metrics{grid-template-columns:1fr 1fr}.stats-filter-form{grid-template-columns:1fr}.stats-filter-form .btn{grid-column:auto}.move-day-missing{font-size:7px}}

/* Notifications, booker avatars and profile editor — kept separate from the proven statistics layout */
.dashboard-notification-card{position:relative;display:flex;align-items:center;gap:16px;margin:0;padding:18px 20px;border:1px solid #e5e7eb;border-radius:18px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 10px 28px rgba(15,23,42,.06)}
.dashboard-notification-card.has-new{border-color:#fecaca;background:#fff7f7}.notification-icon{font-size:28px}.dashboard-notification-card div{display:grid;gap:2px}.dashboard-notification-card small{font-weight:800;letter-spacing:.08em}.dashboard-notification-card strong{font-size:30px;line-height:1}.dashboard-notification-card div span{font-size:13px;color:#64748b}.notification-badge{position:absolute;right:16px;top:16px;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#dc2626;color:#fff;font-style:normal;font-size:12px;font-weight:800;display:grid;place-items:center}
.calendar-new-badge{position:absolute;right:5px;top:5px;background:#dc2626;color:#fff;border-radius:999px;padding:2px 6px;font-size:8px;font-weight:900;line-height:1.3;z-index:3}.new-reservation{outline:2px solid #ef4444;outline-offset:2px}.seen-btn{background:#166534!important}.occupied-only{padding:14px;background:#f8fafc}.occupied-only .reservation-main{margin:0}
.booker-rate{display:grid;text-align:right}.booker-rate span,.booker-month-row span{font-size:12px;color:#64748b}.booker-rate strong{font-size:24px}.booker-month-list{display:grid;gap:10px;margin-top:16px}.booker-month-row{display:grid;grid-template-columns:minmax(150px,1.5fr) repeat(4,minmax(90px,1fr)) auto;align-items:center;gap:12px;padding:13px;border:1px solid #e5e7eb;border-radius:14px}.booker-month-row>div{display:grid;gap:2px}.booker-month-title span{font-size:12px}.booker-month-row .due strong{color:#ea580c}.booker-month-row .paid-ok strong{color:#15803d}.booker-payout-form{margin:0 0 12px;padding:16px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0}.booker-edit-form{padding-top:14px}
.booker-identity{display:flex;align-items:center;gap:12px;min-width:0}.booker-list-avatar,.booker-avatar-preview{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:0 0 52px;background:#e2e8f0;display:grid;place-items:center;font-weight:900;color:#0f766e;overflow:hidden}.booker-list-avatar.fallback{font-size:20px}.booker-avatar-preview img{width:100%;height:100%;object-fit:cover}.booker-avatar-picker{display:flex;align-items:center;gap:12px;padding:12px 0 16px}.booker-avatar-picker.compact{padding:12px 0}.booker-avatar-picker.dragging{outline:2px dashed #0f766e;outline-offset:5px;border-radius:12px}.booker-avatar-picker .btn small{font-weight:600;opacity:.75}
.header-profile{width:38px;height:38px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#0f766e;color:#fff;font-weight:800;text-decoration:none;flex:0 0 auto}.header-profile img{width:100%;height:100%;object-fit:cover}.avatar-editor{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px;border:2px dashed #cbd5e1;border-radius:16px;margin-bottom:18px;transition:.2s}.avatar-editor.dragging{border-color:#0f766e;background:#f0fdfa}.avatar-editor small{flex-basis:100%;color:#64748b}.avatar-circle{width:88px;height:88px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#e2e8f0;font-size:32px;font-weight:800}.avatar-circle img{width:100%;height:100%;object-fit:cover}.avatar-modal{position:fixed;inset:0;z-index:1000;background:rgba(15,23,42,.76);display:grid;place-items:center;padding:18px}.avatar-modal.hidden{display:none}.avatar-modal-card{width:min(94vw,480px);background:#fff;border-radius:20px;padding:20px}.avatar-crop-stage{position:relative;width:min(78vw,360px);height:min(78vw,360px);max-width:360px;max-height:360px;margin:12px auto;overflow:hidden;border-radius:50%;background:#111;touch-action:none}.avatar-crop-stage img{position:absolute;left:50%;top:50%;max-width:none;max-height:none;transform-origin:center center;user-select:none;pointer-events:none}.avatar-modal input[type=range]{width:100%}.avatar-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}
.slug-live-link{display:inline-flex;margin-top:8px;font-size:12px;font-weight:750;text-decoration:none;overflow-wrap:anywhere}.stat-card.commission{border-color:#c4b5fd;background:#faf5ff}.stat-card.commission strong{color:#6d28d9}
.dashboard-compact{display:grid;gap:14px}
@media(max-width:800px){
 header{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px 12px!important;padding:10px 14px!important}.logo{grid-column:1;margin:0!important;align-self:center}.header-profile{grid-column:2;grid-row:1;justify-self:end;width:38px;height:38px}header nav{grid-column:1/-1;grid-row:2;width:100%;padding-bottom:2px}
 .dashboard-compact{gap:9px}.dashboard-compact .dashboard-notification-card{padding:11px 13px;min-height:72px}.dashboard-compact .notification-icon{font-size:23px}.dashboard-compact .dashboard-notification-card strong{font-size:25px}.dashboard-compact .dashboard-notification-card div span{font-size:11px}.dashboard-compact .dashboard-month-cards{gap:8px}.dashboard-compact .dashboard-kpi{padding:12px 13px;border-radius:15px}.dashboard-compact .dashboard-kpi span,.dashboard-compact .dashboard-kpi small{font-size:10px}.dashboard-compact .dashboard-kpi strong{font-size:22px;margin:4px 0}.dashboard-compact .dashboard-new-reservation{min-height:48px!important;font-size:15px!important;border-radius:14px!important}main:has(.dashboard-compact){margin-top:10px;margin-bottom:20px}.dashboard-compact+.flash{margin:0}
 .booker-month-row{grid-template-columns:1fr 1fr}.booker-month-row .booker-month-title{grid-column:1/-1}.booker-month-row .payout-open{grid-column:1/-1;width:100%}.booker-card-head{gap:10px}.booker-identity{align-items:flex-start}.calendar-new-badge{font-size:7px;right:3px;top:3px;padding:2px 4px}
}
@media(max-width:430px){.booker-month-row{grid-template-columns:1fr}.booker-month-row>*{grid-column:1!important}.dashboard-compact .dashboard-month-cards{grid-template-columns:1fr 1fr}.dashboard-compact .dashboard-kpi.revenue{grid-column:1/-1}.dashboard-compact .dashboard-kpi{padding:10px 11px}.dashboard-compact .dashboard-kpi strong{font-size:20px}.dashboard-compact .dashboard-notification-card{min-height:64px}.notification-badge{right:10px;top:10px}.booker-avatar-picker{align-items:flex-start;flex-direction:column}}

/* Current navigation item */
header nav a.active{background:#eaf4ff!important;color:#014BC8!important;font-weight:850!important;box-shadow:inset 0 0 0 1px #cfe5ff}
.payout-full-check{display:flex!important;align-items:center;gap:9px;margin:10px 0!important;padding:11px 13px;border:1px solid #bfdbfe;border-radius:12px;background:#eff6ff;color:#1e40af!important}.payout-full-check input{width:auto!important;margin:0!important}.payout-help{display:block;margin:-5px 0 10px;color:#64748b}

/* Dashboard fills one mobile viewport and keeps Nova rezervacija large at the bottom. */
@media(max-width:800px){
 body:has(.dashboard-full-mobile){min-height:100svh;overflow-x:hidden}
 main:has(.dashboard-full-mobile){width:100%!important;max-width:none!important;margin:0!important;padding:8px 12px 10px!important;min-height:calc(100svh - 108px);display:flex;flex-direction:column}
 main:has(.dashboard-full-mobile)>.dashboard-full-mobile{flex:1;min-height:0;display:flex!important;flex-direction:column!important;justify-content:space-between!important;gap:10px!important}
 .dashboard-full-mobile .dashboard-notification-card{flex:0 0 auto}
 .dashboard-full-mobile .dashboard-month-cards{flex:1;min-height:0;display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:1fr 1fr!important;gap:9px!important}
 .dashboard-full-mobile .dashboard-kpi{min-height:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:10px 12px!important}
 .dashboard-full-mobile .dashboard-kpi.revenue{grid-column:1/-1!important}
 .dashboard-full-mobile .dashboard-new-reservation{flex:0 0 auto;min-height:60px!important;font-size:18px!important;border-radius:17px!important;margin-top:auto!important}
 .booker-dashboard .dashboard-month-cards{grid-template-rows:1fr 1fr!important}
}
@media(max-width:430px){
 main:has(.dashboard-full-mobile){min-height:calc(100svh - 100px);padding:6px 10px 8px!important}
 .dashboard-full-mobile .dashboard-notification-card{padding:9px 11px!important;min-height:58px!important}
 .dashboard-full-mobile .dashboard-month-cards{gap:7px!important}
 .dashboard-full-mobile .dashboard-kpi{padding:8px 10px!important}
 .dashboard-full-mobile .dashboard-kpi strong{font-size:21px!important}
 .dashboard-full-mobile .dashboard-new-reservation{min-height:62px!important;font-size:18px!important}
}

/* Statistics visual alignment — same cards, spacing and typography as the rest of reBOAT */
.statistics-page{display:grid;gap:16px}.statistics-page .page-head{margin-bottom:0}.stats-filter-card,.revenue-chart-card,.activity-log-card,.statistics-page>section.card{border:1px solid #e2e8f0;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.stats-filter-card{padding:16px}.stats-filter-form{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr)) auto;gap:10px;align-items:end}.stats-filter-form label{min-width:0;margin:0}.stats-filter-form select,.stats-filter-form input{min-height:44px;border-radius:12px}.stats-filter-form .btn{min-height:44px;margin:0;white-space:nowrap}.stats-period-title{font-size:20px;margin:2px 0 0;color:#0f172a}
.stats-metrics.five{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0}.stats-metrics.five .stat-card{min-width:0;padding:16px;border-radius:16px;box-shadow:none}.stats-metrics.five .stat-card span{font-size:12px;font-weight:750}.stats-metrics.five .stat-card strong{font-size:clamp(20px,2vw,28px);line-height:1.15;overflow-wrap:anywhere}
.revenue-chart-card{padding:18px;overflow:hidden}.revenue-line-chart{margin-top:8px}.statistics-page .service-ranking{margin-top:12px}.statistics-page .rank-row{border:1px solid #eef2f7;background:#f8fafc}.activity-log-card{padding:18px}.activity-row{padding:12px 2px}
@media(max-width:900px){.stats-filter-form{grid-template-columns:1fr 1fr}.stats-filter-form .btn{grid-column:1/-1;width:100%}.stats-metrics.five{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-metrics.five .stat-card:last-child:nth-child(odd){grid-column:1/-1}}
@media(max-width:600px){.statistics-page{gap:12px}.statistics-page .page-head{gap:10px}.statistics-page .page-head h1{margin-bottom:2px}.statistics-page .page-head p{font-size:13px}.stats-filter-card{padding:12px}.stats-filter-form{grid-template-columns:1fr 1fr;gap:8px}.stats-filter-form label{font-size:11px}.stats-filter-form select,.stats-filter-form input{min-height:42px;padding:8px 10px}.stats-period-title{font-size:17px;margin:0}.stats-metrics.five{grid-template-columns:1fr 1fr;gap:8px}.stats-metrics.five .stat-card{padding:12px;border-radius:14px}.stats-metrics.five .stat-card span{font-size:10px}.stats-metrics.five .stat-card strong{font-size:19px;margin:5px 0}.revenue-chart-card,.activity-log-card,.statistics-page>section.card{padding:13px;border-radius:15px}.revenue-line-chart svg{min-width:520px}.rank-row{grid-template-columns:28px minmax(0,1fr) auto;padding:9px;gap:8px}.rank-row strong{font-size:13px}.activity-row{grid-template-columns:9px minmax(0,1fr);gap:8px}.activity-row time{grid-column:2;font-size:10px}.statistics-page .page-head .btn{min-height:42px}}
@media(max-width:390px){.stats-filter-form{grid-template-columns:1fr}.stats-filter-form .btn{grid-column:auto}.stats-metrics.five{grid-template-columns:1fr 1fr}.stats-metrics.five .stat-card strong{font-size:17px}.stats-metrics.five .stat-card:last-child:nth-child(odd){grid-column:1/-1}}

/* ===== reBOAT ANALITIKA v2 - potpuno novi, namespaced prikaz ===== */
.anchor-target{display:block;position:relative;top:-92px;visibility:hidden;height:0}
.analytics-page{display:grid;gap:16px;max-width:1240px;margin:0 auto}.analytics-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.analytics-hero h1{margin:3px 0 4px;font-size:clamp(28px,4vw,42px);letter-spacing:-.035em;color:#0f172a}.analytics-hero p{margin:0;color:#64748b}.analytics-export{flex:0 0 auto}
.analytics-filter{padding:16px!important;border:1px solid #e5e7eb!important;border-radius:20px!important;box-shadow:0 8px 26px rgba(15,23,42,.05)!important}.analytics-filter-grid{display:grid;grid-template-columns:1.05fr 1.2fr 1fr 1fr 1fr auto;gap:10px;align-items:end}.analytics-filter-grid label{display:flex;flex-direction:column;gap:6px;margin:0;font-size:12px;font-weight:800;color:#475569}.analytics-filter-grid select,.analytics-filter-grid input{height:46px;margin:0;border-radius:12px;background:#fff}.analytics-show{height:46px;margin:0!important;padding-inline:22px!important}.analytics-period-title{font-size:18px;font-weight:900;color:#0f172a;padding:2px 2px 0}
.analytics-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.analytics-kpis.has-commission{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-kpi{min-width:0;padding:18px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.045)}.analytics-kpi span{display:block;min-height:30px;font-size:12px;font-weight:800;color:#64748b}.analytics-kpi strong{display:block;margin-top:7px;font-size:clamp(22px,2.4vw,31px);line-height:1.05;letter-spacing:-.025em;color:#0f172a;overflow-wrap:anywhere}.analytics-kpi.income{border-color:#bbf7d0;background:#f0fdf4}.analytics-kpi.income strong{color:#15803d}.analytics-kpi.paid{border-color:#bfdbfe;background:#eff6ff}.analytics-kpi.paid strong{color:#1d4ed8}.analytics-kpi.remaining{border-color:#fed7aa;background:#fff7ed}.analytics-kpi.remaining strong{color:#ea580c}.analytics-kpi.commission{border-color:#ddd6fe;background:#f5f3ff}.analytics-kpi.commission strong{color:#6d28d9}
.analytics-section{padding:18px!important;border:1px solid #e5e7eb!important;border-radius:20px!important;box-shadow:0 8px 26px rgba(15,23,42,.05)!important;overflow:hidden}.analytics-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.analytics-section-head h2{margin:3px 0 0;font-size:21px;color:#0f172a}.analytics-chart-scroll{overflow-x:auto;overscroll-behavior-inline:contain;padding:2px 0 0}.analytics-chart{display:block;width:100%;min-width:760px;height:auto}.analytics-grid{stroke:#e8edf3;stroke-width:1}.analytics-line{fill:none;stroke:#014BC8;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.analytics-dot{fill:#fff;stroke:#014BC8;stroke-width:3}.analytics-x,.analytics-y{fill:#64748b;font-size:11px;font-weight:700}.analytics-ranking{display:grid;gap:8px}.analytics-rank{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid #edf2f7;border-radius:14px;background:#f8fafc}.analytics-rank>span{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#eaf4ff;color:#014BC8;font-weight:900}.analytics-rank b,.analytics-rank small{display:block}.analytics-rank b{color:#0f172a}.analytics-rank small{margin-top:2px;color:#64748b;font-size:11px}.analytics-rank>strong{color:#0f172a;white-space:nowrap}.analytics-empty{padding:24px;text-align:center;color:#64748b}
@media(max-width:980px){.analytics-filter-grid{grid-template-columns:1fr 1fr 1fr}.analytics-show{grid-column:1/-1;width:100%}.analytics-kpis,.analytics-kpis.has-commission{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-kpi:last-child:nth-child(odd){grid-column:1/-1}}
@media(max-width:650px){.analytics-page{gap:11px}.analytics-hero{align-items:stretch;flex-direction:column;gap:9px}.analytics-hero h1{font-size:29px}.analytics-hero p{font-size:13px}.analytics-export{width:100%;text-align:center}.analytics-filter{padding:11px!important;border-radius:16px!important}.analytics-filter-grid{grid-template-columns:1fr 1fr;gap:8px}.analytics-filter-grid label{font-size:10px}.analytics-filter-grid select,.analytics-filter-grid input,.analytics-show{height:42px;min-height:42px}.analytics-show{grid-column:1/-1}.analytics-period-title{font-size:15px}.analytics-kpis,.analytics-kpis.has-commission{grid-template-columns:1fr 1fr;gap:8px}.analytics-kpi{padding:12px;border-radius:14px}.analytics-kpi span{min-height:25px;font-size:10px}.analytics-kpi strong{font-size:19px;margin-top:5px}.analytics-section{padding:12px!important;border-radius:16px!important}.analytics-section-head h2{font-size:18px}.analytics-chart{min-width:620px}.analytics-rank{grid-template-columns:30px minmax(0,1fr);padding:9px}.analytics-rank>strong{grid-column:2}.analytics-rank small{font-size:10px}}
@media(max-width:390px){.analytics-filter-grid{grid-template-columns:1fr}.analytics-show{grid-column:auto}.analytics-kpis,.analytics-kpis.has-commission{grid-template-columns:1fr 1fr}.analytics-kpi strong{font-size:17px}}

/* 2026-08 Reservations-first navigation + new reservation notice */
.reservations-head{align-items:center}.reservations-head-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.new-reservations-alert{display:inline-flex;align-items:center;gap:9px;padding:10px 13px;border-radius:13px;background:#fff4f4;border:1px solid #fecaca;color:#b91c1c;text-decoration:none;font-size:12px;font-weight:850;box-shadow:0 6px 18px rgba(185,28,28,.07)}.new-reservations-alert strong{min-width:23px;height:23px;padding:0 7px;border-radius:999px;background:#dc2626;color:#fff;display:inline-grid;place-items:center;font-size:11px}.seen-form.is-saving{opacity:.55;pointer-events:none}
@media(max-width:800px){header nav{scroll-behavior:auto;scroll-snap-type:x proximity}header nav a{scroll-snap-align:center}.reservations-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:start!important}.reservations-head>div:first-child{min-width:0}.reservations-head-actions{display:grid;grid-template-columns:1fr;justify-items:end;margin:0}.new-reservations-alert{padding:8px 10px}.new-reservations-alert span{max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reservations-head-actions .btn{width:auto!important;white-space:nowrap}}
@media(max-width:480px){.reservations-head{grid-template-columns:1fr!important}.reservations-head-actions{width:100%;grid-template-columns:1fr auto;align-items:center}.new-reservations-alert{justify-content:space-between;min-width:0}.reservations-head-actions .btn{padding:10px 12px!important;font-size:12px!important}}

/* 2026-08-20 mobile reservations header refinements */
.reservations-eyebrow-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.reservations-title-block{min-width:0;flex:1}.new-reservations-alert.is-zero{background:#f8fafc;border-color:#e2e8f0;color:#64748b;box-shadow:none}.new-reservations-alert.is-zero strong{background:#94a3b8}.new-reservations-alert.is-zero{cursor:default;pointer-events:none;user-select:none}.notification-bell{font-size:15px;line-height:1}.new-reservations-alert.has-new{background:#fff4f4;border-color:#fecaca;color:#b91c1c}
@media(max-width:800px){.reservations-head{display:block!important}.reservations-title-block{width:100%}.reservations-eyebrow-row{width:100%;align-items:center}.reservations-eyebrow-row .new-reservations-alert{margin-left:auto;flex:0 0 auto;max-width:64%;padding:7px 9px}.reservations-eyebrow-row .new-reservations-alert span:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reservations-head-actions{display:block!important;width:100%!important;margin-top:12px!important}.reservations-head-actions .btn,#toggle-manual{display:flex!important;width:100%!important;max-width:none!important;justify-content:center!important;align-items:center!important;min-height:50px!important;margin:0!important}.reservations-head h1{margin-top:8px}}
@media(max-width:430px){.reservations-eyebrow-row .new-reservations-alert{max-width:68%;font-size:10px;gap:5px}.reservations-eyebrow-row .new-reservations-alert strong{min-width:21px;height:21px;padding:0 6px}.notification-bell{font-size:14px}}

/* === 2026-08-20 notification/calendar/export refinements === */
/* Desktop: notification and new-reservation controls are a large equal-size stack. */
.reservations-head-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-left:auto;width:300px;max-width:32vw}
.reservations-head-actions .desktop-new-alert,.reservations-head-actions #toggle-manual{width:100%!important;min-height:58px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:16px!important;font-size:14px!important;font-weight:900!important}
.reservations-head-actions .desktop-new-alert{gap:10px;padding:12px 16px!important}
.reservations-head-actions #toggle-manual{font-size:16px!important;padding:14px 18px!important}
.mobile-new-alert{display:none!important}

@media(max-width:800px){
  .reservations-head-actions .desktop-new-alert{display:none!important}
  .mobile-new-alert{display:inline-flex!important}
  .reservations-head-actions{width:100%!important;max-width:none!important;display:block!important;margin:12px 0 0!important}
  .reservations-head-actions #toggle-manual{width:100%!important;min-height:52px!important;border-radius:14px!important;font-size:15px!important}

  /* Mobile reservation day: date, NOVO, reservations, persons – each gets its own row. */
  .admin-cal-day{min-height:88px!important;padding:4px 2px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:2px!important}
  .admin-cal-day .day-num{order:1;width:100%!important;height:14px!important;line-height:14px!important;text-align:left!important;padding-left:3px!important;margin:0!important;font-size:11px!important}
  .admin-cal-day .calendar-new-badge{position:static!important;order:2!important;display:flex!important;align-items:center!important;justify-content:center!important;width:calc(100% - 4px)!important;min-height:15px!important;margin:0 auto!important;padding:2px 1px!important;border-radius:5px!important;font-size:7px!important;line-height:1!important;white-space:nowrap!important;box-sizing:border-box!important}
  .admin-cal-day .booking-count{order:3!important;display:flex!important;align-items:center!important;justify-content:center!important;width:calc(100% - 4px)!important;min-height:16px!important;margin:0 auto!important;padding:2px 1px!important;border-radius:5px!important;font-size:7px!important;line-height:1!important;box-sizing:border-box!important}
  .admin-cal-day .calendar-day-stats{order:4!important;display:flex!important;align-items:center!important;justify-content:center!important;width:calc(100% - 4px)!important;min-height:15px!important;margin:0 auto!important;padding:0!important;text-align:center!important}
  .admin-cal-day .calendar-day-stats strong{display:block!important;width:100%!important;font-size:7px!important;line-height:1!important;white-space:nowrap!important;text-align:center!important}
  .admin-cal-day .calendar-day-stats small{display:none!important}
  .admin-cal-day:not(.has-bookings) .calendar-free-label{order:3!important;margin:auto 0!important}
}
@media(max-width:390px){
  .admin-cal-day{min-height:84px!important}
  .admin-cal-day .calendar-new-badge,.admin-cal-day .booking-count,.admin-cal-day .calendar-day-stats strong{font-size:6.5px!important}
}

/* Statistics export is enabled only after the selected filter has been applied with Prikaži. */
.analytics-export.is-disabled{opacity:.48;cursor:not-allowed;pointer-events:none;filter:grayscale(.25)}

/* QR booking page + bank payout settings */
.bank-account-settings h2,.qr-info-card h2,.qr-preview-card h2{margin-top:6px}
.bank-account-settings>p{line-height:1.65;color:#475569}
.bank-status{display:flex;gap:12px;align-items:flex-start;padding:13px 14px;border-radius:14px;margin:16px 0;background:#fff7ed;border:1px solid #fed7aa}
.bank-status>span{width:10px;height:10px;border-radius:999px;background:#f59e0b;margin-top:5px;flex:0 0 auto}
.bank-status.ready{background:#f0fdf4;border-color:#bbf7d0}.bank-status.ready>span{background:#22c55e}
.bank-status b,.bank-status small{display:block}.bank-status small{margin-top:3px;color:#64748b;line-height:1.45}
.secure-note{display:block;margin-top:10px;color:#64748b;line-height:1.45}.settings-divider{height:1px;background:#e2e8f0;margin:24px 0}
.qr-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:20px;align-items:stretch}
.qr-info-card,.qr-preview-card{padding:28px}.qr-info-card>p,.qr-preview-card>p{color:#64748b;line-height:1.65}
.qr-link-box{display:flex;gap:10px;padding:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;margin:18px 0 14px}.qr-link-box input{margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;font-weight:700;color:#0f172a;min-width:0}.qr-link-box .btn{flex:0 0 auto}
.qr-share-hints{display:flex;flex-wrap:wrap;gap:8px}.qr-share-hints span{padding:7px 10px;border-radius:999px;background:#eef6ff;color:#014BC8;font-size:12px;font-weight:800}.qr-copy-feedback{display:block;min-height:20px;margin-top:10px;color:#16a34a;font-weight:700}
.qr-preview-card{text-align:center}.qr-preview-card>.eyebrow{display:block}.qr-code-button{appearance:none;border:0;background:transparent;color:inherit;display:flex;flex-direction:column;align-items:center;gap:12px;margin:16px auto 0;cursor:pointer;width:min(100%,360px);padding:0}.qr-code-button>span:last-child{font-size:13px;font-weight:800;color:#014BC8}
.qr-image-wrap{position:relative;display:block;width:min(100%,320px);aspect-ratio:1;background:#fff;padding:13px;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 12px 34px rgba(15,23,42,.08)}.qr-image-wrap>img{display:block;width:100%;height:100%;object-fit:contain}.qr-center-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:31%;height:17%;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;padding:6px}.qr-center-logo img{max-width:100%;max-height:100%;object-fit:contain}
.qr-download-modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,.55);backdrop-filter:blur(5px)}.qr-download-modal.hidden{display:none!important}.qr-download-card{position:relative;width:min(560px,100%);background:#fff;border-radius:22px;padding:28px;box-shadow:0 24px 70px rgba(15,23,42,.25)}.qr-download-card>p{color:#64748b;line-height:1.6}.qr-modal-close{position:absolute;right:16px;top:14px;width:36px;height:36px;border:0;border-radius:999px;background:#f1f5f9;font-size:24px;line-height:1;cursor:pointer}.qr-format-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.qr-format-option{display:flex;flex-direction:column;gap:3px;padding:18px;border-radius:16px;border:1px solid #dbeafe;background:#f8fbff;text-decoration:none;color:#0f172a;transition:.18s}.qr-format-option:hover{transform:translateY(-2px);border-color:#93c5fd;box-shadow:0 10px 24px rgba(37,99,235,.10)}.qr-format-option strong{font-size:24px;color:#014BC8}.qr-format-option span{font-weight:800}.qr-format-option small{color:#64748b}
@media(max-width:800px){.qr-layout{grid-template-columns:1fr}.qr-info-card,.qr-preview-card{padding:18px}.qr-link-box{display:grid;grid-template-columns:1fr}.qr-link-box .btn{width:100%}.qr-format-actions{grid-template-columns:1fr}.qr-download-card{padding:22px}.qr-image-wrap{width:min(100%,290px)}}

/* === reBOAT branded QR + sharing / embed builder === */
.qr-share-hints button{appearance:none;border:1px solid #dbeafe;background:#eef6ff;color:#014BC8;padding:8px 12px;border-radius:999px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;transition:.16s}
.qr-share-hints button:hover{background:#dbeafe;transform:translateY(-1px)}
.qr-image-wrap{padding:10px!important}.qr-image-wrap>img{border-radius:14px}
.qr-format-actions.three{grid-template-columns:repeat(3,1fr)}
.booking-button-builder{margin-top:20px;padding:28px}.booking-button-builder>p{color:#64748b;line-height:1.6}.booking-builder-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:24px;align-items:start}.booking-color-row{display:grid;grid-template-columns:58px 1fr;gap:10px}.booking-color-row input[type=color]{width:58px;height:46px;padding:4px;border-radius:10px;cursor:pointer}.booking-button-preview{margin-top:16px;padding:18px;border:1px dashed #cbd5e1;border-radius:14px;background:#f8fafc;display:flex;gap:14px;align-items:center;flex-wrap:wrap}.booking-button-preview>span{font-size:12px;color:#64748b;font-weight:800}.booking-button-preview a{display:inline-block;background:#014BC8;color:#fff;padding:13px 24px;border-radius:10px;font-family:Arial,sans-serif;font-size:16px;font-weight:700;text-decoration:none}.booking-button-builder textarea{width:100%;min-height:152px;resize:vertical;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background:#0f172a;color:#e2e8f0;border-color:#0f172a}.embed-help{display:block;margin-top:12px;color:#64748b;line-height:1.55}.qr-share-modal{position:fixed;inset:0;z-index:2010;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,.55);backdrop-filter:blur(5px)}.qr-share-modal.hidden{display:none!important}.qr-share-card{position:relative;width:min(560px,100%);background:#fff;border-radius:22px;padding:28px;box-shadow:0 24px 70px rgba(15,23,42,.25)}.qr-share-card p{color:#475569;line-height:1.7}.share-link-mini{margin:16px 0;padding:12px 14px;border:1px solid #dbeafe;border-radius:12px;background:#f8fbff;color:#0f172a;font-size:13px;font-weight:700;overflow-wrap:anywhere}
@media(max-width:800px){.booking-button-builder{padding:18px}.booking-builder-grid{grid-template-columns:1fr}.qr-format-actions.three{grid-template-columns:1fr}}

/* QR sharing refinements */
.qr-share-hints button{display:inline-flex;align-items:center;gap:7px}
.share-brand-icon,.share-modal-brand{display:inline-grid;place-items:center;flex:0 0 auto;border-radius:50%;font-weight:900;line-height:1}
.share-brand-icon{width:24px;height:24px;font-size:15px;background:#fff;box-shadow:0 0 0 1px rgba(15,23,42,.06)}
.share-brand-icon.fb{color:#1877f2}.share-brand-icon.ig{color:#c13584;font-size:18px}.share-brand-icon.wa{color:#25d366;font-size:18px}.share-brand-icon.web{color:#014BC8}
.qr-share-card h2{display:flex;align-items:center;gap:10px}
.share-modal-brand{width:34px;height:34px;font-size:20px;background:#f8fafc}
.share-modal-brand.facebook{color:#1877f2}.share-modal-brand.instagram{color:#c13584}.share-modal-brand.whatsapp{color:#25d366}.share-modal-brand.website{color:#014BC8}
.share-copy-label{display:block;margin:16px 0 7px;font-size:12px;font-weight:800;color:#475569;text-transform:uppercase;letter-spacing:.04em}
.share-link-copy-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:8px;border:1px solid #dbeafe;border-radius:14px;background:#f8fbff;margin-bottom:16px}
.share-link-copy-row input{margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;min-width:0;font-weight:700;color:#0f172a}
@media(max-width:560px){.share-link-copy-row{grid-template-columns:1fr}.share-link-copy-row .btn{width:100%}}

/* Search + export additions */
.reboat-search-bar{margin:0 0 18px;padding:16px 18px}.reboat-search-bar>label{display:block;font-weight:700;margin-bottom:8px}.reboat-search-row{display:flex;gap:10px;align-items:center}.reboat-search-row input{flex:1;min-width:0;margin:0}.reboat-search-row .btn{white-space:nowrap;margin:0}.reboat-search-bar>small{display:block;margin-top:8px;color:#64748b}.reservation-search-results{margin:0 0 18px;padding:18px}.search-results-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.search-results-head h2{margin:3px 0 0}.reservation-search-list{display:grid;gap:8px}.reservation-search-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.8fr);gap:16px;align-items:center;padding:13px 14px;border:1px solid #dbe7f5;border-radius:12px;text-decoration:none;color:inherit;background:#fff}.reservation-search-item:hover{border-color:#93c5fd;background:#f8fbff}.reservation-search-item div{min-width:0}.reservation-search-item strong,.reservation-search-item span{display:block}.reservation-search-item small{display:block;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}.reservation-search-item>div:last-child{text-align:right}.analytics-export-row{display:flex;align-items:center;gap:14px;margin:14px 0 8px}.analytics-export-row small{color:#64748b}.booker-search-bar{margin-bottom:18px}@media(max-width:700px){.reboat-search-row{flex-wrap:wrap}.reboat-search-row input{flex-basis:100%}.reboat-search-row .btn{flex:1}.reservation-search-item{grid-template-columns:1fr;gap:8px}.reservation-search-item>div:last-child{text-align:left}.analytics-export-row{align-items:stretch;flex-direction:column}.analytics-export-row .btn{text-align:center}}

.reservation-detail-card.reservation-search-focus{outline:3px solid #2563eb;outline-offset:3px;box-shadow:0 0 0 7px rgba(37,99,235,.12);transition:outline-color .25s ease,box-shadow .25s ease}

/* Subscription + legal redesign 2026-08-20 */
.subscription-page{max-width:980px;margin:0 auto}.subscription-head{text-align:center;margin:18px auto 28px;max-width:680px}.subscription-head h1{font-size:clamp(34px,5vw,52px);letter-spacing:-1.6px;margin:8px 0}.subscription-head p{color:var(--muted);font-size:16px}.subscription-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}.subscription-plan{position:relative;background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.subscription-plan.featured{border:2px solid #7db8ff}.plan-badge{position:absolute;right:18px;top:18px;background:var(--blue);color:#fff;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:850}.plan-kicker{font-size:11px;letter-spacing:.12em;font-weight:900;color:#5c94ce}.subscription-plan h2{font-size:26px;margin:8px 0}.plan-price{display:flex;align-items:baseline;gap:7px;margin:8px 0 14px}.plan-price b{font-size:38px;letter-spacing:-1.2px}.plan-price span{color:var(--muted);font-size:13px}.plan-check{padding:8px 0;color:#41536b;font-size:14px}.subscription-plan .terms-accept{margin-top:auto}.wide{width:100%}.subscription-legal{text-align:center;color:var(--muted);font-size:12px;margin:18px auto}.terms-accept{cursor:pointer}.terms-accept span{line-height:1.5}.terms-accept input{flex:0 0 auto}.legal-page{max-width:900px;margin:0 auto}.legal-hero{text-align:center;margin:18px auto 24px}.legal-hero h1{font-size:clamp(32px,5vw,48px);letter-spacing:-1.3px;margin:8px 0}.legal-hero p{color:var(--muted);line-height:1.6}.legal-notice{padding:16px 18px;border:1px solid #cfe3fa;background:#f2f8ff;border-radius:16px;color:#294c70;line-height:1.55;margin-bottom:18px}.legal-content{padding:clamp(20px,4vw,40px)}.legal-content h2{margin:30px 0 8px;font-size:21px}.legal-content h2:first-child{margin-top:0}.legal-content h3{margin:22px 0 6px;font-size:16px}.legal-content p{margin:0;color:#53657b;line-height:1.72}.booking-terms{margin-top:16px}
@media(max-width:800px){.subscription-grid{grid-template-columns:1fr}.subscription-plan{padding:20px}.plan-price b{font-size:34px}}


/* === 2026-08-20 landing, address autocomplete, VAT === */
.google-address-wrap{position:relative;width:100%}.google-address-results{position:absolute;z-index:1000;left:0;right:0;top:calc(100% + 5px);background:#fff;border:1px solid #d8e5f2;border-radius:14px;box-shadow:0 16px 40px rgba(20,57,100,.16);overflow:hidden}.google-address-option{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #edf2f7;border-radius:0;background:#fff;color:#24364d;padding:11px 13px;box-shadow:none;font-weight:650}.google-address-option:last-child{border-bottom:0}.google-address-option:hover{background:#f2f8ff;color:#125fb8;transform:none;box-shadow:none}.field-help{display:block;margin-top:6px;color:#7b8ca1;font-size:11px;font-weight:500;line-height:1.45}.full-field{grid-column:1/-1}.owner-legal-fields{grid-column:1/-1}.vat-chip{display:inline-flex;width:max-content;margin:7px 0 3px;padding:5px 9px;border-radius:999px;background:#ecfdf5;color:#087859;font-size:11px;font-weight:850}.booking-vat-note{padding:8px 10px!important;border:1px solid #bbf7d0!important;border-radius:10px!important;background:#f0fdf4!important;color:#166534!important;font-size:11px!important;font-weight:800!important}.card-price small{display:block;font-size:9px;color:#15803d;font-weight:800;margin-top:2px}.public-register-link{background:#eaf4ff;color:#1266c4!important}.landing-page{overflow:hidden}.landing-hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:46px;align-items:center;padding:55px 0 72px}.landing-hero-copy h1{font-size:clamp(44px,5.7vw,76px);line-height:.98;letter-spacing:-3.2px;margin:17px 0 20px;color:#10213d;max-width:820px}.landing-hero-copy>p{font-size:18px;line-height:1.7;color:#63758d;max-width:720px}.landing-badge{display:inline-flex;padding:7px 11px;border-radius:999px;background:#eaf4ff;border:1px solid #cce4ff;color:#1769bd;font-size:11px;font-weight:900;letter-spacing:.08em}.landing-actions{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0 18px}.landing-primary{min-height:52px;padding-inline:22px}.landing-secondary{min-height:52px}.landing-trust{display:flex;gap:15px;flex-wrap:wrap;color:#557089;font-size:12px;font-weight:750}.landing-hero-visual img,.landing-showcase-img img,.landing-mobile img{display:block;width:100%;height:auto}.landing-hero-visual{position:relative}.landing-proof{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dfeaf6;border:1px solid #dfeaf6;border-radius:22px;overflow:hidden;margin-bottom:100px}.landing-proof>div{background:#fff;padding:21px}.landing-proof strong,.landing-proof span{display:block}.landing-proof strong{font-size:15px;color:#18304c}.landing-proof span{font-size:12px;color:#77889c;margin-top:5px;line-height:1.4}.landing-section{padding:20px 0 90px}.landing-section-head{text-align:center;max-width:760px;margin:0 auto 35px}.landing-section-head h2,.landing-showcase-copy h2,.landing-mobile h2,.landing-final h2{font-size:clamp(32px,4.2vw,52px);line-height:1.03;letter-spacing:-2px;color:#10213d;margin:10px 0 14px}.landing-section-head p,.landing-showcase-copy p,.landing-mobile p,.landing-final p{color:#6c7f95;line-height:1.7;font-size:16px}.landing-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.landing-feature-card{position:relative;padding:25px;border:1px solid #deebf7;border-radius:22px;background:#fff;min-height:230px}.landing-feature-card h3{font-size:19px;margin:35px 0 8px;color:#16304d}.landing-feature-card p{margin:0;color:#71839a;line-height:1.65;font-size:14px}.feature-number{position:absolute;top:20px;left:24px;color:#80a6ce;font-size:11px;font-weight:900;letter-spacing:.08em}.landing-showcase{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:50px;align-items:center;padding:58px 0 86px}.landing-showcase.reverse{grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr)}.landing-showcase.reverse .landing-showcase-copy{order:2}.landing-showcase.reverse .landing-showcase-img{order:1}.landing-showcase-copy ul{padding:0;margin:22px 0 0;list-style:none;display:grid;gap:9px}.landing-showcase-copy li{position:relative;padding-left:25px;color:#475f79;font-weight:650}.landing-showcase-copy li:before{content:'✓';position:absolute;left:0;color:#0fa97a;font-weight:900}.landing-showcase-img{padding:14px;border-radius:26px;background:#fff;border:1px solid #dce9f5;box-shadow:0 20px 55px rgba(31,84,139,.11)}.landing-mobile{display:grid;grid-template-columns:1fr 380px;gap:55px;align-items:center;margin:20px 0 100px;padding:48px 55px;border-radius:30px;background:linear-gradient(135deg,#10294c,#0c65c8);overflow:hidden}.landing-mobile .eyebrow,.landing-mobile h2,.landing-mobile p{color:#fff}.landing-mobile p{color:#cbe2ff}.landing-mobile img{max-height:520px;object-fit:contain}.landing-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.landing-steps>div{padding:22px;border-radius:20px;background:#fff;border:1px solid #dfeaf6}.landing-steps b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eaf4ff;color:#176cc5}.landing-steps h3{margin:16px 0 7px;color:#193450}.landing-steps p{margin:0;color:#74859a;font-size:13px;line-height:1.6}.landing-pricing{padding:85px 0}.landing-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,330px));justify-content:center;gap:16px}.landing-price-card{padding:27px;border-radius:24px;background:#fff;border:1px solid #dfeaf6;box-shadow:0 12px 36px rgba(33,82,135,.07)}.landing-price-card.featured{border:2px solid #78baff;background:#f7fbff}.landing-price-card span,.landing-price-card strong,.landing-price-card small,.landing-price-card em{display:block}.landing-price-card span{font-size:12px;font-weight:850;color:#647b94}.landing-price-card strong{font-size:33px;margin:10px 0;color:#102a48}.landing-price-card small{color:#6e8196;line-height:1.5}.landing-price-card em{font-style:normal;color:#087859;font-size:11px;font-weight:850;margin-top:13px}.landing-price-note{text-align:center;margin-top:20px;color:#61758d}.landing-final{text-align:center;margin:70px auto 20px;padding:65px 30px;border-radius:32px;background:#fff;border:1px solid #dce9f5;max-width:1020px}.landing-final p{max-width:650px;margin:0 auto 22px}.landing-final small{display:block;color:#7c8ea2;margin-top:12px}.register-shell{display:grid;grid-template-columns:.82fr 1.18fr;gap:34px;align-items:start;max-width:1050px;margin:45px auto}.register-intro{padding:36px 8px}.register-intro h1{font-size:clamp(38px,5vw,57px);line-height:1;letter-spacing:-2.5px;margin:16px 0}.register-intro>p{color:#6b7e94;font-size:16px;line-height:1.7}.register-benefits{display:grid;gap:9px;margin-top:22px;color:#45627f;font-weight:700;font-size:13px}.register-card{padding:28px}.register-card .form-grid{align-items:start}.register-terms{margin-top:18px}.register-note{text-align:center;font-size:11px!important;margin:10px 0 0!important}.terms-accept{padding:13px 14px;border:1px solid #dce8f5;border-radius:14px;background:#f8fbff;align-items:flex-start!important}.terms-accept input{margin-top:2px!important}.terms-accept span{font-weight:600;line-height:1.45}.terms-accept a{font-weight:800}
@media(max-width:980px){.landing-hero{grid-template-columns:1fr;gap:24px;padding-top:35px}.landing-hero-copy{text-align:center}.landing-hero-copy>p{margin-inline:auto}.landing-actions,.landing-trust{justify-content:center}.landing-hero-visual{max-width:760px;margin:auto}.landing-proof{grid-template-columns:repeat(2,1fr)}.landing-feature-grid{grid-template-columns:repeat(2,1fr)}.landing-showcase,.landing-showcase.reverse{grid-template-columns:1fr;gap:25px}.landing-showcase.reverse .landing-showcase-copy,.landing-showcase.reverse .landing-showcase-img{order:initial}.landing-mobile{grid-template-columns:1fr 300px;padding:40px}.landing-steps{grid-template-columns:repeat(2,1fr)}.register-shell{grid-template-columns:1fr;max-width:720px}.register-intro{text-align:center;padding-bottom:0}.register-benefits{grid-template-columns:repeat(2,1fr);text-align:left}}
@media(max-width:640px){.landing-hero{padding:24px 0 45px}.landing-hero-copy h1{font-size:40px;letter-spacing:-2px}.landing-hero-copy>p{font-size:15px}.landing-actions{display:grid}.landing-actions .btn{width:100%}.landing-trust{display:grid;gap:7px}.landing-proof{grid-template-columns:1fr;margin-bottom:70px}.landing-proof>div{padding:16px}.landing-section{padding-bottom:62px}.landing-feature-grid{grid-template-columns:1fr}.landing-feature-card{min-height:auto}.landing-showcase{padding:35px 0 55px}.landing-section-head h2,.landing-showcase-copy h2,.landing-mobile h2,.landing-final h2{font-size:33px;letter-spacing:-1.4px}.landing-mobile{grid-template-columns:1fr;padding:32px 24px;margin-bottom:70px}.landing-mobile img{max-width:260px;margin:15px auto -50px}.landing-steps{grid-template-columns:1fr}.landing-price-grid{grid-template-columns:1fr}.landing-final{padding:45px 20px}.register-shell{margin:18px auto}.register-intro{padding:20px 4px 0}.register-benefits{grid-template-columns:1fr}.register-card{padding:19px}.register-card .form-grid.two,.owner-legal-fields{grid-template-columns:1fr}.full-field{grid-column:auto}header{padding-inline:14px}header nav{overflow-x:auto;flex-wrap:nowrap;max-width:72%;-webkit-overflow-scrolling:touch}header nav a{white-space:nowrap}.public-register-link{display:none}}


/* === Booking VAT breakdown + strong payment summary === */
.booking-total-card .booking-vat-note{
  display:block!important;
  padding:9px 11px!important;
  margin:10px 0 2px!important;
  border:1px solid #bbf7d0!important;
  border-radius:10px!important;
  background:#f0fdf4!important;
  color:#166534!important;
  font-size:12px!important;
  font-weight:750!important;
}
.booking-total-card .booking-vat-breakdown{
  padding:10px 0!important;
}
.booking-total-card .booking-vat-breakdown strong{
  font-size:17px!important;
  color:#334155!important;
}
.booking-total-card .booking-charge-highlight{
  margin:12px 0!important;
  padding:14px!important;
  border:2px solid #60a5fa!important;
  border-radius:14px!important;
  background:#eff6ff!important;
  align-items:center!important;
}
.booking-total-card .booking-charge-highlight small b,
.booking-total-card .booking-charge-highlight small span{
  display:block;
}
.booking-total-card .booking-charge-highlight small b{
  color:#1d4ed8!important;
  font-size:11px!important;
  letter-spacing:.035em;
}
.booking-total-card .booking-charge-highlight small span{
  margin-top:3px;
  color:#64748b!important;
  font-size:11px!important;
}
.booking-total-card .booking-charge-highlight strong{
  color:#1d4ed8!important;
  font-size:27px!important;
}
.booking-total-card .booking-remaining{
  display:flex!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:10px 0 0!important;
  padding:14px!important;
  border:1px solid #fdba74!important;
  border-radius:14px!important;
  background:#fff7ed!important;
  align-items:center!important;
}
.booking-total-card .booking-remaining strong{
  font-size:25px!important;
}
@media(max-width:640px){
  .booking-total-card .booking-charge-highlight,
  .booking-total-card .booking-remaining{padding:12px!important}
  .booking-total-card .booking-charge-highlight strong,
  .booking-total-card .booking-remaining strong{font-size:22px!important}
}


.booking-summary-items{margin:12px 0 8px;border:1px solid #dbeafe;border-radius:14px;overflow:hidden;background:#fff}
.booking-summary-title{padding:10px 12px;font-size:12px;font-weight:800;color:#2563eb;background:#f8fbff;border-bottom:1px solid #e5efff;text-transform:uppercase;letter-spacing:.05em}
.booking-summary-item{display:flex!important;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;border-bottom:1px solid #edf2f7}
.booking-summary-item:last-child{border-bottom:0}
.booking-summary-item>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.booking-summary-item b{font-size:14px;color:#172033}
.booking-summary-item small{font-size:12px;color:#64748b}
.booking-summary-item strong{font-size:15px;white-space:nowrap;color:#172033}
@media(max-width:640px){.booking-summary-item{align-items:flex-start}.booking-summary-item strong{font-size:14px}}
/* Commission visibility 2026-08-20 */
.subscription-commission{margin:18px auto 0;max-width:560px;padding:15px 18px;border:1px solid #bfdbfe;border-radius:16px;background:#eff6ff;display:grid;grid-template-columns:1fr auto;gap:4px 14px;text-align:left}.subscription-commission span{font-weight:800;color:#334155}.subscription-commission strong{font-size:24px;color:#014BC8}.subscription-commission small{grid-column:1/-1;color:#64748b}.commission-admin-box{margin-top:18px;padding:16px;border:1px solid #dbeafe;border-radius:16px;background:#f8fbff}.commission-admin-box h3{margin:0 0 8px}.commission-admin-box .commission-actions{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:end}@media(max-width:650px){.commission-admin-box .commission-actions{grid-template-columns:1fr}.subscription-commission{grid-template-columns:1fr auto}}

/* Superadmin commission control redesign 2026-08-20 */
.commission-control{margin-top:18px;padding:22px!important;border:1px solid #dbeafe!important;border-radius:22px!important;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)!important}
.commission-control-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.commission-eyebrow{display:block;margin-bottom:5px;font-size:11px;font-weight:900;letter-spacing:.12em;color:#014BC8}.commission-control-head h2{margin:0 0 5px}.commission-control-head p{margin:0;color:#64748b;max-width:620px}.commission-current{flex:0 0 auto;min-width:145px;padding:13px 16px;border:1px solid #bfdbfe;border-radius:16px;background:#eff6ff;text-align:right}.commission-current span{display:block;font-size:11px;font-weight:800;color:#64748b}.commission-current strong{display:block;margin-top:2px;font-size:28px;line-height:1;color:#014BC8}.commission-pending{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 18px;align-items:center;margin-top:16px;padding:14px 16px;border:1px solid #fde68a;border-radius:16px;background:#fffbeb}.commission-pending div b,.commission-pending div span{display:block}.commission-pending div b{color:#92400e}.commission-pending div span,.commission-pending time{font-size:12px;color:#a16207}.commission-pending strong{font-size:22px;color:#b45309}.commission-pending time{grid-column:1/-1;font-weight:800}.commission-form{margin-top:18px}.commission-rate{display:block;max-width:260px;font-weight:800;color:#334155}.commission-rate>span{display:block;margin-bottom:7px}.commission-rate>div{display:flex;align-items:center;border:1px solid #cbd5e1;border-radius:14px;background:#fff;overflow:hidden}.commission-rate input{width:100%;border:0!important;box-shadow:none!important;font-size:22px!important;font-weight:850;padding:12px 14px!important}.commission-rate b{padding:0 14px;font-size:18px;color:#64748b}.commission-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.commission-choice{display:flex;gap:11px;align-items:flex-start;padding:15px;border:1px solid #dbe3ee;border-radius:16px;background:#fff;cursor:pointer}.commission-choice.recommended{border-color:#93c5fd;background:#f8fbff}.commission-choice input{margin-top:3px}.commission-choice span b,.commission-choice span small{display:block}.commission-choice span b{color:#0f172a}.commission-choice span small{margin-top:4px;line-height:1.45;color:#64748b}.commission-submit{margin-top:14px;min-height:46px;padding:0 20px}.subscription-fee-change{grid-column:1/-1;margin-top:9px;padding:11px 13px;border:1px solid #fde68a;border-radius:12px;background:#fffbeb}.subscription-fee-change b,.subscription-fee-change span{display:block}.subscription-fee-change b{color:#92400e}.subscription-fee-change span{margin-top:2px;font-size:12px;color:#a16207}
@media(max-width:700px){.commission-control{padding:16px!important}.commission-control-head{flex-direction:column}.commission-current{width:100%;text-align:left}.commission-choice-grid{grid-template-columns:1fr}.commission-rate{max-width:none}.commission-pending{grid-template-columns:1fr auto}}

.reservation-note-visible{margin:12px 0 16px;padding:13px 15px;border:1px solid #f3d28b;background:#fffaf0;border-radius:12px;color:#5b4314}.reservation-note-visible b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}.reservation-note-visible p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.booker-payment-history{margin:10px 0 18px;padding:12px 14px;border:1px solid #dbeafe;border-radius:14px;background:#f8fbff}.booker-payment-history>b{display:block;margin-bottom:8px}.booker-payment-history-row{padding:9px 0;border-top:1px solid #e5eefb}.booker-payment-history-row:first-of-type{border-top:0}.booker-payment-history-row>div{display:flex;gap:10px;align-items:center;justify-content:space-between}.booker-payment-history-row small{color:#64748b}.booker-payment-history-row p{margin:7px 0 0;padding:8px 10px;background:#fff8e8;border:1px solid #f4dca3;border-radius:9px;overflow-wrap:anywhere}@media(max-width:640px){.booker-payment-history-row>div{align-items:flex-start;flex-direction:column;gap:2px}}
/* Tenant booking subdomain selector */
.slug-domain-field{display:flex;align-items:stretch;margin-top:7px;border:1px solid #d9e5f2;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 5px 18px rgba(28,84,143,.04)}
.slug-domain-field:focus-within{border-color:#7db8ff;box-shadow:0 0 0 4px rgba(22,119,255,.09)}
.slug-domain-field input{margin:0;border:0;border-radius:0;box-shadow:none!important;min-width:0;font-weight:800;color:#183358}
.slug-domain-field span{display:flex;align-items:center;padding:0 14px;background:#f1f7ff;border-left:1px solid #d9e5f2;color:#2869ac;font-weight:850;white-space:nowrap}
@media(max-width:560px){.slug-domain-field span{padding:0 10px;font-size:13px}}

/* === 2026-08-20 mobile hamburger navigation === */
.mobile-menu-toggle{display:none;box-shadow:none;background:#f5f9ff;border:1px solid #dbe8f6;color:#172033;width:44px;height:44px;padding:0;border-radius:13px;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}
.mobile-menu-toggle:hover{transform:none;box-shadow:none;background:#edf6ff}
.mobile-menu-toggle span{display:block;width:20px;height:2px;border-radius:999px;background:#1f3655;transition:transform .2s ease,opacity .2s ease}

@media(max-width:800px){
  header{position:sticky!important;top:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;grid-template-rows:auto!important;align-items:center!important;gap:8px!important;padding:10px 14px!important;overflow:visible!important}
  header .logo{grid-column:1!important;grid-row:1!important;margin:0!important;display:block!important}
  header .header-profile{grid-column:2!important;grid-row:1!important;justify-self:end!important;width:38px!important;height:38px!important}
  .mobile-menu-toggle{display:flex!important;grid-column:3!important;grid-row:1!important;justify-self:end!important;z-index:72}
  header nav#main-navigation{position:absolute!important;top:calc(100% + 8px)!important;right:12px!important;left:auto!important;width:min(320px,calc(100vw - 24px))!important;max-width:none!important;max-height:calc(100vh - 92px)!important;overflow-y:auto!important;overflow-x:hidden!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;padding:10px!important;margin:0!important;background:rgba(255,255,255,.98)!important;border:1px solid #dce8f4!important;border-radius:18px!important;box-shadow:0 22px 55px rgba(27,72,121,.20)!important;backdrop-filter:blur(18px)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-7px) scale(.985)!important;transform-origin:top right!important;transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important;z-index:70!important;scrollbar-width:thin!important}
  header.mobile-menu-open nav#main-navigation{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important}
  header nav#main-navigation a{display:flex!important;width:100%!important;min-height:44px!important;align-items:center!important;padding:11px 13px!important;border-radius:12px!important;background:transparent!important;color:#43546c!important;font-size:15px!important;font-weight:750!important;white-space:normal!important;text-align:left!important;scroll-snap-align:none!important}
  header nav#main-navigation a:hover{background:#f1f7ff!important;color:#014BC8!important}
  header nav#main-navigation a.active{background:#eaf4ff!important;color:#014BC8!important;box-shadow:inset 0 0 0 1px #cfe5ff!important}
  header nav#main-navigation a[href="/logout"]{margin-top:4px!important;border-top:1px solid #e7eef7!important;border-radius:0 0 12px 12px!important;color:#c13b49!important}
  header.mobile-menu-open .mobile-menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  header.mobile-menu-open .mobile-menu-toggle span:nth-child(2){opacity:0}
  header.mobile-menu-open .mobile-menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .public-register-link{display:flex!important}
}

@media(max-width:430px){
  header{grid-template-columns:minmax(0,1fr) auto auto!important;padding:9px 11px!important}
  .logo{font-size:24px!important}
  .mobile-menu-toggle{width:42px;height:42px;border-radius:12px}
  header nav#main-navigation{right:8px!important;width:calc(100vw - 16px)!important}
}


/* 2026-08-20: landing sticky nav + tenant booking identity */
.landing-header{position:sticky!important;top:0!important;z-index:100!important;box-shadow:0 8px 28px rgba(25,80,140,.07)}
.home-profile-link{background:#eaf4ff;color:#0d66d5!important;font-weight:850!important}
.home-logout-link{color:#8b4d57!important}
.tenant-public{background:linear-gradient(180deg,#f8fbff 0,#f2f8ff 45%,#fff 100%);min-height:100vh;display:flex;flex-direction:column}
.tenant-public>header{display:none!important}
.tenant-brand-head{width:min(1120px,92%);margin:0 auto;padding:42px 0 18px;text-align:center;border-bottom:1px solid rgba(218,230,244,.8)}
.tenant-brand-head h1{font-size:clamp(32px,5vw,54px);line-height:1.05;letter-spacing:-1.8px;margin:0;color:#14213a;font-weight:900}
.tenant-reboat-mark{display:inline-block;margin-top:12px;text-decoration:none;color:#14213a;font-size:16px;letter-spacing:-.5px;opacity:.88}
.tenant-reboat-mark span,.tenant-footer span{color:var(--blue)}
.tenant-main{width:min(1120px,92%);margin:0 auto 52px;flex:1}
.tenant-public .store-head{padding:34px 0 22px}
.tenant-public .store-head h2{font-size:clamp(25px,4vw,36px);margin:8px 0;color:#16243b;letter-spacing:-.8px}
.tenant-public .store-head p{margin:0;color:var(--muted);font-size:16px}
.tenant-footer{padding:24px 20px 34px;text-align:center;color:#8a99ad;font-size:13px;border-top:1px solid rgba(218,230,244,.72);background:rgba(255,255,255,.7)}
.tenant-footer a{font-weight:900;text-decoration:none;color:#172033;font-size:15px;margin-left:4px}
@media(max-width:800px){
  .landing-header{position:sticky!important;top:0!important}
  .landing-header nav#main-navigation .home-profile-link{margin-top:5px;background:#eaf4ff!important;color:#0d66d5!important}
  .landing-header nav#main-navigation .home-logout-link{border-top:1px solid #edf2f7;margin-top:3px;padding-top:13px!important;color:#a44b58!important}
  .tenant-brand-head{padding:28px 0 14px}
  .tenant-brand-head h1{font-size:34px;letter-spacing:-1.2px}
  .tenant-main{width:min(94%,700px);margin-bottom:34px}
  .tenant-public .store-head{padding:25px 0 18px}
  .tenant-public .public-category-grid{grid-template-columns:1fr}
  .tenant-public .store-grid{grid-template-columns:1fr}
}

/* 2026-08-20 mobile sticky landing + child pricing + booking UX */
.tenant-business-logo{display:inline-block;text-decoration:none;color:inherit;padding:4px 12px;border-radius:18px;transition:transform .18s ease,background .18s ease}
.tenant-business-logo:hover{background:rgba(255,255,255,.72);transform:translateY(-1px)}
.tenant-brand-head h1{font-size:clamp(38px,6vw,64px)!important;letter-spacing:-2px!important}
.tenant-reboat-mark{font-size:18px!important;margin-top:14px!important}
.child-pricing-editor{margin:18px 0;padding:16px;border:1px solid #dce8f5;border-radius:18px;background:#f8fbff}
.child-tier-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.child-tier-card{padding:14px;border:1px solid #dbe6f2;border-radius:15px;background:#fff}.child-tier-card>b{display:block;margin-bottom:10px}.child-free-check{margin-top:9px!important}
.booking-party-box{margin:18px 0;padding:16px;border:1px solid #dbe7f3;border-radius:18px;background:#f8fbff}.booking-party-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px}.booking-party-grid label small{display:block;margin-top:5px;color:#64748b;font-weight:700}.party-total{margin-top:10px;padding-top:10px;border-top:1px solid #e2e8f0;color:#64748b}.party-total strong{color:#0f172a}.booking-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px}.booking-actions button{margin:0!important}.booking-actions #booking-submit{min-height:52px}.booking-back{align-self:center;min-height:0!important;width:auto!important;padding:8px 14px!important;font-size:13px!important;white-space:nowrap;opacity:.82}.booking-charge-highlight{border:2px solid #22a06b!important;background:#effcf6!important}.booking-remaining{margin-top:8px!important;margin-bottom:8px!important}
@media(max-width:800px){
 body.landing-body{padding-top:64px!important}
 .landing-header{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:1000!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(18px)!important;box-shadow:0 7px 24px rgba(20,65,110,.12)!important}
 .child-tier-grid,.booking-party-grid{grid-template-columns:1fr!important}
 .tenant-brand-head{padding-top:34px!important}.tenant-brand-head h1{font-size:40px!important;line-height:1.04!important}.tenant-reboat-mark{font-size:17px!important}
 .booking-actions{display:flex!important;flex-direction:column!important;align-items:stretch!important}.booking-back{order:2;align-self:center!important}.booking-actions #booking-submit{order:1}
}
.public-child-prices{display:flex;flex-wrap:wrap;gap:6px 12px;margin:8px 0 14px;font-size:12px;color:#64748b}.public-child-prices span{padding:6px 9px;border-radius:999px;background:#f1f7ff;border:1px solid #dbeafe}.public-child-prices b{color:#0f6bca}

/* 2026-08-20: tenant branding stacked vertically */
.tenant-brand-head{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important}
.tenant-business-logo{display:block!important;width:max-content;max-width:100%;margin:0 auto!important}
.tenant-reboat-mark{display:block!important;width:max-content;margin:10px auto 0!important;clear:both!important}
@media(max-width:700px){.tenant-reboat-mark{margin-top:8px!important}}

/* Booking summary: clear vertical reservation items */
.booking-summary-items{display:block!important}
.booking-summary-title{display:block!important}
.booking-summary-item{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center!important;width:100%;box-sizing:border-box;padding:14px 16px!important;gap:12px!important}
.booking-summary-item>div{width:100%;min-width:0}
.booking-summary-item b{display:block;line-height:1.35}
.booking-summary-item small{display:block;margin-top:4px;line-height:1.35}
.booking-summary-item strong{text-align:right}
@media(max-width:640px){
 .booking-summary-items{border-radius:12px}
 .booking-summary-title{padding:11px 13px}
 .booking-summary-item{grid-template-columns:1fr!important;gap:7px!important;padding:13px!important;align-items:start!important}
 .booking-summary-item>div{display:block!important}
 .booking-summary-item b{font-size:14px;overflow-wrap:anywhere}
 .booking-summary-item small{font-size:12px;white-space:normal}
 .booking-summary-item strong{font-size:17px!important;text-align:left;white-space:normal}
}

.solo-booking-rule{margin:18px 0;padding:16px;border:1px solid #dce8f5;border-radius:18px;background:#f8fbff}
.solo-rule-toggle{margin-top:12px}.solo-rule-fields{margin-top:12px}
.solo-booking-public-note{display:flex;flex-direction:column;gap:5px;margin:16px 0;padding:14px 16px;border:1px solid #bfdbfe;border-radius:16px;background:#eff6ff;color:#1e3a5f}
.solo-booking-public-note strong{font-size:14px}.solo-booking-public-note span{font-size:12px;line-height:1.55;color:#557089}
.solo-booking-public-note.blocked{border-color:#fdba74;background:#fff7ed;color:#9a3412}.solo-booking-public-note.blocked span{color:#9a3412}
@media(max-width:700px){.solo-booking-rule,.solo-booking-public-note{padding:13px;border-radius:14px}.solo-booking-public-note strong{font-size:13px}.solo-booking-public-note span{font-size:11px}}

/* Superadmin settings full-width responsive redesign 2026-08-20 */
.superadmin-settings-page{width:100%;max-width:none;display:grid;gap:18px}.settings-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.settings-page-head h1{margin:2px 0 6px;font-size:clamp(28px,3vw,40px);letter-spacing:-.035em}.settings-page-head p{margin:0;max-width:880px;color:#64748b;line-height:1.55}.settings-wide-card{width:100%;margin:0!important}.superadmin-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.settings-panel{min-width:0;padding:22px!important;border-radius:22px!important}.settings-span-2{grid-column:1/-1}.settings-card-head{display:flex;gap:13px;align-items:flex-start;margin-bottom:18px}.settings-card-head h2{margin:2px 0 4px}.settings-card-head p{margin:0;color:#64748b;line-height:1.45}.settings-card-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:#eff6ff;color:#014BC8;font-size:18px;font-weight:900}.settings-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.settings-form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-form-grid.smtp{grid-template-columns:1.2fr .55fr 1fr 1fr}.settings-form-grid.smtp .smtp-from{grid-column:1/-1}.settings-panel label{min-width:0}.settings-panel input,.settings-panel select{width:100%;min-width:0}.settings-panel button{margin-top:14px}.settings-help{display:block;margin-top:9px;color:#64748b;line-height:1.45;overflow-wrap:anywhere}.superadmin-commission-form{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:16px 20px;align-items:start}.superadmin-commission-form .commission-rate{max-width:none}.superadmin-commission-form .commission-rate small{display:block;margin-top:7px;font-weight:500;color:#64748b;line-height:1.4}.superadmin-commission-form .commission-choice-grid{margin-top:0}.superadmin-commission-form .commission-submit{grid-column:1/-1;justify-self:start;margin-top:0}.admin-owner-page .commission-control{width:100%}
@media(max-width:1050px){.settings-form-grid.three{grid-template-columns:1fr 1fr}.settings-form-grid.smtp{grid-template-columns:1fr 1fr}.superadmin-commission-form{grid-template-columns:1fr}.superadmin-commission-form .commission-submit{grid-column:auto}}
@media(max-width:760px){.superadmin-settings-page{gap:12px}.settings-page-head{align-items:stretch;flex-direction:column}.settings-page-head h1{font-size:30px}.settings-page-head p{font-size:13px}.superadmin-settings-grid{grid-template-columns:1fr;gap:12px}.settings-span-2{grid-column:auto}.settings-panel,.commission-control{padding:15px!important;border-radius:17px!important}.settings-card-head{gap:10px;margin-bottom:14px}.settings-card-icon{width:38px;height:38px;flex-basis:38px;border-radius:11px}.settings-card-head h2,.commission-control-head h2{font-size:20px}.settings-card-head p,.commission-control-head p{font-size:12px}.settings-form-grid,.settings-form-grid.two,.settings-form-grid.three,.settings-form-grid.smtp{grid-template-columns:1fr}.settings-form-grid.smtp .smtp-from{grid-column:auto}.settings-panel label{font-size:12px}.settings-panel input,.settings-panel select{min-height:46px;font-size:16px}.settings-panel button,.commission-submit{width:100%;min-height:46px}.commission-control-head{gap:12px}.commission-current{min-width:0}.commission-current strong{font-size:25px}.commission-choice{padding:13px}.commission-choice span small{font-size:11px}.commission-pending{grid-template-columns:1fr}.commission-pending strong{font-size:20px}.commission-rate>div{min-height:50px}.commission-rate input{font-size:20px!important}.bank-status{align-items:flex-start}.bank-status small{line-height:1.35}}
@media(max-width:390px){.settings-page-head h1{font-size:27px}.settings-panel,.commission-control{padding:13px!important}.settings-card-head{align-items:flex-start}.commission-choice{gap:8px}.commission-current{padding:11px 13px}}

/* 20-08-2026: Superadmin commission option alignment fix */
.commission-choice input[type="radio"]{
  width:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
  margin:2px 0 0!important;
  padding:0!important;
  box-shadow:none!important;
}
.commission-choice>span{
  display:block;
  flex:1 1 auto;
  min-width:0;
  width:auto;
}
.commission-choice>span>b{
  display:block;
  margin:0;
  line-height:1.3;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}
.commission-choice>span>small{
  display:block;
  margin-top:5px;
  line-height:1.45;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}
.superadmin-commission-form .commission-choice{
  min-height:120px;
  align-items:flex-start;
}
@media(max-width:760px){
  .superadmin-commission-form{
    grid-template-columns:1fr;
  }
  .superadmin-commission-form .commission-choice-grid{
    grid-template-columns:1fr;
    width:100%;
  }
  .superadmin-commission-form .commission-submit{
    grid-column:auto;
  }
  .superadmin-commission-form .commission-choice{
    min-height:0;
  }
}
/* HR / EN language selector */
.language-switcher{display:inline-flex;align-items:center;gap:6px;margin-left:12px;padding:5px 8px;border:1px solid #dbe7f5;border-radius:10px;background:#fff;font-size:12px;font-weight:800;line-height:1;white-space:nowrap}.language-switcher a{color:#64748b;text-decoration:none;padding:4px 5px;border-radius:6px}.language-switcher a.active{background:#eaf3ff;color:#0b72f5}.language-switcher span{color:#cbd5e1}.tenant-brand-head .language-switcher{margin-left:8px}@media(max-width:800px){.app-header .language-switcher,.landing-header .language-switcher{margin-left:auto;margin-right:8px}.language-switcher{font-size:11px;padding:4px 6px;gap:3px}.tenant-brand-head .language-switcher{margin-left:auto}}


/* Public booking catalogue: uniform cards and two-line description preview */
.store-grid{align-items:stretch}
.store-grid .service-card{display:flex;flex-direction:column;height:100%}
.store-grid .service-card>div{display:flex;flex-direction:column;flex:1}
.store-grid .service-card .public-service-card-description{
  line-height:1.5;
  min-height:3em;
  max-height:3em;
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  margin-bottom:0;
}
.store-grid .service-card .price{margin-top:auto}
.booking-service-full-description{
  margin:10px 0 22px;
  color:var(--muted);
  line-height:1.7;
}

/* Trial / subscription access */
.trial-subscription-modal{position:fixed;inset:0;background:rgba(12,29,52,.56);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:5000}
.trial-subscription-dialog{position:relative;width:min(520px,100%);background:#fff;border:1px solid #d8e6f6;border-radius:24px;padding:30px;box-shadow:0 28px 80px rgba(14,42,77,.28)}
.trial-subscription-dialog h2{margin:8px 0 10px;color:#17233a}.trial-subscription-dialog p{color:#60728b;line-height:1.65}
.trial-subscription-dialog .wide{width:100%;margin-top:10px}.trial-modal-close{position:absolute;right:14px;top:14px;width:38px;height:38px;padding:0;border-radius:50%;background:#f2f6fb;color:#53677f;box-shadow:none;font-size:24px}
.subscription-status-banner{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:16px 20px;border-radius:16px;margin:0 0 20px;border:1px solid #cde2fb;background:#f3f8ff;color:#315a87}
.subscription-status-banner.expired{background:#fff4f2;border-color:#ffd2cc;color:#923c31}.subscription-status-banner span{color:inherit}
.subscription-public-blocked{text-align:center;margin:70px auto}
.occupied-seen-form{margin-top:12px}.occupied-seen-form .seen-btn{width:100%}
.owner-tax-fields input[readonly]{background:#f5f8fc;color:#586b82}

/* Booker permissions */
.booker-permissions{border:1px solid #dbe7f4;border-radius:16px;padding:16px;margin:16px 0;background:#f9fbfe}
.booker-permissions legend{font-weight:850;color:#263c58;padding:0 8px}
.booker-permissions>p{margin:2px 0 12px;color:#718199}
.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.permission-grid .check{margin:0;padding:12px;border:1px solid #dce8f4;border-radius:12px;background:#fff;align-items:flex-start}
.permission-grid .permission-wide{grid-column:1/-1}
.permission-grid small{display:block;font-weight:500;color:#7789a0;margin-top:3px}
@media(max-width:700px){.permission-grid{grid-template-columns:1fr}.permission-grid .permission-wide{grid-column:auto}}

/* Settings activity log + booker payouts */
.settings-activity-card{margin-top:22px}
.activity-log-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}
.activity-log-head h2{margin:4px 0}.activity-log-head p{margin:0;color:var(--muted)}
.activity-log-list{display:flex;flex-direction:column;gap:8px;max-height:760px;overflow:auto;padding-right:4px}
.activity-log-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:start;padding:13px;border:1px solid #e3ebf4;border-radius:14px;background:#fbfdff}
.activity-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#eef6ff}
.activity-main>div:first-child{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.activity-main>div:first-child span{color:#57718e;font-size:13px}
.activity-main small{display:block;color:#8190a3;margin-top:3px}.activity-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}
.activity-meta span{font-size:12px;background:#eef5fc;border-radius:8px;padding:4px 7px;color:#536b85}
.activity-log-row code{font-size:11px;color:#8a98aa}
.payout-profile-list{display:flex;flex-direction:column;gap:10px}.payout-profile-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:14px;border:1px solid #e2eaf3;border-radius:13px}
.payout-profile-row span,.payout-profile-row small{display:block;color:#718199;margin-top:4px}
@media(max-width:700px){.activity-log-row{grid-template-columns:38px 1fr}.activity-log-row code{grid-column:2}.payout-profile-row{grid-template-columns:1fr}}

/* Expanded partnerships workspace */
.partner-page-heading{margin-bottom:20px}.partner-invite-card{display:grid;grid-template-columns:1fr 1.2fr;gap:28px;align-items:end;margin-bottom:22px}
.partner-workspaces{display:flex;flex-direction:column;gap:20px}.partner-workspace{padding:22px}.partner-workspace-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-bottom:1px solid #e6edf5;padding-bottom:16px;margin-bottom:18px}
.partner-workspace-head h2{margin:4px 0}.partner-workspace-head p{margin:0;color:var(--muted)}.partner-status.pending{background:#fff8df;color:#8e6b0a;border-color:#f2df95}.partner-status.active{background:#eafbf2;color:#17784c;border-color:#afe6ca}.partner-status.rejected{background:#fff1f2;color:#a63b47;border-color:#f1c3c8}
.partner-request-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.partner-request-actions p{margin-right:auto}.partner-request-actions form{margin:0}.partner-waiting,.partner-rejected{padding:14px 16px;border-radius:12px;background:#f5f8fc;color:#64758b}.partner-rejected{background:#fff4f5;color:#9b4952}
.partner-step{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:18px 0;border-top:1px solid #edf2f7}.partner-step:first-of-type{border-top:0}.partner-step-number{width:38px;height:38px;border-radius:12px;background:#eaf4ff;color:#014BC8;display:flex;align-items:center;justify-content:center;font-weight:900}.partner-step-content h3{margin:3px 0 5px}.partner-step-content>p{color:#687b92;margin-top:0}
.partner-slug-row{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;gap:0;align-items:stretch}.partner-slug-row span{display:flex;align-items:center;padding:0 10px;background:#f4f7fb;border:1px solid #dbe6f2;border-right:0;border-radius:10px 0 0 10px;color:#708198;font-size:13px}.partner-slug-row input{border-radius:0}.partner-slug-row button{border-radius:0 10px 10px 0}
.disabled-step{opacity:.72}.partner-step-lock{background:#f6f8fb;border:1px dashed #cdd9e7;border-radius:12px;padding:13px;color:#73849a}
.partner-service-pair{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr) auto;gap:12px;align-items:end}.partner-link-symbol{height:44px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#5b7695}.partner-sync-button{white-space:nowrap}
.partner-synced-card{border:1px solid #dce7f3;border-radius:16px;background:#fbfdff;margin:12px 0;overflow:hidden}.partner-synced-card>summary{display:flex;justify-content:space-between;gap:20px;padding:16px 18px;cursor:pointer;list-style:none}.partner-synced-card>summary::-webkit-details-marker{display:none}.partner-synced-card h3{margin:3px 0}.partner-synced-card summary p{margin:0;color:#6f8095}.partner-synced-stats{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.partner-synced-stats span{font-size:13px;color:#64758b}.partner-synced-stats strong{font-size:20px}.partner-synced-body{padding:18px;border-top:1px solid #e5edf6;background:#fff}.partner-image-choice{border:1px solid #dde7f2;border-radius:12px;padding:12px;margin:12px 0}.partner-image-choice label{display:inline-flex;gap:7px;align-items:center;margin-right:16px}.partner-edit-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.partner-edit-actions form{margin:0}
.partner-share-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:20px;align-items:start}.partner-qr-box{text-align:center;border:1px solid #e0e9f3;border-radius:16px;padding:16px;background:#fff}.partner-qr-box img{display:block;width:min(230px,100%);aspect-ratio:1;margin:10px auto 14px}.partner-qr-box>div{display:flex;gap:7px;justify-content:center;flex-wrap:wrap}
@media(max-width:900px){.partner-invite-card{grid-template-columns:1fr}.partner-service-pair{grid-template-columns:1fr}.partner-link-symbol{height:auto}.partner-share-grid{grid-template-columns:1fr}.partner-slug-row{grid-template-columns:1fr}.partner-slug-row span{border-right:1px solid #dbe6f2;border-radius:10px 10px 0 0}.partner-slug-row input{border-radius:0}.partner-slug-row button{border-radius:0 0 10px 10px}.partner-synced-card>summary{display:block}.partner-synced-stats{justify-content:flex-start;margin-top:10px}}

.partner-extra-editor{border:1px solid #dce7f3;border-radius:14px;padding:14px;margin:14px 0}.partner-extra-editor legend{font-weight:800;padding:0 7px}.partner-extra-editor>p{color:#718199;font-size:13px;margin-top:0}.partner-extra-rows{display:flex;flex-direction:column;gap:8px}.partner-extra-row{display:grid;grid-template-columns:minmax(0,1.4fr) 150px 120px;gap:8px;align-items:center}.partner-extra-row .check{margin:0}
@media(max-width:700px){.partner-extra-row{grid-template-columns:1fr}.partner-extra-row .check{padding:8px 0}}

/* V17 partnership selectors and collapsed synchronized cards */
.partner-synced-card{transition:border-color .18s ease,box-shadow .18s ease}
.partner-synced-card:hover{border-color:#b8d6f7;box-shadow:0 8px 28px rgba(34,91,150,.08)}
.partner-synced-card[open]{border-color:#b7d5f5;box-shadow:0 12px 34px rgba(34,91,150,.10)}
.partner-synced-summary-main{display:flex;gap:14px;align-items:center;min-width:0}
.partner-synced-thumb{width:76px;height:58px;object-fit:cover;border-radius:11px;border:1px solid #dbe6f2;background:#edf4fb;flex:0 0 auto}
.partner-synced-thumb.placeholder{display:flex;align-items:center;justify-content:center;font-weight:900;color:#3777c4}
.partner-expand-hint{display:inline-flex;gap:6px;align-items:center;padding:7px 10px;border-radius:9px;background:#eef6ff;color:#276fbd;font-size:12px;font-weight:750}
.partner-synced-card[open] .partner-expand-hint b{transform:rotate(180deg)}
.partner-expand-hint b{display:inline-block;transition:transform .18s ease}

.partner-photo-selector,.partner-boat-display-selector{border:1px solid #dce7f3;border-radius:16px;padding:16px;margin:16px 0;background:#fbfdff}
.partner-photo-selector legend,.partner-boat-display-selector legend{font-weight:850;padding:0 8px}
.partner-photo-selector>p,.partner-boat-display-selector>p{color:#72849a;font-size:13px;margin:0 0 13px}
.partner-photo-options,.partner-boat-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.partner-choice-card,.partner-boat-choice{position:relative;display:flex!important;flex-direction:column;gap:5px;margin:0!important;padding:10px;border:2px solid #dfe8f2;border-radius:14px;background:#fff;cursor:pointer;min-width:0;transition:.16s ease}
.partner-choice-card:hover,.partner-boat-choice:hover{border-color:#acd0fa;transform:translateY(-1px)}
.partner-choice-card input[type=radio],.partner-boat-choice input[type=radio]{position:absolute;top:10px;right:10px;width:20px;height:20px;accent-color:#014BC8;z-index:2}
.partner-choice-card:has(input:checked),.partner-boat-choice:has(input:checked){border-color:#014BC8;background:#f3f8ff;box-shadow:0 0 0 3px rgba(22,119,255,.08)}
.choice-preview,.boat-choice-visual{height:104px;border-radius:10px;background:#eef4fa;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#66809c;font-size:26px}
.choice-preview img,.boat-choice-visual img{width:100%;height:100%;object-fit:cover}
.partner-choice-card strong,.partner-boat-choice strong{font-size:14px;color:#243852}
.partner-choice-card small,.partner-boat-choice small{font-size:12px;color:#78899d;line-height:1.35}
.new-upload-preview{flex-direction:column;gap:5px;border:1px dashed #a9c8ea}.new-upload-preview b{font-size:30px;color:#014BC8}.new-upload-preview i{font-size:12px;font-style:normal}
.partner-new-photo-input{font-size:12px;padding:8px!important;margin-top:4px;background:#f7faff}
.partner-boat-options{grid-template-columns:repeat(4,minmax(0,1fr))}
.all-boats{font-size:32px;background:linear-gradient(135deg,#eff7ff,#f7fbff)}
.partner-edit-actions .danger{background:#fff1f2;color:#b42336;border:1px solid #f3bcc4;box-shadow:none}
.partner-edit-actions .danger:hover{background:#ffe8eb}
@media(max-width:980px){.partner-photo-options,.partner-boat-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.partner-photo-options,.partner-boat-options{grid-template-columns:1fr}.partner-synced-summary-main{align-items:flex-start}.partner-synced-thumb{width:64px;height:52px}.partner-expand-hint{margin-top:8px}}

.partner-danger-zone{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;margin-top:22px;padding:18px;border:1px solid #f1c6cc;background:#fff7f8;border-radius:16px}
.partner-danger-zone h3{margin:3px 0 5px;color:#9f2f3f}.partner-danger-zone p{margin:0;color:#835d64;max-width:760px}
.partner-danger-zone form{margin:0}.partner-danger-zone .danger{background:#fff;color:#b42336;border:1px solid #e9aab4;box-shadow:none}
.partner-danger-zone .danger:hover{background:#b42336;color:#fff}
@media(max-width:700px){.partner-danger-zone{grid-template-columns:1fr}.partner-danger-zone .danger{width:100%}}

/* Online boat allocation controls */
.online-allocation-settings,.partner-allocation-selector{border:1px solid #dce7f3;border-radius:16px;padding:16px;margin:14px 0;background:#fbfdff}
.allocation-mode-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.allocation-choice{position:relative;display:flex!important;gap:10px;align-items:flex-start;margin:0!important;padding:14px;border:2px solid #dfe8f2;border-radius:14px;background:#fff;cursor:pointer}
.allocation-choice input{margin-top:3px;accent-color:#014BC8}.allocation-choice span{display:block}.allocation-choice b{display:block;color:#253b56;margin-bottom:4px}.allocation-choice small{display:block;color:#74869b;line-height:1.45}
.allocation-choice:has(input:checked){border-color:#014BC8;background:#f3f8ff;box-shadow:0 0 0 3px rgba(22,119,255,.08)}
.boat-priority-control,.partner-boat-priority{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;padding-top:8px;border-top:1px solid #e7eef6;font-size:12px;color:#687c93}
.boat-priority-control input,.partner-boat-priority input{width:66px!important;min-width:66px!important;padding:7px 8px!important;text-align:center}

/* Booker business/partnership scope */
.booker-scope-picker{border:1px solid #dce7f3;border-radius:16px;padding:16px;margin:16px 0;background:#fbfdff}
.booker-scope-picker legend{font-weight:850;padding:0 8px}.booker-scope-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.booker-scope-card{display:flex!important;gap:10px;align-items:flex-start;margin:0!important;padding:14px;border:2px solid #dfe8f2;border-radius:14px;background:#fff;cursor:pointer}
.booker-scope-card input{margin-top:3px;accent-color:#014BC8}.booker-scope-card b,.booker-scope-card small{display:block}.booker-scope-card small{color:#74869b;margin-top:3px;line-height:1.4}
.booker-scope-card:has(input:checked){border-color:#014BC8;background:#f3f8ff;box-shadow:0 0 0 3px rgba(22,119,255,.08)}
@media(max-width:760px){.allocation-mode-cards{grid-template-columns:1fr}.booker-scope-options{grid-template-columns:1fr}}

.booker-scope-picker .scope-disabled{opacity:.5}.booker-scope-picker .scope-disabled select{background:#f2f5f8;cursor:not-allowed}

/* V20: allocation cards — prevent global input width from squeezing text */
.allocation-choice{min-width:0;min-height:150px;height:auto;overflow:hidden;align-items:flex-start!important}
.allocation-choice>input[type="radio"]{width:18px!important;min-width:18px!important;height:18px!important;flex:0 0 18px;margin:2px 0 0!important;padding:0!important}
.allocation-choice>span{display:block!important;min-width:0!important;flex:1 1 auto!important;width:auto!important;overflow:visible!important}
.allocation-choice b,.allocation-choice small{display:block!important;width:auto!important;max-width:100%!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important}
.allocation-choice b{font-size:15px;line-height:1.3}.allocation-choice small{font-size:13px;line-height:1.5}
.partner-allocation-selector .allocation-mode-cards,.online-allocation-settings .allocation-mode-cards{align-items:stretch}
.partner-allocation-selector .allocation-choice,.online-allocation-settings .allocation-choice{height:100%}

/* Partnership identity + members */
.partner-identity-form{margin-top:12px}.partner-slug-input{display:flex;align-items:center;border:1px solid #d9e5f2;border-radius:12px;background:#fff;overflow:hidden;margin-top:7px}
.partner-slug-input span{padding:0 10px;color:#718199;font-size:12px;white-space:nowrap;background:#f6f9fc;height:44px;display:flex;align-items:center}
.partner-slug-input input{border:0!important;border-radius:0!important;margin:0!important;box-shadow:none!important}
.partner-member-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:7px}.partner-member-chips span{padding:5px 9px;border-radius:999px;background:#eef6ff;color:#456886;font-size:12px;font-weight:700}
.partner-members-list{display:flex;flex-direction:column;gap:8px;margin:12px 0}.partner-member-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 13px;border:1px solid #e1eaf3;border-radius:12px;background:#fff}
.partner-member-row strong,.partner-member-row small{display:block}.partner-member-row small{color:#7b8ba0;margin-top:2px}.partner-add-member-form{margin-top:14px;padding-top:14px;border-top:1px solid #e5edf5}
.partner-leave-zone{background:#fff9f2;border-color:#f3d6b4}.partner-leave-zone h3{color:#9a5720}.partner-leave-zone p{color:#81664e}
@media(max-width:760px){.allocation-choice{min-height:0}.partner-slug-input span:first-child{display:none}.partner-slug-input{display:grid;grid-template-columns:1fr auto}}

/* Virtual POS */
.virtual-pos-heading{margin-bottom:20px}.virtual-pos-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.virtual-pos-card{padding:24px}.virtual-pos-card h2{margin:6px 0 8px}.virtual-pos-card>p{color:#687b92;line-height:1.6;min-height:76px}
.vpos-card-icon{width:48px;height:48px;border-radius:15px;background:#eef6ff;color:#014BC8;display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:900;margin-bottom:14px}
.virtual-pos-ready{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:center;margin-bottom:20px;border:2px solid #a7d0ff;background:linear-gradient(135deg,#f4f9ff,#fff)}
.virtual-pos-ready h2{margin:5px 0}.virtual-pos-ready p{color:#637890}.vpos-ready-amount{display:block;font-size:34px;margin:18px 0;color:#162b46}
.vpos-qr{text-align:center;border-left:1px solid #dbe8f5;padding-left:22px}.vpos-qr img{width:220px;max-width:100%;aspect-ratio:1;background:#fff;border-radius:15px;padding:7px;border:1px solid #d8e6f4}.vpos-qr small{display:block;color:#71849a;margin-top:7px}
.virtual-pos-paid-admin{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;margin-bottom:20px;border-color:#b8ead0;background:#f2fcf7}.success-check.small{width:46px;height:46px;font-size:22px;margin:0}.virtual-pos-paid-admin h2{margin:3px 0}.virtual-pos-paid-admin p{margin:0;color:#60758d}.vpos-paid-actions{display:flex;gap:8px;flex-wrap:wrap}
.vpos-public-receipt{margin-top:22px}.virtual-pos-card .form-grid{gap:12px}
@media(max-width:900px){.virtual-pos-grid{grid-template-columns:1fr}.virtual-pos-card>p{min-height:0}.virtual-pos-ready{grid-template-columns:1fr}.vpos-qr{border-left:0;border-top:1px solid #dbe8f5;padding:20px 0 0}.virtual-pos-paid-admin{grid-template-columns:auto 1fr}.vpos-paid-actions{grid-column:1/-1}}

/* V22 — POS device */
.vpos-shell{display:grid;grid-template-columns:minmax(320px,470px) minmax(280px,1fr);gap:34px;align-items:center;max-width:1080px;margin:24px auto 50px}
.vpos-device{background:linear-gradient(160deg,#1d2938,#0e1723);border-radius:32px;padding:20px;box-shadow:0 28px 70px rgba(15,31,52,.28),inset 0 1px 0 rgba(255,255,255,.12);border:1px solid #293b51}
.vpos-device-top,.vpos-device-foot{display:flex;align-items:center;justify-content:space-between;color:#d6e0ec;padding:2px 5px 15px}.vpos-device-foot{padding:15px 5px 1px;font-size:12px;color:#8ea1b7}
.vpos-brand{font-size:24px;font-weight:900;letter-spacing:-1px}.vpos-brand span{color:#2f8cff}.vpos-signal{font-size:8px;letter-spacing:4px;color:#42d990}
.vpos-screen{background:linear-gradient(180deg,#f7fbff,#eaf4ff);border-radius:18px;padding:20px 22px;text-align:right;box-shadow:inset 0 2px 9px rgba(20,53,86,.12);border:1px solid #b8d1ea;margin-bottom:18px}
.vpos-screen-label{display:block;text-align:left;color:#5c7591;font-size:11px;font-weight:850;letter-spacing:.13em}.vpos-screen-amount{display:flex;align-items:baseline;justify-content:flex-end;gap:7px;margin:13px 0 4px;color:#102a47}.vpos-screen-amount span{font-size:26px;font-weight:700}.vpos-screen-amount strong{font-size:52px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-2px}.vpos-screen small{display:block;color:#7389a1;font-size:11px}
.vpos-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.vpos-keypad button{height:66px;border:0;border-radius:15px;background:linear-gradient(180deg,#f8fafc,#e5ebf1);color:#172a40;font-size:24px;font-weight:850;box-shadow:0 3px 0 #aebbc8,0 7px 13px rgba(0,0,0,.22);cursor:pointer;transition:transform .08s,box-shadow .08s}.vpos-keypad button:active{transform:translateY(3px);box-shadow:0 1px 0 #aebbc8}.vpos-keypad .vpos-key-clear{color:#b92f40;background:linear-gradient(180deg,#fff4f5,#f2dfe2)}
.vpos-pay-key{margin-top:14px;width:100%;height:68px;border:0;border-radius:16px;background:linear-gradient(180deg,#32c978,#16a85d);color:#fff;font-size:19px;font-weight:900;letter-spacing:.04em;box-shadow:0 4px 0 #087b40,0 8px 18px rgba(8,123,64,.27);cursor:pointer}.vpos-pay-key span{font-size:24px;margin-right:8px}.vpos-pay-key:active{transform:translateY(3px);box-shadow:0 1px 0 #087b40}.vpos-pay-key.shake{animation:vposShake .32s}@keyframes vposShake{25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}
.vpos-help-panel h1{font-size:42px;margin:5px 0 12px}.vpos-help-panel>p{font-size:17px;line-height:1.65;color:#60748d;max-width:590px}.vpos-help-steps{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.vpos-help-steps div{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #dce7f2;border-radius:13px;background:#fff}.vpos-help-steps b{width:29px;height:29px;border-radius:9px;background:#eaf4ff;color:#1475d8;display:flex;align-items:center;justify-content:center}.vpos-last-paid{display:flex;flex-direction:column;gap:4px;margin-top:18px;padding:15px;border-radius:14px;background:#effbf5;border:1px solid #b9e7cf}.vpos-last-paid b{color:#14784b}.vpos-last-paid a{margin-top:6px;font-weight:750}
.vpos-modal{position:fixed;inset:0;z-index:10000;background:rgba(7,20,36,.62);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px}.vpos-modal.hidden{display:none}.vpos-modal-card{position:relative;width:min(520px,100%);background:#fff;border-radius:24px;padding:28px;box-shadow:0 30px 90px rgba(0,0,0,.28)}.vpos-modal-card.qr{text-align:center;width:min(470px,100%)}.vpos-modal-x{position:absolute;top:12px;right:12px;width:37px;height:37px;border:0;border-radius:50%;background:#eef3f8;font-size:23px;color:#50657e;cursor:pointer}.vpos-modal-card h2{margin:7px 0 8px}.vpos-modal-card p{color:#657a92;line-height:1.55}.vpos-modal-total{display:flex;justify-content:space-between;align-items:center;background:#f4f8fc;padding:13px 15px;border-radius:12px;margin:14px 0}.vpos-modal-total strong{font-size:24px}.field-error{border-color:#df4557!important;box-shadow:0 0 0 3px rgba(223,69,87,.1)!important}
.vpos-popup-amount{display:block;font-size:34px;margin:12px 0}.vpos-popup-qr{width:270px;max-width:100%;margin:10px auto;background:#fff;border-radius:18px;border:1px solid #d9e5f0;padding:8px}.vpos-popup-qr img{display:block;width:100%;aspect-ratio:1}.vpos-modal-card.qr small{display:block;margin-top:12px;color:#70839a}

/* Statistics by payment/booking channel */
.analytics-channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0 22px}.analytics-channel-card{border:1px solid #dde7f1;border-radius:18px;background:#fff;padding:18px;box-shadow:0 6px 22px rgba(31,65,105,.05)}.channel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid #edf2f7;padding-bottom:12px;margin-bottom:12px}.channel-head h3{margin:3px 0}.channel-head>strong{min-width:43px;height:43px;border-radius:13px;background:#eef6ff;color:#014BC8;display:flex;align-items:center;justify-content:center;font-size:20px}.channel-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.channel-metrics div{padding:10px 12px;border-radius:11px;background:#f7f9fc}.channel-metrics span{display:block;font-size:11px;color:#718299;margin-bottom:3px}.channel-metrics b{font-size:16px;color:#223850}.channel-note{display:block;margin-top:10px;color:#75869b}.analytics-channel-card.vpos{border-top:4px solid #31b875}.analytics-channel-card.online{border-top:4px solid #2585e8}.analytics-channel-card.booker{border-top:4px solid #8a68d8}.analytics-channel-card.manual{border-top:4px solid #e4a23c}
@media(max-width:850px){.vpos-shell{grid-template-columns:1fr;max-width:520px}.vpos-help-panel{order:-1}.vpos-help-panel h1{font-size:34px}.analytics-channels{grid-template-columns:1fr}}
@media(max-width:520px){.vpos-device{border-radius:23px;padding:14px}.vpos-screen-amount strong{font-size:44px}.vpos-keypad button{height:60px}.vpos-help-steps{grid-template-columns:1fr}.channel-metrics{grid-template-columns:1fr}}

/* V23 — Virtual POS vertical layout + transaction history */
.vpos-shell{display:flex!important;flex-direction:column!important;gap:24px!important;max-width:580px!important;margin:24px auto 34px!important;align-items:stretch!important}
.vpos-help-panel{width:100%;order:2;padding:2px 4px}.vpos-help-panel h1{font-size:34px}.vpos-help-panel>p{max-width:none}
.vpos-history-section{max-width:1080px;margin:0 auto 40px}.vpos-history-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.vpos-history-head h2{margin:4px 0 5px}.vpos-history-head p{margin:0;color:#6e8198;max-width:760px}.vpos-history-count{min-width:46px;height:46px;border-radius:14px;background:#eef6ff;color:#014BC8;font-weight:900;display:flex;align-items:center;justify-content:center}
.vpos-history-list{display:flex;flex-direction:column;gap:10px}.vpos-transaction{border:1px solid #dce7f2;border-radius:15px;background:#fff;overflow:hidden;box-shadow:0 4px 16px rgba(33,66,104,.04)}.vpos-transaction summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;cursor:pointer;list-style:none}.vpos-transaction summary::-webkit-details-marker{display:none}.vpos-tx-main,.vpos-tx-side{display:flex;align-items:center;gap:11px}.vpos-tx-main div strong,.vpos-tx-main div small{display:block}.vpos-tx-main div small{color:#77899d;margin-top:3px}.vpos-status-dot{width:11px;height:11px;border-radius:50%;background:#b6c2ce;box-shadow:0 0 0 4px #eef2f6}.vpos-transaction.paid .vpos-status-dot{background:#27b96f;box-shadow:0 0 0 4px #e5f8ee}.vpos-transaction.pending .vpos-status-dot{background:#e8a52d;box-shadow:0 0 0 4px #fff5dc}.vpos-transaction.failed .vpos-status-dot,.vpos-transaction.cancelled .vpos-status-dot{background:#d94d5c;box-shadow:0 0 0 4px #fdebed}.vpos-status-label{font-size:12px;font-weight:800;padding:5px 8px;border-radius:999px;background:#eef2f6;color:#65778a}.vpos-transaction.paid .vpos-status-label{background:#e8f9f0;color:#168450}.vpos-transaction.pending .vpos-status-label{background:#fff4d9;color:#976717}.vpos-transaction.failed .vpos-status-label,.vpos-transaction.cancelled .vpos-status-label{background:#fdebed;color:#a32f3e}.vpos-tx-side>b{font-size:17px;min-width:105px;text-align:right}.vpos-expand{transition:transform .18s}.vpos-transaction[open] .vpos-expand{transform:rotate(180deg)}
.vpos-transaction-body{border-top:1px solid #e7eef5;padding:15px 16px;background:#fbfdff}.vpos-transaction-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.vpos-transaction-grid div{padding:9px 10px;border-radius:10px;background:#fff;border:1px solid #e5edf5}.vpos-transaction-grid span{display:block;font-size:11px;color:#75869a;margin-bottom:3px}.vpos-transaction-grid b{font-size:13px;color:#283d56;overflow-wrap:anywhere}.vpos-transaction-actions{display:flex;align-items:center;gap:8px;margin-top:13px;flex-wrap:wrap}.vpos-no-receipt{font-size:12px;color:#7e8c9c}
.vpos-popup-qr{display:block;text-decoration:none;color:inherit;cursor:download}.vpos-popup-qr span{display:block;font-size:11px;font-weight:700;color:#2879cf;margin-top:7px}.vpos-popup-qr:hover{border-color:#94c4f8;box-shadow:0 0 0 3px rgba(22,119,255,.08)}

/* V23 — searchable receipts in Statistics */
.receipts-module{margin-top:22px}.receipts-head{align-items:flex-end}.receipts-head p{margin:5px 0 0;color:#6d8096}.receipts-total{display:flex;align-items:baseline;gap:5px;padding:9px 12px;border-radius:12px;background:#eef6ff;color:#226daf}.receipts-total strong{font-size:22px}.receipts-total span{font-size:12px}
.receipts-search-form{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px;margin:12px 0 14px}.receipts-search-form input[type=search]{margin:0}
.receipts-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #e0e9f2;border-radius:12px;background:#f8fafc;margin-bottom:10px}.receipts-select-all{display:flex!important;align-items:center;gap:8px;margin:0!important}.receipts-select-all input{width:18px!important;height:18px!important;margin:0!important}.receipts-toolbar>div{display:flex;align-items:center;gap:10px}.receipts-toolbar>div>span{font-size:12px;color:#6e8197}
.receipts-list{display:flex;flex-direction:column;gap:8px}.receipt-row{display:grid;grid-template-columns:34px minmax(0,1fr);gap:6px;border:1px solid #dee8f2;border-radius:14px;background:#fff;overflow:hidden}.receipt-check{display:flex;align-items:flex-start;justify-content:center;padding-top:18px}.receipt-check input{width:18px!important;height:18px!important;margin:0!important}.receipt-row details{min-width:0}.receipt-row summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px 13px 4px;cursor:pointer;list-style:none}.receipt-row summary::-webkit-details-marker{display:none}.receipt-summary-main,.receipt-summary-side{display:flex;align-items:center;gap:10px;min-width:0}.receipt-summary-main>div{min-width:0}.receipt-summary-main strong,.receipt-summary-main small{display:block}.receipt-summary-main strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.receipt-summary-main small{margin-top:3px;color:#75869b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:560px}.receipt-kind{flex:0 0 auto;font-size:10px;font-weight:900;letter-spacing:.06em;border-radius:8px;padding:5px 7px;background:#eef6ff;color:#236fc2}.receipt-kind.vpos{background:#e9f9f0;color:#168450}.receipt-summary-side{flex:0 0 auto}.receipt-summary-side>span{font-size:11px;color:#6f8196;max-width:150px;text-align:right}.receipt-summary-side>b{font-size:15px;min-width:96px;text-align:right}.receipt-summary-side time{font-size:11px;color:#7c8b9d}.receipt-summary-side i{font-style:normal;transition:transform .18s}.receipt-row details[open] .receipt-summary-side i{transform:rotate(180deg)}
.receipt-detail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:13px 15px;background:#f9fbfd;border-top:1px solid #e7eef5}.receipt-detail div{padding:9px 10px;border-radius:9px;background:#fff;border:1px solid #e5ecf4}.receipt-detail span{display:block;font-size:10px;color:#78899c;margin-bottom:3px}.receipt-detail b{font-size:12px;color:#283d55;overflow-wrap:anywhere}.receipt-actions{display:flex;gap:8px;padding:0 15px 14px;background:#f9fbfd}
@media(max-width:760px){.vpos-transaction-grid{grid-template-columns:1fr 1fr}.vpos-transaction summary{align-items:flex-start}.vpos-tx-side{flex-wrap:wrap;justify-content:flex-end}.vpos-status-label{order:1}.vpos-tx-side>b{order:2;min-width:0}.vpos-expand{order:3}.receipts-search-form{grid-template-columns:1fr}.receipts-toolbar{align-items:flex-start;flex-direction:column}.receipt-row summary{align-items:flex-start;flex-direction:column}.receipt-summary-side{width:100%;justify-content:space-between}.receipt-summary-side>span{max-width:none;text-align:left}.receipt-summary-main small{max-width:75vw}.receipt-detail{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.vpos-transaction-grid,.receipt-detail{grid-template-columns:1fr}.vpos-history-head{align-items:flex-start}.vpos-history-count{margin-top:4px}}

/* V24 — POS countdown and receipt source badges */
.vpos-countdown{font-variant-numeric:tabular-nums;font-size:12px;font-weight:900;color:#9a6815;background:#fff4d9;border:1px solid #f2daa2;border-radius:999px;padding:5px 8px;min-width:55px;text-align:center}
.vpos-transaction.vpos-expiring{opacity:0;transform:translateY(-5px);max-height:0;margin:0;border-width:0;transition:opacity .25s,transform .25s,max-height .35s,margin .35s}
.receipt-channel{flex:0 0 auto;font-size:10px;font-weight:900;letter-spacing:.045em;border-radius:8px;padding:6px 8px;white-space:nowrap}
.receipt-channel.online{background:#e8f3ff;color:#176fc8;border:1px solid #c9e2fb}
.receipt-channel.manual{background:#fff4dc;color:#926313;border:1px solid #f0d79f}
.receipt-channel.booker{background:#f1ebff;color:#7451bd;border:1px solid #dcd0f7}
.receipt-channel.vpos{background:#e8f9ef;color:#17804f;border:1px solid #c6ead6}
.receipt-created-by{display:inline-flex!important;width:max-content;max-width:100%;margin-top:5px!important;padding:3px 7px;border-radius:999px;font-size:10px!important;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.receipt-created-by.online{background:#eef5fc;color:#51718f}
.receipt-created-by.owner{background:#fff1dc;color:#8b6020}
.receipt-created-by.booker{background:#f2edff;color:#7254ae}
.receipt-detail div:nth-child(4),.receipt-detail div:nth-child(5){background:#f9fbff}
@media(max-width:620px){.receipt-channel{font-size:9px}.receipt-created-by{max-width:70vw}.vpos-countdown{order:1}.vpos-tx-side>b{order:2}}

/* V25 — Bookers scope cards, Virtual POS permissions, help button and status dots */
.booker-scope-picker{overflow:hidden}
.booker-scope-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;align-items:stretch!important}
.booker-scope-card{position:relative!important;display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;gap:12px!important;align-items:flex-start!important;min-width:0!important;width:100%!important;min-height:126px!important;padding:17px!important;overflow:hidden!important}
.booker-scope-card>input[type="radio"]{width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;margin:2px 0 0!important;padding:0!important;flex:none!important}
.booker-scope-card>span{display:block!important;position:static!important;min-width:0!important;width:auto!important;max-width:100%!important;margin:0!important;padding:0!important;overflow:visible!important;white-space:normal!important}
.booker-scope-card>span>b{display:block!important;font-size:16px!important;line-height:1.3!important;color:#253b56!important;margin:0 0 7px!important;white-space:normal!important}
.booker-scope-card>span>small{display:block!important;font-size:13px!important;line-height:1.5!important;color:#70839a!important;white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important;margin:0!important}
.booker-scope-picker>legend{font-size:17px!important;font-weight:850!important;padding:0 8px!important}
.booker-partnership-select{display:block!important;margin-top:13px!important}
.booker-permissions .virtual-pos-permission{border-color:#cfe2f8;background:#f7fbff}
.booker-permissions .virtual-pos-permission span b{display:block;margin-bottom:2px;color:#205f9f}
@media(max-width:760px){.booker-scope-options{grid-template-columns:1fr!important}.booker-scope-card{min-height:0!important}}

.vpos-status-dot{display:inline-block!important;width:11px!important;min-width:11px!important;max-width:11px!important;height:11px!important;min-height:11px!important;max-height:11px!important;aspect-ratio:1/1!important;border-radius:50%!important;flex:0 0 11px!important;padding:0!important;margin:0 2px 0 0!important;line-height:0!important}
.vpos-tx-main{align-items:center!important}
.vpos-delete-pending-form{margin:0!important;display:inline-flex!important}
.vpos-delete-pending-form .danger{background:#fff1f2;color:#b42336;border:1px solid #efb4bd;box-shadow:none}
.vpos-delete-pending-form .danger:hover{background:#b42336;color:#fff}
.vpos-under-device{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:-8px}
.vpos-help-open{width:auto!important;min-width:0!important;padding:8px 13px!important;border-radius:10px!important;font-size:13px!important}
.vpos-help-modal-card{width:min(600px,100%)!important}
.vpos-help-steps.popup{grid-template-columns:1fr 1fr;margin-top:18px}
.vpos-help-steps.popup div{align-items:flex-start}
.vpos-help-steps.popup span{display:block;min-width:0}
.vpos-help-steps.popup strong,.vpos-help-steps.popup small{display:block}
.vpos-help-steps.popup small{font-size:12px;color:#74869b;line-height:1.45;margin-top:3px}
.vpos-help-note{padding:12px 14px;border-radius:12px;background:#f3f8ff;color:#5e738d!important;margin:16px 0 0!important}
@media(max-width:600px){.vpos-help-steps.popup{grid-template-columns:1fr}}

/* V26 — Virtual POS desktop two-column workspace */
.vpos-workspace{display:grid;grid-template-columns:minmax(360px,500px) minmax(0,1fr);gap:28px;align-items:start;max-width:1280px;margin:24px auto 44px}
.vpos-workspace .vpos-shell{max-width:none!important;margin:0!important}
.vpos-workspace .vpos-history-section{max-width:none!important;margin:0!important;min-width:0;display:flex;flex-direction:column;overflow:hidden}
.vpos-workspace .vpos-history-list{flex:1;min-height:0;max-height:none;overflow:auto;padding:0 7px 8px 0;scrollbar-gutter:stable}
.vpos-workspace .vpos-under-device{margin-top:2px}
@media(max-width:980px){.vpos-workspace{grid-template-columns:1fr;max-width:650px}.vpos-workspace .vpos-history-section{height:auto!important;overflow:visible}.vpos-workspace .vpos-history-list{max-height:none;overflow:visible}}

/* V26 — Booker controls */
.booker-card-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.booker-admin-actions{display:flex;gap:7px;flex-wrap:wrap}.booker-admin-actions form{margin:0}
.booker-status{font-size:11px;font-weight:850;padding:5px 9px;border-radius:999px}.booker-status.active{background:#e8f8ef;color:#187b4e}.booker-status.blocked{background:#fdebed;color:#a53442}
.booker-admin-actions .danger{background:#fff0f2;color:#b1283a;border:1px solid #efb9c0;box-shadow:none}
.partner-manual-permission{border-color:#d9cff8!important;background:#faf8ff!important}.partner-manual-permission span b{display:block;color:#6947ae;margin-bottom:2px}
@media(max-width:760px){.booker-card-tools{justify-content:flex-start}.booker-card-head{align-items:flex-start}}

/* V26 — Unlimited partnership extras */
.partner-extra-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.partner-extra-head p{margin:0}
.partner-extra-row{display:grid!important;grid-template-columns:minmax(0,1fr) 160px 130px 38px!important;gap:9px!important;align-items:center!important}
.partner-remove-extra{width:36px;height:36px;border:0;border-radius:10px;background:#fff0f2;color:#b42d3f;font-size:22px;cursor:pointer}
.partner-remove-extra:hover{background:#b42d3f;color:#fff}
@media(max-width:720px){.partner-extra-head{align-items:flex-start;flex-direction:column}.partner-extra-row{grid-template-columns:1fr 120px!important}.partner-extra-row .check{grid-column:1/2}.partner-remove-extra{grid-column:2/3;grid-row:2}}

/* V26 — audit icons */
.activity-icon{width:42px!important;height:42px!important;min-width:42px!important;border-radius:13px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#f2f6fa!important;font-size:19px!important}
.activity-icon.entity-virtual_pos{background:#e9f9f0!important}.activity-icon.entity-receipt{background:#eef5ff!important}.activity-icon.entity-statistics{background:#f3edff!important}.activity-icon.entity-booker{background:#fff4df!important}

/* V28 pickup locations + partnership boat badges */
.partner-boat-badge{display:inline-flex;align-items:center;gap:5px;border:1px solid #c4b5fd;background:#f5f3ff;color:#5b21b6;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;cursor:pointer;margin-left:7px;vertical-align:middle}.partner-boat-badge:hover{background:#ede9fe}.partner-boat-inline{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.pickup-location-field{margin-top:12px}.pickup-location-public,.booking-pickup-box{margin:12px 0;padding:12px 14px;border:1px solid #bfdbfe;background:#eff6ff;border-radius:14px}.pickup-location-public a,.booking-pickup-box a{color:#075fc5;font-weight:800;text-decoration:none}.booker-payout-side{margin-top:0!important;align-self:start}.booker-payout-side .payout-profile-list{max-height:520px;overflow:auto}@media(max-width:800px){.partner-boat-badge{margin-left:0;margin-top:5px}.profile-settings-grid{grid-template-columns:1fr!important}.booker-payout-side{margin-top:14px!important}}
.manual-partnership-info{display:flex;align-items:center;gap:9px;margin-top:8px;padding:9px 11px;border:1px dashed #c4b5fd;border-radius:12px;background:#faf8ff}.manual-partnership-info.hidden{display:none}.partner-info-modal{position:fixed;inset:0;z-index:10050;background:rgba(15,23,42,.48);display:grid;place-items:center;padding:20px}.partner-info-modal.hidden{display:none}.partner-info-dialog{position:relative;width:min(420px,100%);background:#fff;border-radius:20px;padding:26px;box-shadow:0 24px 70px rgba(15,23,42,.25);text-align:center}.partner-info-close{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer;color:#64748b}.partner-info-icon{font-size:36px;margin-bottom:8px}.partner-info-dialog h3{margin:7px 0 6px}.partner-info-dialog p{margin:0;color:#64748b}

/* V29 — multi-boat allocation visibility, satellite pickup picker, custom service types */
.online-allocation-settings.hidden,.boat-priority-control.hidden{display:none!important}
.pickup-picker-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.pickup-picker-row input[readonly]{background:#f8fafc;color:#334155;cursor:default}.field-label{display:block;font-weight:800;color:#334155;margin-bottom:7px}
.map-picker-open{overflow:hidden}.map-picker-modal{position:fixed;inset:0;z-index:12000;background:rgba(15,23,42,.62);display:grid;place-items:center;padding:18px}.map-picker-modal.hidden{display:none}.map-picker-dialog{width:min(900px,100%);background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 30px 90px rgba(15,23,42,.35)}.map-picker-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px 15px}.map-picker-head h3{margin:3px 0 5px}.map-picker-head p{margin:0;color:#64748b}.map-picker-close{border:0;background:#f1f5f9;width:38px;height:38px;border-radius:12px;font-size:26px;line-height:1;cursor:pointer}.map-picker-canvas{width:100%;height:min(62vh,560px);background:#dbeafe}.map-picker-selected{padding:14px 22px;background:#f8fafc;border-top:1px solid #e2e8f0}.map-picker-selected span{display:block;font-size:11px;font-weight:900;letter-spacing:.08em;color:#64748b}.map-picker-selected strong{display:block;margin-top:4px}.map-picker-actions{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px 20px}
.service-type-manager{margin:0 0 22px;border:1px solid #dbe5f0;border-radius:18px;background:#fff;overflow:hidden}.service-type-manager>summary{list-style:none;cursor:pointer;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.service-type-manager>summary::-webkit-details-marker{display:none}.service-type-manager>summary div{display:grid;gap:3px}.service-type-manager>summary small{color:#718096;font-weight:500}.service-type-manager>summary>span{font-weight:850;color:#1675e8}.service-type-manager-body{padding:0 20px 20px;border-top:1px solid #edf2f7}.service-type-list{display:grid;gap:8px;padding:16px 0}.service-type-rename{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center}.service-type-rename button{white-space:nowrap}.custom-service-type-builder{padding:18px;border:1px solid #dbeafe;border-radius:16px;background:#f8fbff}.custom-fields-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 10px}.custom-fields-head small{display:block;color:#64748b;margin-top:3px}.custom-type-fields{display:grid;gap:9px;margin-bottom:14px}.custom-type-field-row{display:grid;grid-template-columns:minmax(160px,1.5fr) 150px 130px 145px 105px 38px;gap:8px;align-items:center}.remove-custom-field{width:36px;height:36px;border:0;border-radius:10px;background:#fff0f2;color:#b42336;font-size:22px;cursor:pointer}.booking-custom-fields{margin:18px 0;padding:16px;border:1px solid #dbeafe;border-radius:16px;background:#f8fbff;display:grid;gap:10px}.booking-custom-field label{margin:0}
@media(max-width:800px){.pickup-picker-row{grid-template-columns:1fr}.pickup-picker-row .btn{width:100%}.map-picker-modal{padding:0}.map-picker-dialog{width:100%;height:100%;border-radius:0;display:flex;flex-direction:column}.map-picker-canvas{flex:1;height:auto;min-height:45vh}.service-type-rename{grid-template-columns:1fr}.custom-fields-head{align-items:flex-start;flex-direction:column}.custom-type-field-row{grid-template-columns:1fr 1fr}.custom-type-field-row>*:first-child{grid-column:1/-1}.custom-type-field-row .mini-check{grid-column:1/2}.remove-custom-field{grid-column:2/3;justify-self:end}}


/* V30 — transfer, configurable service components, visible reBOAT pickup pin */
.service-component-builder{margin:16px 0 20px;padding:16px;border:1px solid #dbeafe;border-radius:16px;background:#fff}.service-component-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.service-component-choice{display:flex!important;align-items:center;gap:10px;margin:0!important;padding:11px 12px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;font-weight:750;cursor:pointer}.service-component-choice input{width:18px;height:18px;margin:0}.service-component-choice:has(input:checked){border-color:#93c5fd;background:#eff6ff}.map-picker-canvas img[src^="data:image/svg+xml"]{filter:drop-shadow(0 3px 4px rgba(15,23,42,.28))}[data-service-component].hidden{display:none!important}@media(max-width:800px){.service-component-grid{grid-template-columns:1fr}}

/* V31 — visual service-type builder + transfer scheduling */
.visual-builder{background:#fbfdff}.visual-builder-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.visual-builder-head small{display:block;margin-top:4px;color:#64748b;line-height:1.45}.selected-service-components{display:grid;gap:12px}.builder-component-card{border:1px solid #cfe0f3;border-radius:16px;background:#fff;box-shadow:0 4px 16px rgba(38,91,142,.06);overflow:hidden}.builder-component-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid #edf2f7;background:#f8fbff}.builder-component-top>div{display:flex;align-items:center;gap:9px}.builder-component-index{display:inline-flex;width:25px;height:25px;align-items:center;justify-content:center;border-radius:50%;background:#eaf4ff;color:#1478e8;font-size:12px;font-weight:900}.builder-remove-component{border:0;width:32px;height:32px;border-radius:10px;background:#fff0f2;color:#b42336;font-size:22px;cursor:pointer}.builder-component-preview{padding:14px}.builder-preview-label{display:block;font-weight:800;color:#334155;margin-bottom:7px}.builder-preview-input,.builder-preview-select,.builder-preview-textarea{width:100%;height:42px;border:1px solid #d8e2ee;border-radius:11px;background:#fff;padding:0 12px;color:#7a8ba0}.builder-preview-textarea{height:74px;padding-top:10px}.builder-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.builder-preview-drop{height:110px;border:1.5px dashed #a9c7ea;border-radius:13px;background:#f4f9ff;display:grid;place-items:center;color:#4f7ca8;font-weight:800}.builder-preview-checks{display:grid;gap:8px}.builder-preview-check{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid #e2e8f0;border-radius:10px;background:#fafcff}.builder-preview-pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef6ff;color:#296aa7;font-weight:800;font-size:12px}.builder-add-wrap{position:relative;margin-top:14px}.builder-add-component{width:100%;min-height:52px;font-size:16px;font-weight:900}.builder-component-menu{margin-top:10px;border:1px solid #cfe0f3;border-radius:16px;background:#fff;padding:14px;box-shadow:0 18px 45px rgba(15,23,42,.12)}.builder-component-menu.hidden{display:none}.builder-component-menu-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.builder-component-menu-head button{border:0;background:#f1f5f9;width:32px;height:32px;border-radius:9px;font-size:20px;cursor:pointer}.builder-component-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.builder-component-option{border:1px solid #dbe5ef;background:#f8fbff;border-radius:12px;padding:11px 12px;text-align:left;display:flex;gap:8px;align-items:center;cursor:pointer;color:#314861}.builder-component-option:hover{border-color:#80b9f4;background:#eef7ff}.builder-component-option[disabled]{opacity:.42;cursor:not-allowed}.builder-component-option span{font-size:19px;color:#1478e8}.transfer-schedule-fields{padding:14px;border:1px solid #cfe0f3;border-radius:15px;background:#f8fbff;margin:10px 0 14px}.form-grid.one{grid-template-columns:1fr}.trip-display-settings.hidden{display:none!important}
@media(max-width:760px){.builder-component-options,.builder-preview-grid{grid-template-columns:1fr}.builder-add-component{font-size:15px}}
.transfer-book-time{margin:14px 0 18px;padding:16px;border:1px solid #cfe0f3;border-radius:16px;background:#f8fbff}.transfer-time-info{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid #e3ebf4}.transfer-time-info small{color:#64748b}.transfer-book-time input[type="time"]{font-size:16px;font-weight:800}

/* V32 service availability + boat priority */
.boat-select-card:has(input[name="boat_ids[]"]:checked) .boat-priority-control{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid #dbeafe}.boat-priority-control select{width:76px;min-width:76px;padding:8px 10px;border:1px solid #bfdbfe;border-radius:10px;background:#fff;font-weight:800}.service-type-delete{display:inline-flex;margin-left:8px}.service-availability-editor{margin-top:20px;padding:18px;border:1px solid #dbeafe;border-radius:18px;background:#fbfdff}.availability-mode-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.availability-mode-cards label{display:flex;gap:10px;padding:14px;border:1px solid #dbeafe;border-radius:14px;background:#fff;cursor:pointer}.availability-mode-cards label:has(input:checked){border-color:#2584ff;box-shadow:0 0 0 2px rgba(37,132,255,.12);background:#f4f9ff}.availability-mode-cards span{display:flex;flex-direction:column;gap:3px}.availability-mode-cards small{color:#64748b}.service-blackout-picker{padding:16px;border-radius:16px;background:#fff;border:1px solid #e2e8f0}.blackout-calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.blackout-calendar-head strong{text-transform:capitalize}.blackout-help{font-size:13px;color:#64748b;margin-bottom:12px}.blackout-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;touch-action:none;user-select:none}.blackout-weekday{text-align:center;font-size:11px;font-weight:800;color:#64748b;padding:5px}.blackout-day{min-height:46px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:#0f172a!important;cursor:pointer;font-weight:800}.blackout-day b{color:inherit!important;opacity:1!important;visibility:visible!important}.blackout-day:hover{border-color:#93c5fd;background:#eff6ff}.blackout-day.selected,.blackout-day.dragging{background:#fee2e2;border-color:#ef4444;color:#b91c1c}.blackout-summary{display:flex;align-items:center;gap:10px;margin-top:12px}.blackout-summary strong{color:#dc2626}.blackout-summary .btn{margin-left:auto}.booking-status{display:inline-flex;margin-top:7px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}.booking-status.on{background:#dcfce7;color:#15803d}.booking-status.off{background:#fee2e2;color:#b91c1c}.btn.disabled{opacity:.55;pointer-events:none;cursor:not-allowed}.hidden{display:none!important}@media(max-width:800px){.availability-mode-cards{grid-template-columns:1fr}.blackout-calendar{gap:3px}.blackout-day{min-height:42px}.service-type-delete{margin:8px 0 0 0}}

/* V34 partnership/service visibility + fuel policy */
.partnership-service-card{border:2px solid #8b5cf6!important;background:linear-gradient(180deg,#fbf9ff 0%,#fff 100%);box-shadow:0 12px 30px rgba(124,58,237,.10)!important}
.partnership-service-badge{display:inline-flex;align-items:center;gap:6px;margin:7px 0 2px;padding:6px 10px;border-radius:999px;background:#ede9fe;color:#6d28d9;font-size:11px;font-weight:900;letter-spacing:.03em}
.fuel-policy-editor{margin:2px 0 16px}.fuel-policy-editor>.field-label{display:block;font-weight:800;margin-bottom:8px;color:#334155}.fuel-policy-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fuel-policy-options label{display:flex;gap:10px;padding:14px;border:1px solid #dbeafe;border-radius:15px;background:#fff;cursor:pointer}.fuel-policy-options label:has(input:checked){border-color:#1685f8;background:#f1f8ff;box-shadow:0 0 0 2px rgba(22,133,248,.10)}.fuel-policy-options input{margin-top:3px;accent-color:#1685f8}.fuel-policy-options span{display:flex;flex-direction:column;gap:4px}.fuel-policy-options b{color:#16324f}.fuel-policy-options small{color:#64748b;line-height:1.4}
.fuel-public-badge{display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;margin:8px 0;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:850}.fuel-public-badge.included{background:#dcfce7;color:#166534}.fuel-public-badge.separate{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}
.booking-fuel-notice{display:flex;align-items:center;gap:12px;margin:14px 0 18px;padding:14px 16px;border-radius:16px}.booking-fuel-notice>span{font-size:24px}.booking-fuel-notice>div{display:flex;flex-direction:column;gap:3px}.booking-fuel-notice strong{font-size:14px}.booking-fuel-notice small{font-size:12px;line-height:1.45}.booking-fuel-notice.included{background:#ecfdf5;border:1px solid #bbf7d0;color:#166534}.booking-fuel-notice.separate{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}
.partner-boat-priority select{width:74px!important;min-width:74px!important;padding:7px 9px!important;border:1px solid #bfdbfe;border-radius:9px;background:#fff;font-weight:800;text-align:center}
@media(max-width:700px){.fuel-policy-options{grid-template-columns:1fr}.partnership-service-badge{white-space:normal}}

/* V35 location, fuel billing, booking hero and mobile-friendly choice controls */
.booking-service-hero{margin:-18px -18px 20px;border-radius:18px 18px 14px 14px;overflow:hidden;background:#eaf4ff;aspect-ratio:16/7}.booking-service-hero img{width:100%;height:100%;display:block;object-fit:cover}.fuel-main-options,.fuel-charge-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fuel-charge-options{margin-top:8px}.fuel-charge-options label,.fuel-main-options label{position:relative;display:flex;align-items:flex-start;gap:11px;min-height:78px;padding:14px;border:1px solid #d9e7f7;border-radius:16px;background:#fff;cursor:pointer;transition:.18s ease}.fuel-charge-options label:hover,.fuel-main-options label:hover{border-color:#93c5fd;transform:translateY(-1px)}.fuel-charge-options label:has(input:checked),.fuel-main-options label:has(input:checked){border-color:#1685f8;background:#f0f7ff;box-shadow:0 0 0 2px rgba(22,133,248,.11)}.fuel-charge-options input,.fuel-main-options input,.availability-mode-cards input{width:19px;height:19px;min-width:19px;margin:2px 0 0;accent-color:#1685f8}.fuel-charge-options span,.fuel-main-options span{display:flex;flex-direction:column;gap:4px}.fuel-charge-options small,.fuel-main-options small{color:#64748b;line-height:1.4}.fuel-separate-settings{margin-top:12px;padding:14px;border-radius:16px;background:#f8fbff;border:1px solid #dbeafe}.fuel-rate-field{display:block;margin-top:12px;max-width:360px}.availability-mode-cards label{align-items:flex-start;min-height:84px;transition:.18s ease}.availability-mode-cards label:hover{border-color:#93c5fd;transform:translateY(-1px)}.pickup-location-public a,.booking-pickup-box a,.success-details a{overflow-wrap:anywhere}.booking-pickup-box a{display:inline-flex;align-items:center;gap:5px;line-height:1.45}
@media(max-width:700px){.booking-service-hero{margin:-14px -14px 16px;aspect-ratio:16/9}.fuel-main-options,.fuel-charge-options{grid-template-columns:1fr}.fuel-main-options label,.fuel-charge-options label,.availability-mode-cards label{min-height:0;padding:13px;border-radius:14px}.service-availability-editor{padding:13px}.availability-mode-cards{gap:8px}.booking-pickup-box{padding:12px}.booking-pickup-box a{font-size:13px}.fuel-rate-field{max-width:none}}
/* V37: clearer pickup button, service time, transfer first-free feedback */
.pickup-location-public,.booking-pickup-box{background:transparent;border:0;padding:0;margin:12px 0}
.pickup-map-button{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;width:max-content;max-width:100%;padding:10px 14px;border:1px solid #bfdbfe;border-radius:12px;background:#eff6ff;color:#075fc5!important;font-weight:850;text-decoration:none!important;line-height:1.2;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.pickup-map-button:hover{background:#e1efff;border-color:#93c5fd}.pickup-map-button.compact{padding:7px 10px;border-radius:10px;font-size:13px}
.booking-service-time{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;margin:12px 0;padding:10px 13px;border:1px solid #dbeafe;border-radius:13px;background:#f8fbff}.booking-service-time>span{font-size:20px;color:#1685f8}.booking-service-time>div{display:flex;flex-direction:column;gap:2px}.booking-service-time small{font-size:10px;letter-spacing:.08em;color:#64748b;font-weight:800}.booking-service-time strong{font-size:15px;color:#0f172a}
#transfer-earliest-info{display:flex;flex-direction:column;gap:3px}#transfer-earliest-info b{color:#0f766e}#transfer-earliest-info span{color:#64748b;font-weight:500}.transfer-book-time input[type="time"]:disabled{opacity:.6;background:#f1f5f9;cursor:not-allowed}
@media(max-width:700px){.pickup-map-button{width:100%;padding:12px 14px}.booking-service-time{width:100%;box-sizing:border-box}.transfer-time-info{margin-top:4px}}

/* V38 – partnerska usluga koristi isti vizualni jezik kao editor Ponude */
.partner-synced-edit-form.modern-form{display:flex;flex-direction:column;gap:16px}
.partner-synced-edit-form .partner-edit-title{margin-bottom:2px;padding-bottom:14px;border-bottom:1px solid #e5edf6}
.partner-synced-edit-form .partner-edit-title h2{margin:3px 0 2px}
.partner-synced-edit-form .partner-edit-title small{color:#64748b}
.partner-synced-edit-form .partner-full-service-options{display:flex;flex-direction:column;gap:16px}
.partner-synced-edit-form .partner-extra-editor{background:#fbfdff;border-color:#dbeafe}
.partner-synced-edit-form .partner-extra-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.partner-synced-edit-form .partner-extra-head p{margin:0;color:#64748b;font-size:13px}
.partner-synced-edit-form .partner-photo-selector,.partner-synced-edit-form .partner-boat-display-selector,.partner-synced-edit-form .partner-allocation-selector{background:#fbfdff;border-color:#dbeafe}
@media(max-width:800px){.partner-synced-edit-form .partner-extra-head{align-items:stretch;flex-direction:column}.partner-synced-edit-form .partner-extra-head .btn{width:100%}.partner-synced-edit-form .partner-extra-row{grid-template-columns:1fr}.partner-synced-edit-form .pickup-picker-row{flex-direction:column}.partner-synced-edit-form .pickup-picker-row .btn{width:100%}}

/* V39 - superadmin commission economics + footer language */
footer .footer-language{display:flex;justify-content:center;margin:0 0 10px}footer .footer-language .language-switcher{margin:0;background:rgba(255,255,255,.88)}
.superadmin-dashboard{display:grid;gap:20px}.superadmin-dashboard-head{margin-bottom:0}.superadmin-filter{display:flex;gap:12px;align-items:end;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:var(--shadow-sm)}.superadmin-filter label{margin:0;min-width:150px}.superadmin-filter select,.superadmin-filter input{margin-top:6px}.sa-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.sa-kpi{background:#fff;border:1px solid var(--line);border-radius:19px;padding:18px;box-shadow:var(--shadow-sm);min-height:124px;display:flex;flex-direction:column;justify-content:center}.sa-kpi span{font-size:12px;font-weight:800;color:#71839a;text-transform:uppercase;letter-spacing:.04em}.sa-kpi strong{font-size:27px;line-height:1.05;margin:9px 0 6px;color:#162841}.sa-kpi small{color:#8694a7;line-height:1.35}.sa-kpi.blue{background:linear-gradient(145deg,#f3f8ff,#fff);border-color:#cfe2fb}.sa-kpi.warning{background:linear-gradient(145deg,#fff9ec,#fff);border-color:#f3dfb0}.sa-kpi.green{background:linear-gradient(145deg,#effcf8,#fff);border-color:#cceee1}.sa-kpi.revenue{background:linear-gradient(145deg,#ecf6ff,#fff);border-color:#bedcf8}.sa-channel-card{margin:0}.sa-note{font-size:12px;color:#71839a;line-height:1.5;margin:14px 0 0}.commission-live-calculator{margin-top:20px;border:1px solid #dbe8f7;border-radius:18px;background:linear-gradient(145deg,#f8fbff,#fff);padding:18px}.commission-calc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.commission-calc-head h3{margin:3px 0 0;font-size:20px}.calc-badge{display:inline-flex;padding:7px 10px;border-radius:999px;background:#eaf7f1;color:#087c59;font-size:11px;font-weight:850}.commission-calc-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.commission-calc-inputs label{margin:0}.commission-calc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.commission-calc-grid>div{background:#fff;border:1px solid #e4edf7;border-radius:14px;padding:13px}.commission-calc-grid span{display:block;color:#72839a;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.commission-calc-grid strong{display:block;font-size:20px;margin-top:6px;color:#172b45}.commission-calc-grid .calc-net{background:#eef9f5;border-color:#ccebdc}.commission-calc-note{font-size:12px;line-height:1.5;color:#6d7f95;margin:13px 2px 0}
@media(max-width:1100px){.sa-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.commission-calc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.superadmin-filter{display:grid;grid-template-columns:1fr 1fr}.superadmin-filter label{min-width:0}.superadmin-filter .btn{grid-column:1/-1;width:100%}.sa-kpi-grid{grid-template-columns:1fr}.sa-kpi{min-height:108px}.commission-calc-inputs,.commission-calc-grid{grid-template-columns:1fr}.commission-calc-head{display:block}.calc-badge{margin-top:10px}.commission-live-calculator{padding:14px}.sa-channel-card .table-wrap table{min-width:760px}}
/* V40 superadmin financial focus + payment mode */
.sa-summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.sa-summary-strip>div{background:#fff;border:1px solid #dce8f7;border-radius:18px;padding:16px 18px;box-shadow:0 8px 24px rgba(30,90,150,.05)}.sa-summary-strip span{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;color:#71839d}.sa-summary-strip strong{display:block;font-size:26px;color:#14233b;margin:5px 0}.sa-summary-strip small{color:#8291a8}.sa-kpi-grid.financial-focus .sa-kpi.featured{border-width:2px;box-shadow:0 10px 28px rgba(31,117,255,.08)}.sa-kpi.owner{background:#f7fbff}.sa-owners-merged{margin-top:20px}.sa-owners-merged>.sa-owner-table{margin-top:12px}.sa-owner-table small{display:block;color:#8795aa;margin-top:3px}.deposit-builder{padding:16px;border:1px solid #dbe8f8;border-radius:18px;background:#fafdff;margin:12px 0}.deposit-mode-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:10px 0 14px}.deposit-mode-cards .choice-card{display:flex;align-items:center;gap:10px;border:1px solid #cfe0f6;border-radius:15px;padding:13px;background:#fff;cursor:pointer}.deposit-mode-cards .choice-card:has(input:checked){border-color:#2582ff;box-shadow:0 0 0 2px rgba(37,130,255,.1);background:#f4f9ff}.deposit-mode-cards b,.deposit-mode-cards small{display:block}.deposit-mode-cards small{color:#7a8aa2;margin-top:2px}
@media(max-width:800px){.sa-summary-strip{grid-template-columns:1fr}.sa-kpi-grid.financial-focus{grid-template-columns:1fr}.deposit-mode-cards{grid-template-columns:1fr}.sa-owners-merged .analytics-section-head{align-items:flex-start;gap:12px}.sa-owners-merged .analytics-section-head .btn{width:100%;text-align:center}}


/* V41 — Superadmin owner commercial terms */
.owner-commercial-card{border:1px solid #cfe0ff;background:linear-gradient(180deg,#fff 0%,#f7fbff 100%);box-shadow:0 18px 45px rgba(32,83,155,.08);overflow:hidden}
.owner-commercial-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}
.owner-commercial-head h2{margin:4px 0 6px;font-size:24px;color:#17233a}.owner-commercial-head p{margin:0;color:#6d7d98}
.owner-commercial-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:#eaf3ff;color:#2477ea;font-weight:800;font-size:12px;white-space:nowrap}
.owner-commercial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.owner-term-card{display:grid;grid-template-columns:48px minmax(0,1fr) 118px;align-items:center;gap:13px;padding:15px;border:1px solid #dbe7f8;border-radius:16px;background:#fff;cursor:default;min-width:0}
.owner-term-icon{width:48px;height:48px;border-radius:13px;background:#edf5ff;color:#1675ea;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900}
.owner-term-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.owner-term-copy b{font-size:14px;color:#24324b}.owner-term-copy small{font-size:11.5px;line-height:1.35;color:#8290a8}
.owner-term-input{height:46px;border:1px solid #cbdaf0;border-radius:12px;display:flex;align-items:center;overflow:hidden;background:#fbfdff}.owner-term-input:focus-within{border-color:#2684ff;box-shadow:0 0 0 3px rgba(38,132,255,.11)}
.owner-term-input input{width:100%;height:100%;border:0!important;box-shadow:none!important;background:transparent!important;padding:0 8px 0 12px!important;font-size:18px!important;font-weight:800;color:#17233a;text-align:right}.owner-term-input em{font-style:normal;font-weight:800;color:#59708f;padding-right:12px}
.owner-free-switch{margin-top:14px;padding:14px 16px;border:1px solid #dbe7f8;border-radius:14px;background:#fff;display:flex!important;align-items:center;gap:12px;cursor:pointer}.owner-free-switch input{width:20px;height:20px;accent-color:#014BC8}.owner-free-switch span{display:flex;flex-direction:column}.owner-free-switch b{font-size:14px}.owner-free-switch small{color:#8491a7;margin-top:2px}
.owner-commercial-actions{display:flex;align-items:center;gap:14px;margin-top:16px}.owner-commercial-actions small{color:#8491a7}
@media(max-width:850px){.owner-commercial-grid{grid-template-columns:1fr}.owner-term-card{grid-template-columns:44px minmax(0,1fr) 108px}.owner-term-icon{width:44px;height:44px}.owner-commercial-head{flex-direction:column}.owner-commercial-actions{align-items:stretch;flex-direction:column}.owner-commercial-actions .btn{width:100%}}
@media(max-width:520px){.owner-term-card{grid-template-columns:42px minmax(0,1fr);padding:13px}.owner-term-input{grid-column:1/-1;width:100%}.owner-term-input input{text-align:left}.owner-commercial-card{padding:16px}.owner-commercial-head h2{font-size:21px}}

/* V42: brzo dodavanje rezervacije iz dnevnog pregleda */
.service-group-quick-add{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:12px 14px;border-top:1px solid #e5edf8;border-bottom:1px solid #e5edf8;background:linear-gradient(180deg,#f8fbff 0%,#f3f8ff 100%)}
.service-group-quick-add .service-quick-add-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;font-weight:800}
.service-group-quick-add small{color:#64748b;line-height:1.35;text-align:right}
@media(max-width:700px){.service-group-quick-add{align-items:stretch;flex-direction:column;gap:7px;padding:10px}.service-group-quick-add .service-quick-add-btn{width:100%;min-height:44px}.service-group-quick-add small{text-align:left;font-size:11px}}

/* V44: available seats directly on day service/transfer group */
.service-free-seats{display:inline-flex;align-items:center;gap:6px;margin-top:7px;padding:5px 9px;border:1px solid #bbf7d0;background:#f0fdf4;border-radius:999px;color:#166534;font-size:11px;font-weight:800;line-height:1}
.service-free-seats b{font-size:14px;color:#15803d}
.service-free-seats span{white-space:nowrap}
.service-free-seats.is-full{border-color:#fecaca;background:#fef2f2;color:#b91c1c}
.service-free-seats.is-full span{color:#b91c1c;font-weight:900}
@media(max-width:700px){.service-free-seats{margin-top:6px;padding:5px 8px;font-size:10px}.service-free-seats b{font-size:13px}}

/* V46 manual booking category selector + transfer grouping + fuel zero-rate note */
.fuel-zero-note{display:block;margin-top:8px;padding:9px 11px;border-radius:11px;background:#eef6ff;border:1px solid #bfdbfe;color:#475569!important;line-height:1.45;font-weight:600}
.manual-service-step{margin:4px 0 14px}.manual-service-step>.field-label,.manual-service-select-wrap>span{display:block;margin-bottom:8px;font-weight:800;color:#334155}.manual-category-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.manual-category-cards label{position:relative;display:flex;align-items:flex-start;gap:10px;min-height:92px;padding:14px;border:1px solid #d9e7f7;border-radius:16px;background:#fff;cursor:pointer;transition:.18s ease}.manual-category-cards label:hover{border-color:#93c5fd;transform:translateY(-1px)}.manual-category-cards label:has(input:checked){border-color:#1685f8;background:#f0f7ff;box-shadow:0 0 0 2px rgba(22,133,248,.11)}.manual-category-cards input{width:19px;height:19px;min-width:19px;margin:2px 0 0;accent-color:#1685f8}.manual-category-cards span{display:flex;flex-direction:column;gap:5px}.manual-category-cards b{color:#0f172a}.manual-category-cards small{color:#64748b;line-height:1.4}.manual-service-select-wrap{display:block;margin-bottom:12px}.manual-service-select-wrap select:disabled{opacity:.6;cursor:not-allowed}.manual-service-select-wrap>small{display:block;margin-top:6px;color:#64748b}.reservation-category.transfer{border-color:#bae6fd;background:linear-gradient(180deg,#f0f9ff 0,#fff 45%)}
@media(max-width:700px){.manual-category-cards{grid-template-columns:1fr}.manual-category-cards label{min-height:0;padding:13px;border-radius:14px}.fuel-zero-note{font-size:12px}}
.phone-input-row{display:grid;grid-template-columns:118px minmax(0,1fr);gap:9px;align-items:center;width:100%}.phone-input-row select,.phone-input-row input{margin:0;min-width:0}.phone-input-row select{width:118px;padding-left:10px;padding-right:8px;font-weight:750}.phone-input-row input{width:100%}.guest-contact-settings{margin-top:18px;padding:16px;border:1px solid #dbeafe;border-radius:14px;background:#f8fbff}.guest-contact-settings h3{margin:0 0 4px}.guest-contact-settings .field-help{margin:0 0 12px}@media(max-width:640px){.phone-input-row{grid-template-columns:112px minmax(0,1fr);gap:7px}.phone-input-row select{width:112px;padding-left:8px;padding-right:6px}.phone-input-row input{font-size:16px}}@media(max-width:380px){.phone-input-row{grid-template-columns:104px minmax(0,1fr)}.phone-input-row select{width:104px;font-size:13px}}

/* V52 clickable public offer contacts */
.public-contact-card{margin-top:20px;padding:16px;border:1px solid #dbe5f0;border-radius:16px;background:#fff;text-align:left}.public-contact-title{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#64748b;margin-bottom:10px}.public-contact-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.public-contact-link{display:flex;align-items:center;gap:10px;min-width:0;padding:12px 14px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;color:#0f172a;text-decoration:none;transition:.15s ease}.public-contact-link:hover{border-color:#93c5fd;background:#eff6ff;transform:translateY(-1px)}.public-contact-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:10px;background:#eaf2ff;font-size:18px}.public-contact-link span:last-child{min-width:0}.public-contact-link small{display:block;color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}.public-contact-link strong{display:block;overflow-wrap:anywhere;font-size:14px;line-height:1.25}.public-partner-contact{margin-top:16px}.public-partner-contact>h3{margin:0 0 6px;font-size:15px}@media(max-width:720px){.public-contact-links{grid-template-columns:1fr}.public-contact-link{min-height:58px}}

/* V53 - Google Places address autocomplete */
.pac-container{z-index:100000!important;border:1px solid #d8e5f2!important;border-radius:14px!important;box-shadow:0 16px 40px rgba(20,57,100,.16)!important;margin-top:5px!important;font-family:inherit!important;overflow:hidden!important}
.pac-item{padding:10px 12px!important;border-top:1px solid #edf2f7!important;font-size:13px!important;line-height:1.45!important;cursor:pointer!important}
.pac-item:first-child{border-top:0!important}.pac-item:hover{background:#f2f8ff!important}.pac-item-query{font-size:13px!important;color:#172b45!important}
.pac-icon{margin-top:2px!important}


/* V57 — reBOAT Crew marketplace */
.nav-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;margin-left:4px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;line-height:1}
.crew-register-shell .register-card{max-width:760px}.registration-kind-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.registration-kind-grid label{cursor:pointer}.registration-kind-grid input{position:absolute;opacity:0;pointer-events:none}.registration-kind-grid span{display:flex;min-height:92px;flex-direction:column;gap:5px;padding:14px;border:1px solid #dbe7f4;border-radius:15px;background:#fff;transition:.16s}.registration-kind-grid input:checked+span{border-color:#1685f8;background:#eef7ff;box-shadow:0 0 0 2px rgba(22,133,248,.12)}.registration-kind-grid b{font-size:15px;color:#0f172a}.registration-kind-grid small{color:#64748b;line-height:1.35}.crew-register-note{padding:12px 14px;margin:12px 0;border:1px solid #bae6fd;background:#f0f9ff;border-radius:12px;color:#334155}.hidden{display:none!important}
.employee-tabs{display:flex;gap:8px;margin:0 0 16px;padding:6px;background:#edf4fb;border-radius:14px;overflow:auto}.employee-tabs a{flex:1;min-width:120px;padding:11px 15px;text-align:center;border-radius:10px;text-decoration:none;color:#53657f;font-weight:800}.employee-tabs a.active{background:#fff;color:#014BC8;box-shadow:0 2px 10px rgba(30,64,175,.08)}.crew-access-chip{display:inline-flex;align-items:center;padding:9px 12px;border-radius:999px;background:#ecfdf3;color:#15803d;border:1px solid #bbf7d0;font-weight:800}.crew-find-card{margin-bottom:18px}.crew-area-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 16px}.crew-area-modes label{cursor:pointer}.crew-area-modes input{position:absolute;opacity:0}.crew-area-modes span{display:block;padding:10px 12px;text-align:center;border:1px solid #dce7f3;border-radius:12px;background:#fff;font-weight:750;color:#52647d}.crew-area-modes input:checked+span{background:#eaf5ff;border-color:#1685f8;color:#0b6dd8}.crew-work-map{width:100%;height:360px;margin:14px 0;border:1px solid #d7e5f3;border-radius:18px;overflow:hidden;background:#eef7ff}.crew-results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.crew-result-card{min-width:0}.crew-result-head{display:flex;gap:13px;align-items:center}.crew-result-avatar,.crew-public-photo,.crew-avatar-preview{display:grid;place-items:center;overflow:hidden;background:#eaf4ff;color:#014BC8;font-weight:900}.crew-result-avatar{width:68px;height:68px;min-width:68px;border-radius:18px;font-size:23px}.crew-result-avatar img,.crew-public-photo img,.crew-avatar-preview img{width:100%;height:100%;object-fit:cover}.crew-result-head h2{margin:2px 0 6px}.crew-chips{display:flex;flex-wrap:wrap;gap:6px}.crew-chips span{padding:5px 8px;border-radius:999px;background:#f1f5f9;color:#53657a;font-size:11px;font-weight:750}.crew-experience-summary{color:#475569;line-height:1.45}.crew-card-actions{display:flex;flex-wrap:wrap;gap:7px}.locked-contact{display:inline-flex;align-items:center;padding:8px 10px;border-radius:10px;background:#f8fafc;border:1px dashed #cbd5e1;color:#64748b;font-size:12px;font-weight:800}.crew-request-compose{margin-top:12px;border-top:1px solid #e5edf6;padding-top:12px}.crew-request-compose summary{cursor:pointer;color:#014BC8;font-weight:800;margin-bottom:12px}.crew-dashboard{max-width:1180px;margin:auto}.crew-profile-form{margin-bottom:18px}.crew-profile-top{display:flex;align-items:center;gap:13px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid #e5edf5}.crew-profile-top>div:last-child{display:flex;flex-direction:column;gap:4px;min-width:0}.crew-profile-top small{color:#64748b;overflow-wrap:anywhere}.crew-avatar-editor{display:flex;align-items:center;gap:10px}.crew-avatar-preview{width:82px;height:82px;border-radius:22px;font-size:26px}.crew-availability-switch{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0;padding:14px;border:1px solid #d9e7f2;border-radius:14px;background:#f8fbff}.crew-availability-switch label{display:flex;align-items:center;gap:10px;margin:0}.crew-availability-switch input{width:21px;height:21px;accent-color:#16a34a}.crew-availability-switch span{display:flex;flex-direction:column;gap:3px}.crew-availability-switch small{color:#64748b}.crew-work-map-section{margin:20px 0;padding-top:18px;border-top:1px solid #e7edf5}.crew-exp-add{display:grid;grid-template-columns:2fr .7fr .7fr 2fr auto;gap:8px;align-items:end}.crew-exp-list{display:flex;flex-direction:column;gap:8px;margin-top:14px}.crew-exp-list>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid #e1e9f2;border-radius:12px}.crew-exp-list>div>div,.crew-exp-list>div:not(:has(form)){display:flex;flex-direction:column;gap:3px}.crew-exp-list span,.crew-exp-list small{color:#64748b}.crew-public-page{max-width:1080px;margin:auto}.crew-public-hero{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;align-items:center}.crew-public-photo{width:150px;height:150px;border-radius:30px;font-size:44px}.crew-public-hero h1{margin:4px 0 8px;font-size:36px}.crew-public-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:14px;margin-top:14px}.crew-info-list{display:flex;flex-direction:column;gap:10px}.crew-info-list>div{display:flex;justify-content:space-between;gap:14px;padding-bottom:9px;border-bottom:1px solid #eef2f7}.crew-info-list span{color:#64748b}.crew-public-availability{margin-top:14px}.availability-bars{display:flex;flex-wrap:wrap;gap:8px}.availability-bars span{padding:9px 11px;border-radius:999px;background:#ecfdf3;border:1px solid #bbf7d0;color:#166534;font-weight:800}.crew-availability-list{display:flex;flex-direction:column;gap:10px}.crew-availability-list>div{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,2fr) auto;gap:10px;align-items:center;padding:12px 14px;border:1px solid #dcfce7;border-radius:13px;background:#f0fdf4}.availability-green{color:#16a34a}.crew-request-list{display:flex;flex-direction:column;gap:12px}.crew-request-card.is-new{border-color:#93c5fd;box-shadow:0 0 0 2px rgba(22,133,248,.07)}.crew-request-head{display:flex;justify-content:space-between;gap:10px}.crew-request-head h2{margin:3px 0}.crew-request-head>span{color:#64748b;font-size:12px}.crew-request-meta{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.crew-request-meta span{padding:6px 9px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:12px}.crew-request-actions{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
@media(max-width:850px){.registration-kind-grid,.crew-area-modes{grid-template-columns:repeat(2,minmax(0,1fr))}.crew-results-grid,.crew-public-grid{grid-template-columns:1fr}.crew-exp-add{grid-template-columns:1fr 1fr}.crew-exp-add input:first-of-type,.crew-exp-add input:nth-of-type(4),.crew-exp-add button{grid-column:1/-1}.crew-public-hero{grid-template-columns:110px 1fr}.crew-public-photo{width:110px;height:110px}.crew-public-hero h1{font-size:28px}}
@media(max-width:600px){.registration-kind-grid,.crew-area-modes{grid-template-columns:1fr 1fr}.crew-work-map{height:300px}.crew-profile-top,.crew-availability-switch{align-items:stretch;flex-direction:column}.crew-avatar-editor{justify-content:space-between}.crew-public-hero{grid-template-columns:1fr;text-align:center}.crew-public-photo{margin:auto}.crew-public-hero .crew-chips{justify-content:center}.crew-availability-list>div{grid-template-columns:auto 1fr}.crew-availability-list small,.crew-availability-list form{grid-column:2}.crew-request-head{flex-direction:column}}
.crew-my-team{margin-bottom:16px}.crew-member-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;max-width:650px}.crew-member-list{display:flex;flex-direction:column;gap:8px;margin-top:14px}.crew-member-list>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px;border:1px solid #e1e9f2;border-radius:13px}.crew-member-list>div>div:nth-child(2){display:flex;flex-direction:column;gap:2px}.crew-member-list small{color:#64748b}.crew-result-avatar.small{width:44px;height:44px;min-width:44px;border-radius:12px;font-size:16px}@media(max-width:620px){.crew-member-add{grid-template-columns:1fr}.crew-member-list>div{grid-template-columns:auto 1fr}.crew-member-list>div>a,.crew-member-list>div>form{grid-column:2}.crew-member-list>div>a,.crew-member-list>div>form .btn{width:100%}}

/* V58 Crew marketplace */
.sticky-employee-tabs{position:sticky;top:72px;z-index:25;box-shadow:0 8px 20px rgba(36,62,91,.06)}
.crew-member-add-v58{display:grid;grid-template-columns:minmax(220px,1.3fr) minmax(180px,1fr) auto auto;gap:10px;align-items:center}.crew-member-add-v58 .check{margin:0}.crew-member-v58{display:grid!important;grid-template-columns:auto minmax(220px,1fr) minmax(330px,1.5fr) auto;align-items:center!important}.crew-member-inline-settings{display:flex;gap:8px;align-items:center}.crew-member-inline-settings select{min-width:160px}.check.compact{margin:0;white-space:nowrap}.crew-map-selection-summary{padding:11px 13px;border-radius:12px;background:#eaf5ff;color:#0b6dd8;font-weight:800;margin-bottom:10px}.crew-find-card input[type=range]{width:min(480px,100%);margin-right:12px}.crew-blurred-surname{filter:blur(5px);user-select:none;display:inline-block;opacity:.72}.crew-locked-result{position:relative;overflow:hidden}.crew-paywall-overlay{margin-top:14px;padding:13px;border:1px solid #cfe3f8;border-radius:14px;background:linear-gradient(135deg,#f8fbff,#edf6ff);display:flex;flex-direction:column;gap:7px}.crew-paywall-overlay span{color:#64748b;font-size:12px}.crew-access-modal{position:fixed;inset:0;z-index:1200;background:rgba(14,30,49,.48);backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px}.crew-access-modal-card{position:relative;width:min(470px,100%);background:#fff;border-radius:24px;padding:28px;box-shadow:0 30px 80px rgba(15,23,42,.24);display:flex;flex-direction:column;gap:12px}.crew-access-modal-card h2,.crew-access-modal-card p{margin:0}.crew-access-modal-card>strong{font-size:25px;color:#014BC8}.crew-modal-close{position:absolute;right:14px;top:12px;border:0;background:#eef4f9;color:#52647d;width:34px;height:34px;border-radius:50%;font-size:22px}.crew-marketplace-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.crew-mini-result{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid #e1eaf3;border-radius:14px;background:#fff}.crew-mini-result>div:nth-child(2){display:flex;flex-direction:column;gap:3px}.crew-mini-result small{color:#64748b}.crew-readonly-calendar .calendar-toolbar{margin-bottom:14px}.crew-res-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.crew-res-day{min-height:105px;border:1px solid #e1e8f0;border-radius:12px;padding:8px;background:#f8fafc}.crew-res-day.has-bookings{background:#eff7ff;border-color:#b9daf7}.crew-res-item{margin-top:7px;padding:7px;border-radius:9px;background:#fff;display:flex;flex-direction:column;gap:2px;font-size:11px;box-shadow:0 1px 4px rgba(30,64,175,.05)}.crew-res-item strong{font-size:12px}.crew-res-item small{color:#64748b}
@media(max-width:900px){.crew-member-add-v58,.crew-member-v58{grid-template-columns:1fr}.crew-member-inline-settings{flex-wrap:wrap}.crew-marketplace-mini-grid{grid-template-columns:1fr}.crew-res-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sticky-employee-tabs{top:58px}}

/* V59 crew marketplace privacy + geographic selection */
.crew-blurred-surname,.crew-blurred-experience{display:inline-block;filter:blur(5px);user-select:none;pointer-events:none}.crew-experience-years{filter:none!important;color:#475569;font-weight:750}.crew-map-selection-summary{margin:10px 0;padding:10px 12px;border:1px solid #bbf7d0;border-radius:12px;background:#f0fdf4;color:#166534;font-weight:800}.crew-work-map{box-shadow:inset 0 0 0 1px rgba(22,163,74,.06)}.crew-find-card input[type=range],.crew-work-map-section input[type=range]{accent-color:#16a36a}.crew-work-map-section .crew-area-modes input:checked+span,.crew-find-card .crew-area-modes input:checked+span{background:#ecfdf3;border-color:#16a36a;color:#15803d}

/* V61 — Crew radius search + collapsible employee forms */
.crew-add-accordion{border:0;padding:0;margin:0}.crew-add-accordion>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:4px 0}.crew-add-accordion>summary::-webkit-details-marker{display:none}.crew-add-accordion>summary>span:first-child{display:flex;flex-direction:column;gap:3px}.crew-add-accordion>summary b{font-size:20px;color:#17233a}.crew-add-accordion>summary small{color:#6d7d98}.crew-accordion-chevron{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#edf5ff;color:#014BC8;font-size:22px;font-weight:900;transition:.18s ease}.crew-add-accordion[open] .crew-accordion-chevron{transform:rotate(180deg)}.crew-add-accordion-body{padding-top:18px;margin-top:14px;border-top:1px solid #e5edf6}.crew-add-accordion-body .crew-member-add-v60{max-width:none;display:block}.crew-add-accordion-body .form-grid{margin-bottom:14px}.crew-owner-radius{margin:16px 0;padding:14px;border:1px solid #dbe8f7;border-radius:16px;background:#f8fbff}.crew-radius-search-btn{margin-top:14px;min-height:48px;font-weight:850}.crew-map-selection-summary{border-color:#cfe1f5!important;background:#eef6ff!important;color:#0b6dd8!important}.crew-find-card input[type=range],.crew-work-map-section input[type=range],.crew-owner-radius input[type=range]{accent-color:#16a36a}.booker-create-card .crew-add-accordion-body{padding-top:18px}.booker-create-card{overflow:visible}.crew-find-card form{display:block}.crew-find-card label{max-width:620px}.crew-find-card .crew-work-map{width:100%}
@media(max-width:760px){.crew-add-accordion>summary{align-items:flex-start}.crew-add-accordion>summary b{font-size:18px}.crew-add-accordion-body{padding-top:14px}.crew-owner-radius{padding:12px}.crew-find-card{padding:16px}.crew-find-card .crew-work-map{height:300px}.crew-radius-search-btn{width:100%}.crew-member-v58{gap:12px}.crew-member-inline-settings{display:grid;grid-template-columns:1fr}.crew-member-inline-settings select,.crew-member-inline-settings .btn{width:100%;min-width:0}.booker-create-card .avatar-capable-form .form-grid.two,.crew-add-accordion-body .form-grid.two{grid-template-columns:1fr}}

/* V62 unified employee cards */
.employee-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0 20px}.crew-action-card{padding:0;overflow:visible}.crew-action-card>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:18px}.crew-action-card>summary::-webkit-details-marker{display:none}.crew-action-card>summary>span:last-child{display:flex;flex-direction:column;gap:3px;min-width:0}.crew-action-card>summary b{font-size:18px;color:#17233a}.crew-action-card>summary small{color:#6d7d98;line-height:1.35}.employee-action-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:#eef6ff;color:#014BC8;font-weight:900;font-size:20px}.crew-action-card[open]>summary{border-bottom:1px solid #e6edf5}.crew-action-card>.crew-add-accordion-body{padding:18px;margin:0;border:0}.employee-action-grid>.crew-action-card[open]{grid-column:1/-1}.crew-boat-picker{margin:16px 0;padding:14px;border:1px solid #dce8f4;border-radius:14px}.crew-boat-picker legend{padding:0 7px;font-weight:800}.crew-action-card .crew-member-list{margin-top:14px}.crew-action-card .crew-work-map{height:360px}.crew-action-card input[type=range]{accent-color:#16a36a}
@media(max-width:900px){.employee-action-grid{grid-template-columns:1fr}.employee-action-grid>.crew-action-card[open]{grid-column:auto}.crew-action-card .crew-work-map{height:320px}}
@media(max-width:600px){.crew-action-card>summary{padding:15px}.crew-action-card>.crew-add-accordion-body{padding:14px}.employee-action-icon{width:38px;height:38px;flex-basis:38px}.crew-action-card .crew-work-map{height:285px}.crew-boat-picker .permission-grid{grid-template-columns:1fr}}

/* V63 unified Booker employee cards */
.booker-action-grid .booker-add-action>summary{padding:18px}
.booker-action-grid .booker-add-action>.crew-add-accordion-body{padding:18px;margin:0;border:0}
.booker-action-grid .booker-cards{margin-top:16px}
.booker-owned-list-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:22px 0 10px;padding-top:18px;border-top:1px solid #e5edf6}
.booker-owned-list-head h3{margin:0;color:#17233a;font-size:18px}.booker-owned-list-head small{color:#6d7d98}
@media(max-width:760px){.booker-owned-list-head{display:block}.booker-owned-list-head small{display:block;margin-top:4px}.booker-action-grid .booker-cards{margin-top:12px}}


/* V64 marketplace contact cards */
.crew-results-grid,.crew-marketplace-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.crew-market-card{display:flex;flex-direction:column;gap:16px;padding:17px;border:1px solid #dfe9f3;border-radius:18px;background:#fff;box-shadow:0 7px 22px rgba(31,76,122,.05)}.crew-market-main{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:start}.crew-market-avatar{width:76px;height:76px;border-radius:18px;background:#eaf4ff;display:grid;place-items:center;overflow:hidden;color:#014BC8;font-weight:900;font-size:24px}.crew-market-avatar img{width:100%;height:100%;object-fit:cover}.crew-market-copy{min-width:0}.crew-market-copy h3{font-size:19px;line-height:1.2;margin:2px 0 12px;color:#17233a}.crew-market-exp{padding-top:10px;border-top:1px solid #edf2f7;color:#475569;line-height:1.55}.crew-market-label{display:block;margin-bottom:5px;color:#8090a6;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.crew-market-contact{padding-top:13px;border-top:1px solid #edf2f7}.crew-contact-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.crew-contact-buttons .btn{width:100%;min-width:0;margin:0}.crew-locked-result .crew-contact-buttons .btn::before{content:"🔒";font-size:11px;margin-right:4px}.crew-blurred-experience{max-width:180px;vertical-align:middle}.crew-experience-years{white-space:nowrap}@media(max-width:900px){.crew-results-grid,.crew-marketplace-mini-grid{grid-template-columns:1fr}}@media(max-width:520px){.crew-market-card{padding:14px;border-radius:16px}.crew-market-main{grid-template-columns:62px minmax(0,1fr);gap:11px}.crew-market-avatar{width:62px;height:62px;border-radius:15px}.crew-market-copy h3{font-size:17px}.crew-contact-buttons{grid-template-columns:1fr}.crew-contact-buttons .btn{min-height:44px}}

/* V66 crew employee management */
.crew-member-managed{grid-template-columns:auto minmax(220px,1fr) auto!important;gap:14px}.crew-member-info{display:flex;flex-direction:column;gap:3px;min-width:0}.crew-member-info small{color:#64748b}.crew-member-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.crew-member-actions>form{margin:0}.crew-inline-edit{position:relative}.crew-inline-edit>summary{list-style:none;cursor:pointer}.crew-inline-edit>summary::-webkit-details-marker{display:none}.crew-inline-edit[open]>.crew-edit-member-form{display:block}.crew-edit-member-form{position:absolute;right:0;top:calc(100% + 8px);z-index:40;width:min(620px,calc(100vw - 40px));padding:18px;background:#fff;border:1px solid #dce8f3;border-radius:18px;box-shadow:0 20px 50px rgba(15,23,42,.18)}.crew-member-status.active{color:#15803d}.crew-member-status.pending{color:#b45309}.crew-member-status.blocked{color:#b91c1c;font-weight:800}.booker-avatar-picker.compact{margin-bottom:12px}
@media(max-width:900px){.crew-member-managed{grid-template-columns:auto 1fr!important}.crew-member-actions{grid-column:1/-1;justify-content:stretch}.crew-member-actions>form,.crew-member-actions>.crew-inline-edit{flex:1 1 160px}.crew-member-actions .btn,.crew-inline-edit>summary{width:100%;text-align:center}.crew-edit-member-form{position:fixed;left:12px;right:12px;top:74px;width:auto;max-height:calc(100vh - 90px);overflow:auto}.crew-member-managed .crew-result-avatar.small{align-self:start}}
@media(max-width:560px){.crew-member-managed{grid-template-columns:1fr!important}.crew-member-managed .crew-result-avatar.small{margin:auto}.crew-member-info{text-align:center}.crew-member-actions{display:grid;grid-template-columns:1fr}.crew-member-actions>form,.crew-member-actions>.crew-inline-edit{width:100%}.crew-edit-member-form{left:8px;right:8px;top:66px;padding:14px}}

/* V69 partner booking emphasis */
.reservation-detail-card.partner-reservation{border:2px solid #0ea5e9;box-shadow:0 10px 28px rgba(14,165,233,.14)}
.partner-booking-highlight{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:10px 16px;background:#e0f2fe;border-bottom:1px solid #7dd3fc;color:#0c4a6e;font-size:13px}.partner-booking-highlight b{letter-spacing:.04em}.partner-booking-highlight span{flex:1;min-width:180px}.partner-booking-highlight strong{background:#fff;border:1px solid #7dd3fc;border-radius:999px;padding:5px 10px}.partner-commission-step{border-color:#bae6fd;background:linear-gradient(180deg,#f0f9ff,#fff)}
@media(max-width:600px){.partner-booking-highlight{align-items:flex-start;flex-direction:column;gap:6px}.partner-booking-highlight strong{width:100%;box-sizing:border-box}}

/* V70 – partner bookers, payouts and split statistics */
.booker-partner-commission-list{margin-top:18px;padding-top:18px;border-top:1px solid #dbe7f3}.booker-partner-head{margin-bottom:12px}.booker-partner-head h3{margin:3px 0 5px}.booker-partner-head p{margin:0;color:#64748b;font-size:13px}.booker-month-row.partner-only{background:#f8fbff;border-color:#bfdbfe}.partner-payout-lock,.partner-readonly-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:7px 10px;background:#eef2ff;border:1px solid #c7d2fe;color:#3730a3;font-size:12px;font-weight:800;white-space:nowrap}.external-partner-bookers{margin-top:22px}.external-booker-list{display:grid;gap:14px}.external-booker-card{border:1px solid #d7e4f0;border-radius:16px;padding:16px;background:#fff}.external-booker-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.external-booker-head>div{display:flex;align-items:center;gap:10px}.external-booker-head small{display:block;color:#64748b;margin-top:2px}.booker-month-row.partner-external{background:#f0f9ff;border-color:#bae6fd}.partner-booker-stats-table{overflow:auto;border:1px solid #dbe7f3;border-radius:14px}.partner-booker-stats-row{display:grid;grid-template-columns:minmax(190px,1.4fr) minmax(170px,1.2fr) 100px 130px 130px 130px;gap:12px;align-items:center;min-width:900px;padding:12px 14px;border-bottom:1px solid #e5edf5}.partner-booker-stats-row:last-child{border-bottom:0}.partner-booker-stats-row.head{background:#f8fafc;color:#64748b;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.partner-booker-stats-row span:first-child small{display:block;color:#64748b;font-size:11px;margin-top:3px}.analytics-chart-legend{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:4px 0 10px;font-size:13px;font-weight:700;color:#475569}.analytics-chart-legend span{display:inline-flex;align-items:center;gap:7px}.analytics-chart-legend i{width:24px;height:4px;border-radius:99px;display:inline-block}.analytics-chart-legend .own i{background:#014BC8}.analytics-chart-legend .partner i{background:#f59e0b}.analytics-dual-chart .analytics-line.own{stroke:#014BC8}.analytics-dual-chart .analytics-line.partner{stroke:#f59e0b}.analytics-dual-chart .analytics-dot.own{fill:#014BC8}.analytics-dual-chart .analytics-dot.partner{fill:#f59e0b}.analytics-business-label{display:flex;align-items:center;gap:8px;margin:18px 0 8px;color:#0f3f7a;font-size:13px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.analytics-business-label:before{content:'';width:7px;height:7px;border-radius:50%;background:#014BC8}
@media(max-width:760px){.external-booker-head{align-items:flex-start;flex-direction:column}.partner-readonly-badge{white-space:normal;text-align:center}.booker-month-row.partner-only,.booker-month-row.partner-external{grid-template-columns:1fr 1fr}.partner-payout-lock,.booker-month-row.partner-external .payout-open{grid-column:1/-1}.analytics-chart-legend{font-size:12px}}
/* V71: named partner statistics + receipt filters */
.partner-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.partner-detail-card{border:1px solid #dbe7f3;border-radius:16px;padding:15px;background:#fff}.partner-detail-head{padding-bottom:10px;border-bottom:1px solid #edf2f7;margin-bottom:10px}.partner-detail-head span{display:block;font-size:11px;font-weight:900;letter-spacing:.06em;color:#64748b}.partner-detail-head h3{margin:3px 0 0;font-size:19px}.partner-detail-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px}.partner-detail-metrics>div{border:1px solid #e5edf5;border-radius:12px;padding:10px;background:#f8fafc}.partner-detail-metrics span{display:block;color:#64748b;font-size:11px;margin-bottom:4px}.partner-detail-metrics b{font-size:15px}.receipts-filter-form{grid-template-columns:repeat(5,minmax(140px,1fr));align-items:end}.receipts-filter-form label{display:flex;flex-direction:column;gap:5px}.receipts-filter-form label>span{font-size:11px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.receipts-filter-form select,.receipts-filter-form input{margin:0}.receipts-filter-form .receipt-text-filter{grid-column:span 2}.receipt-business-scope{display:inline-flex;width:max-content;margin-top:5px;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:900}.receipt-business-scope.own{background:#eff6ff;color:#1d4ed8}.receipt-business-scope.partner{background:#fff7ed;color:#c2410c}
@media(max-width:1000px){.receipts-filter-form{grid-template-columns:repeat(3,minmax(140px,1fr))}.receipts-filter-form .receipt-text-filter{grid-column:span 2}}
@media(max-width:760px){.partner-detail-grid,.partner-detail-metrics,.receipts-filter-form{grid-template-columns:1fr}.receipts-filter-form .receipt-text-filter{grid-column:auto}}

/* V72 booking.reboat.app marketplace */
.booking-market-body{background:#f4f8fd}.booking-market-header{padding:12px max(3%,18px);background:rgba(255,255,255,.94)}.booking-market-logo{display:flex;align-items:baseline;gap:1px;font-size:27px;font-weight:950;letter-spacing:-1.5px;text-decoration:none;color:#17233a}.booking-market-logo>span,.booking-market-footer span{color:#014BC8}.booking-market-logo small{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#7a8ca3;margin-left:8px}.booking-market-main{width:min(1440px,94%);margin:0 auto 70px}.booking-market-hero{display:flex;justify-content:space-between;gap:35px;align-items:end;padding:54px 0 26px}.booking-market-hero h1{max-width:900px;margin:6px 0 12px;font-size:clamp(38px,5.4vw,72px);line-height:.98;letter-spacing:-3px}.booking-market-hero h1 em{font-style:normal;color:#014BC8}.booking-market-hero p{max-width:760px;margin:0;color:#687b93;font-size:17px;line-height:1.6}.booking-market-kicker{font-size:11px;letter-spacing:.14em;font-weight:950;color:#014BC8}.booking-market-trust{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.booking-market-trust span{background:#fff;border:1px solid #dce8f6;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:800;color:#50647c}.booking-search-shell{position:relative;z-index:5;background:#fff;border:1px solid #d8e7f7;border-radius:24px;padding:10px;box-shadow:0 20px 50px rgba(29,83,140,.13);margin-bottom:18px}.booking-search-main{display:grid;grid-template-columns:minmax(250px,1.5fr) .72fr .72fr .55fr auto;gap:7px}.booking-search-main label{margin:0;padding:8px 12px;border:1px solid transparent;border-radius:15px;background:#f8fbff}.booking-search-main label:focus-within{border-color:#b7d9ff;background:#fff}.booking-search-main label span{display:block;font-size:11px;color:#6a7b91;font-weight:850}.booking-search-main input{border:0;box-shadow:none;padding:5px 0 0;margin:0;background:transparent;font-size:15px}.booking-search-main button{border-radius:15px;padding:0 25px}.booking-search-tools{display:flex;align-items:center;gap:12px;padding:9px 6px 1px}.booking-search-tools button{padding:8px 12px;font-size:12px}.booking-search-tools label{display:flex;align-items:center;gap:7px;margin:0;font-size:12px}.booking-search-tools select{margin:0;padding:7px 28px 7px 9px;width:auto}.booking-search-tools>span{font-size:12px;color:#7a8ca3}.booking-type-chips{display:flex;gap:8px;overflow:auto;padding:2px 0 18px;scrollbar-width:none}.booking-type-chips a{white-space:nowrap;text-decoration:none;color:#566a82;background:#fff;border:1px solid #dce8f5;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:800}.booking-type-chips a.active{background:#014BC8;color:#fff;border-color:#014BC8}.booking-market-map-card{background:#fff;border:1px solid #dce8f5;border-radius:25px;padding:18px;box-shadow:0 12px 35px rgba(24,78,137,.07);margin-bottom:32px}.booking-market-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:8px 2px 15px}.booking-market-section-head h2{margin:3px 0 0;font-size:28px;letter-spacing:-.8px}.booking-map-legend{display:flex;align-items:center;gap:8px;color:#718299;font-size:12px}.booking-map-legend i{width:16px;height:20px;border-radius:10px 10px 12px 12px;background:#fff;border:3px solid #014BC8}.booking-map-legend strong{padding-left:8px;color:#30465f}.booking-market-map-card #booking-market-map{height:470px;border-radius:18px;overflow:hidden;background:#dcecff}.market-map-pop{display:grid;gap:7px;min-width:190px;padding:4px}.market-map-pop b{font-size:16px}.market-map-pop span{color:#6b7e95}.market-map-pop a{font-weight:850;text-decoration:none}.booking-results-section{margin-top:10px}.booking-results-section>.booking-market-section-head select{width:auto;margin:0}.booking-market-content{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px}.booking-market-filters{background:#fff;border:1px solid #dce8f5;border-radius:20px;padding:18px;height:max-content;position:sticky;top:80px}.booking-market-filters h3{margin:0 0 15px}.booking-market-filters input[type=range]{padding:0}.booking-market-filters label>span{display:block;margin-top:7px;color:#014BC8}.market-check{display:flex!important;gap:9px;align-items:center;margin-top:20px!important}.market-check input{width:auto;margin:0}.market-check span{margin:0!important;color:#42576f!important}.market-filter-note{font-size:12px;line-height:1.5;color:#7a8ca3;border-top:1px solid #edf2f7;margin-top:16px;padding-top:14px}.booking-market-results{display:grid;gap:14px}.booking-result-card{display:grid;grid-template-columns:250px minmax(0,1fr) 190px;background:#fff;border:1px solid #dce8f5;border-radius:22px;overflow:hidden;box-shadow:0 8px 26px rgba(27,78,135,.06);transition:.18s}.booking-result-card:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(27,78,135,.12)}.booking-result-card[hidden]{display:none}.booking-result-image{position:relative;min-height:200px;background:linear-gradient(135deg,#dcecff,#f4f9ff);overflow:hidden}.booking-result-image img,.booking-result-image>div{width:100%;height:100%;min-height:200px;object-fit:cover;display:grid;place-items:center;font-size:26px;font-weight:900;color:#014BC8}.booking-result-image>span{position:absolute;left:12px;bottom:12px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);padding:7px 10px;border-radius:999px;font-size:11px;font-weight:900;color:#24527f}.booking-result-body{padding:18px}.booking-result-operator{display:flex;align-items:center;justify-content:space-between;gap:10px}.booking-result-operator a{font-size:12px;font-weight:900;text-decoration:none;color:#014BC8}.booking-distance{font-size:11px;color:#6d8097}.booking-result-body h3{font-size:22px;margin:8px 0 6px}.booking-result-body p{color:#728299;font-size:13px;line-height:1.5;margin:0 0 13px}.booking-result-meta{display:flex;gap:8px;flex-wrap:wrap}.booking-result-meta span{background:#f5f9fe;border:1px solid #e3edf7;border-radius:9px;padding:6px 8px;font-size:11px;color:#53687e}.booking-result-meta .available{background:#eefbf5;border-color:#c7efde;color:#0b8a61}.booking-result-action{padding:18px;border-left:1px solid #edf2f7;display:flex;flex-direction:column;align-items:stretch;justify-content:center;text-align:right}.booking-result-action small{color:#8190a4}.booking-result-action strong{font-size:26px;margin:4px 0 14px}.booking-result-action .btn{font-size:12px}.booking-profile-link{text-align:center;font-size:11px;font-weight:800;text-decoration:none;margin-top:10px}.booking-no-results{background:#fff;border:1px dashed #cbdced;border-radius:20px;padding:35px;text-align:center;color:#6c7d92}.booking-no-results b{display:block;color:#24364d;font-size:20px}.booking-market-footer{text-align:center;color:#8695a9;padding:28px}.booking-market-footer b{color:#1c2d43}.booking-back{display:inline-block;margin:24px 0 14px;text-decoration:none;font-weight:850}.booking-operator-hero{display:grid;grid-template-columns:1.1fr .9fr;background:#fff;border:1px solid #dce8f5;border-radius:28px;overflow:hidden;box-shadow:0 14px 38px rgba(27,78,135,.08);margin-bottom:34px}.booking-operator-cover{height:430px;background:#eaf4ff}.booking-operator-cover img,.booking-operator-cover>div{width:100%;height:100%;object-fit:cover;display:grid;place-items:center;font-size:45px;font-weight:950;color:#014BC8}.booking-operator-info{padding:42px;display:flex;flex-direction:column;justify-content:center}.booking-operator-info h1{font-size:45px;letter-spacing:-1.8px;margin:8px 0}.booking-operator-info>p{color:#708198}.booking-operator-contact,.booking-operator-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.booking-operator-contact a,.booking-operator-badges span{padding:8px 10px;border-radius:10px;background:#f4f9ff;border:1px solid #dce9f7;text-decoration:none;font-size:12px;font-weight:800}.booking-operator-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.booking-operator-service{background:#fff;border:1px solid #dce8f5;border-radius:22px;overflow:hidden}.booking-operator-service>img,.booking-operator-service>.image-placeholder{width:100%;height:210px;object-fit:cover}.booking-operator-service>div:last-child{padding:17px}.booking-operator-service h3{font-size:20px;margin:9px 0 6px}.booking-operator-service p{font-size:13px;color:#728299;line-height:1.5}.booking-operator-price{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px}.booking-operator-price strong{font-size:24px}.booking-operator-price .btn{padding:10px 12px;font-size:12px}
@media(max-width:1050px){.booking-market-hero{display:block}.booking-market-trust{justify-content:flex-start;margin-top:18px}.booking-search-main{grid-template-columns:1.4fr 1fr 1fr}.booking-search-main label:nth-of-type(4){grid-column:auto}.booking-search-main button{min-height:50px}.booking-result-card{grid-template-columns:210px minmax(0,1fr)}.booking-result-action{grid-column:1/-1;border-left:0;border-top:1px solid #edf2f7;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;text-align:left}.booking-result-action strong{margin:0}.booking-profile-link{margin:0}.booking-operator-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.booking-market-main{width:min(100% - 24px,1440px)}.booking-market-header nav a:last-child{display:none}.booking-market-hero{padding-top:30px}.booking-market-hero h1{letter-spacing:-2px}.booking-search-main{grid-template-columns:1fr 1fr}.booking-search-main label:first-child{grid-column:1/-1}.booking-search-main button{grid-column:1/-1}.booking-search-tools{align-items:flex-start;flex-wrap:wrap}.booking-market-map-card{padding:10px}.booking-market-map-card #booking-market-map{height:390px}.booking-market-section-head{align-items:flex-start;flex-direction:column}.booking-map-legend{flex-wrap:wrap}.booking-market-content{grid-template-columns:1fr}.booking-market-filters{position:static}.booking-result-card{grid-template-columns:1fr}.booking-result-image{height:230px}.booking-result-action{grid-column:auto;grid-template-columns:1fr auto}.booking-profile-link{grid-column:1/-1}.booking-operator-hero{grid-template-columns:1fr}.booking-operator-cover{height:270px}.booking-operator-info{padding:25px}.booking-operator-info h1{font-size:35px}.booking-operator-grid{grid-template-columns:1fr}}
@media(max-width:460px){.booking-search-main{grid-template-columns:1fr}.booking-search-main label:first-child{grid-column:auto}.booking-result-action{grid-template-columns:1fr}.booking-result-action .btn{width:100%}}

/* V73 booking customer portal */
.booking-market-header nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.booking-nav-register{background:#014BC8;color:#fff!important;padding:9px 14px;border-radius:12px}.booking-available-dates{margin-top:13px;padding:12px 14px;background:#f3f8ff;border:1px solid #d8e9ff;border-radius:14px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.booking-available-dates b{width:100%;font-size:12px;color:#536b88}.booking-available-dates a{background:#fff;border:1px solid #bcd7fa;border-radius:10px;padding:6px 9px;font-weight:800;text-decoration:none;color:#1267c9}.booking-account-shell{max-width:560px;margin:48px auto;padding:0 18px}.booking-account-card{background:#fff;border:1px solid #dce8f6;border-radius:22px;padding:26px;box-shadow:0 18px 50px rgba(20,66,110,.08)}.booking-account-card h1,.booking-account-card h2{margin-top:8px}.booking-account-card form,.booking-account-card{display:grid;gap:15px}.booking-account-card label{display:grid;gap:7px;font-weight:750;color:#2c405c}.booking-account-card input,.booking-account-card select{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid #cfddeb;border-radius:12px;background:#fff;font:inherit}.booking-google-btn{display:block;text-align:center;border:1px solid #cbd8e8;border-radius:13px;padding:13px 15px;text-decoration:none;font-weight:850;color:#1f3551;background:#fff}.booking-auth-sep{display:flex;align-items:center;gap:12px;color:#8ba0b8;font-size:12px}.booking-auth-sep:before,.booking-auth-sep:after{content:"";height:1px;background:#e1eaf4;flex:1}.booking-auth-foot{text-align:center;color:#6b7f99}.booking-account-page{max-width:1180px;margin:28px auto;padding:0 18px}.booking-account-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.booking-account-tabs a{padding:10px 14px;border:1px solid #d7e4f2;border-radius:12px;text-decoration:none;color:#38506e;background:#fff;font-weight:750}.booking-account-tabs a.active{background:#014BC8;color:#fff;border-color:#014BC8}.booking-account-head{margin-bottom:22px}.booking-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.booking-my-reservations{display:grid;gap:13px}.booking-my-reservations article{display:flex;justify-content:space-between;gap:18px;align-items:center;background:#fff;border:1px solid #dce8f6;border-radius:18px;padding:18px 20px}.booking-my-reservations article>div:last-child{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.booking-status{padding:5px 9px;border-radius:999px;background:#eef4fb;font-size:12px;font-weight:800}.booking-status.confirmed{background:#e7f8ee;color:#167342}.booking-avatar-edit{display:flex;align-items:center;gap:14px}.booking-avatar-edit img,.booking-avatar-edit>span{width:74px;height:74px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#eaf3ff;font-size:28px;font-weight:900;color:#014BC8}.booking-avatar-edit label{font-size:13px}.booking-card-status{padding:12px 14px;border-radius:12px;background:#eef8f3;color:#176b46;font-weight:800}.booking-result-action .btn{white-space:nowrap}
@media(max-width:760px){.booking-market-header nav{gap:8px}.booking-market-header nav a{font-size:13px}.booking-profile-grid{grid-template-columns:1fr}.booking-my-reservations article{align-items:flex-start;flex-direction:column}.booking-my-reservations article>div:last-child{justify-content:flex-start}.booking-account-shell{margin:24px auto}.booking-account-card{padding:20px}}

/* V74 booking marketplace live search fixes */
.pac-container{z-index:2147483647!important;border:1px solid #dbe8f7!important;border-radius:14px!important;box-shadow:0 16px 42px rgba(18,59,103,.18)!important;margin-top:6px!important;font-family:inherit!important}
.pac-item{padding:10px 14px!important;font-size:14px!important;cursor:pointer!important}.pac-item:hover{background:#eef6ff!important}.pac-item-query{font-size:14px!important}
.booking-search-mode{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:0 2px 12px}.booking-search-mode>span{font-weight:800;color:#15243d}.booking-search-mode label{display:flex!important;align-items:center;gap:6px!important;margin:0!important;font-weight:700!important}.booking-search-mode input{width:auto!important;margin:0!important}
.booking-forgot-row{text-align:right;margin:-4px 0 10px}.booking-forgot-row a{font-weight:700;color:#014BC8;text-decoration:none}.booking-forgot-row a:hover{text-decoration:underline}
#market-date-to-wrap[hidden]{display:none!important}
.booking-type-chips a{cursor:pointer;user-select:none}
@media(max-width:760px){.booking-search-mode{padding:4px 0 12px}.booking-forgot-row{text-align:left}}

/* V75 booking marketplace UX */
.booking-mobile-menu{display:none;background:#fff;border:1px solid #d9e6f4;border-radius:12px;width:44px;height:44px;padding:10px;box-shadow:none}.booking-mobile-menu span{display:block;height:2px;background:#1e3550;border-radius:2px;margin:4px 0;transition:.18s}.booking-search-main{grid-template-columns:minmax(230px,1.45fr) minmax(150px,.72fr) .7fr .7fr .52fr auto}.booking-search-main select{border:0;box-shadow:none;padding:5px 24px 0 0;margin:0;background:transparent;font-size:15px;width:100%;color:#24364d}.booking-google-btn{display:flex;align-items:center;justify-content:center;gap:11px;min-height:48px}.google-g-logo{width:20px;height:20px;display:grid;place-items:center;font-weight:900;font-size:18px;font-family:Arial,sans-serif;background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 0 48%,#fbbc05 0 72%,#ea4335 0 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.booking-terms-check{grid-template-columns:auto 1fr!important;align-items:flex-start!important;gap:10px!important;font-size:13px!important;font-weight:600!important;color:#5b6f87!important}.booking-terms-check input{width:auto!important;margin:2px 0 0!important}.booking-terms-check span{line-height:1.45}.marketplace-visibility-settings{border:1px solid #d9e7f5;background:#f8fbff;border-radius:18px;padding:16px;margin:4px 0 16px}.marketplace-settings-head{display:grid;gap:10px}.marketplace-settings-head h3{margin:3px 0 2px}.marketplace-master-toggle{display:flex!important;align-items:center;gap:10px;background:#fff;border:1px solid #d9e7f5;border-radius:12px;padding:12px 13px}.marketplace-master-toggle input{width:auto;margin:0}.marketplace-blackout-picker{margin-top:14px}.marketplace-blackout-picker .blackout-calendar{background:#fff;border-radius:14px;padding:10px}.marketplace-blackout-picker .blackout-day.selected{background:#e84455!important;color:#fff!important;border-color:#e84455!important}.marketplace-blackout-picker .blackout-day.empty{pointer-events:none;background:transparent;border-color:transparent}.marketplace-blackout-picker .blackout-weekday{text-align:center;font-size:11px;font-weight:850;color:#7b8da3;padding:6px 2px}
@media(max-width:1050px){.booking-search-main{grid-template-columns:1.35fr 1fr 1fr}.booking-search-main button{grid-column:auto}}
@media(max-width:760px){.booking-market-header{position:relative;display:flex;align-items:center;justify-content:space-between;z-index:40}.booking-mobile-menu{display:block}.booking-market-header nav{display:none;position:absolute;top:calc(100% + 6px);right:14px;left:14px;background:#fff;border:1px solid #d9e6f4;border-radius:16px;padding:10px;box-shadow:0 18px 44px rgba(28,72,118,.18);z-index:50}.booking-market-header nav.open{display:grid}.booking-market-header nav a{display:block;padding:11px 12px;border-radius:10px}.booking-market-header nav a:last-child{display:block}.booking-mobile-menu.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.booking-mobile-menu.open span:nth-child(2){opacity:0}.booking-mobile-menu.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.booking-search-main{grid-template-columns:1fr 1fr}.booking-search-main .booking-location-field{grid-column:1/-1}.booking-search-main label:nth-child(2){grid-column:1/-1}.booking-search-main button{grid-column:1/-1}.booking-search-tools{display:grid;grid-template-columns:1fr 1fr}.booking-search-tools>span{grid-column:1/-1}.booking-search-tools button{width:100%}.booking-search-tools label{justify-content:space-between}.booking-market-hero{padding-bottom:18px}.booking-type-chips{padding-top:2px}}
.google-g-logo{width:18px;height:18px;flex:0 0 18px;background:none!important;color:inherit!important}

/* V76 booking marketplace UX + reviews */
.market-location-pin{width:15px;height:15px;vertical-align:-3px;color:#014BC8}.booking-location-field input{width:100%!important}.market-sort-block{display:flex;align-items:center;gap:9px}.market-sort-block>span{font-size:11px;font-weight:900;color:#72849a;text-transform:uppercase;letter-spacing:.08em}.market-sort-block select{min-width:190px}.market-map-pop{min-width:230px!important;padding:8px 5px 5px!important}.market-pop-logo{font-weight:950;font-size:12px;color:#182c47;letter-spacing:-.3px}.market-pop-logo span{color:#014BC8!important}.market-map-pop b{font-size:17px!important;color:#1b304b}.market-map-pop small{display:block;color:#73869d;line-height:1.4;max-width:240px}.market-pop-stats{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0}.market-pop-stats span{font-size:11px!important;background:#eef6ff;color:#305777!important;padding:5px 7px;border-radius:8px;font-weight:800}.market-map-pop a{display:block;background:#014BC8;color:#fff!important;border-radius:9px;padding:9px 11px;text-align:center;margin-top:4px}.booking-market-filters label{display:grid;gap:5px;margin:0 0 14px;font-size:12px;font-weight:800;color:#435a73}.booking-market-filters select,.booking-market-filters input:not([type=checkbox]):not([type=range]){margin:0;padding:9px 10px;font-size:13px}.marketplace-review-link{margin-top:12px}.review-booking-link{display:inline-block;margin-top:6px;font-weight:850;color:#014BC8;text-decoration:none}.public-reviews{margin:26px 0;background:#fff;border:1px solid #dce8f5;border-radius:22px;padding:20px}.public-reviews-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px}.public-reviews-head h2{margin:3px 0}.review-average{text-align:right}.review-average b{display:block;font-size:24px;color:#f1a600}.review-average span{font-size:12px;color:#708299}.review-list{display:grid;gap:12px}.review-card{border:1px solid #e2ebf5;border-radius:16px;padding:15px}.review-card-top{display:flex;justify-content:space-between;gap:12px}.review-author{display:flex;align-items:center;gap:9px}.review-author img,.review-author>span{width:38px;height:38px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#eaf4ff;color:#014BC8;font-weight:900}.review-author small{display:block;color:#8998aa}.review-stars{color:#f2a800;font-size:18px;letter-spacing:1px}.review-thumbs{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.review-thumbs button{padding:0;border:0;background:none}.review-thumbs img{width:72px;height:56px;border-radius:9px;object-fit:cover;border:1px solid #dce8f5}.review-owner-reply{margin-top:12px;background:#f4f9ff;border-left:3px solid #014BC8;border-radius:10px;padding:10px 12px}.review-owner-reply p{margin:4px 0 0}.review-lightbox[hidden]{display:none}.review-lightbox{position:fixed;inset:0;background:rgba(8,18,31,.9);z-index:99999;display:grid;grid-template-columns:60px minmax(0,1000px) 60px;align-items:center;justify-content:center;padding:30px}.review-lightbox img{max-width:100%;max-height:88vh;margin:auto;border-radius:12px}.review-lightbox button{background:rgba(255,255,255,.15);color:#fff;border:0;border-radius:50%;width:48px;height:48px;font-size:30px}.review-lightbox .review-close{position:absolute;right:18px;top:18px}.review-form-card{max-width:650px!important}.star-input{direction:rtl;display:flex;justify-content:flex-end;gap:4px;margin:8px 0 18px}.star-input input{display:none}.star-input label{font-size:36px;color:#ccd8e5;cursor:pointer}.star-input input:checked~label,.star-input label:hover,.star-input label:hover~label{color:#f2aa00}.review-dropzone{border:2px dashed #bfd6ee!important;border-radius:14px!important;padding:24px!important;text-align:center!important;background:#f8fbff!important;cursor:pointer}.review-dropzone input{margin-top:12px}.review-dropzone.dragging{border-color:#014BC8!important;background:#eef6ff!important}.review-upload-list{display:grid;gap:7px;margin:10px 0}.review-upload-list>div{display:grid;grid-template-columns:1fr 120px 45px;align-items:center;gap:8px;font-size:12px}.review-upload-list div div{height:7px;background:#e4edf7;border-radius:8px;overflow:hidden}.review-upload-list i{display:block;width:100%;height:100%;background:#014BC8}.review-admin-list{display:grid;gap:12px}.review-admin-head{display:flex;justify-content:space-between;gap:10px}.review-admin-head span{display:block;color:#72849a;font-size:12px}.review-admin-owner-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.review-admin-owner-list a{padding:12px;border:1px solid #dce8f5;border-radius:12px;text-decoration:none;font-weight:800}.review-settings{margin-bottom:14px}
@media(max-width:760px){.booking-market-header nav{top:64px;right:10px;left:10px;border-radius:20px;padding:8px;box-shadow:0 22px 55px rgba(20,60,104,.24)}.booking-market-header nav.open{display:block}.booking-market-header nav a{padding:14px 15px;border-bottom:1px solid #eef3f8;border-radius:12px;font-weight:850;font-size:15px}.booking-market-header nav a:last-child{border-bottom:0}.booking-market-header nav a:hover{background:#f3f8fe}.booking-location-field{width:100%;grid-column:1/-1!important}.booking-location-field input{font-size:16px!important}.booking-search-main{grid-template-columns:1fr!important}.booking-search-main label,.booking-search-main button{grid-column:1/-1!important}.pac-container{max-width:calc(100vw - 24px)!important;z-index:99999!important}.market-sort-block{width:100%;justify-content:space-between}.market-sort-block select{flex:1;min-width:0}.public-reviews-head{align-items:flex-start}.review-lightbox{grid-template-columns:44px minmax(0,1fr) 44px;padding:12px}.review-lightbox button{width:40px;height:40px}.review-upload-list>div{grid-template-columns:1fr 80px 40px}}


/* V77 marketplace result states, tenant rating/profile and registration polish */
.booking-market-results{align-self:start;grid-auto-rows:max-content;align-content:start}.booking-result-card{height:auto;align-self:start}.market-client-no-results{grid-column:1/-1}.market-client-no-results[hidden]{display:none!important}
.tenant-business-identity{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.tenant-rating-summary{display:inline-flex;align-items:center;gap:8px;margin-top:5px;text-decoration:none;color:#536b84;font-size:12px;font-weight:800}.tenant-rating-stars{display:inline-flex;gap:1px;font-size:17px;line-height:1}.tenant-rating-stars .filled,.review-summary-stars .filled{color:#f2a800}.tenant-rating-stars .empty,.review-summary-stars .empty{color:#d4dee9}.tenant-rating-summary strong{color:#213a57;font-size:13px}.tenant-rating-summary small{color:#7b8da2}.review-summary-stars{display:flex;justify-content:flex-end;gap:1px;font-size:20px}.reviews-empty-state{text-align:center;padding:28px 12px;border:1px dashed #d4e1ee;border-radius:16px;background:#f9fbfe}.reviews-empty-state .all-empty{color:#cbd7e4;font-size:24px}.reviews-empty-state b{display:block;color:#29415c;margin-top:5px}.reviews-empty-state p{margin:5px 0 0;color:#7b8ca0;font-size:13px}
.public-contact-card{margin-top:24px}.public-contact-icon .public-map-pin,.pickup-map-button .public-map-pin{width:17px;height:17px;vertical-align:-4px;color:#014BC8}.pickup-map-button{display:inline-flex!important;align-items:center;gap:6px}
.owner-trial-note{margin:12px 0;padding:13px 15px;border:1px solid #bfe0ff;border-radius:13px;background:#eef7ff;color:#325674}.owner-trial-note b{color:#014BC8}.landing-booking-marketplace{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:30px 0;padding:28px 32px;border:1px solid #cfe3f7;border-radius:24px;background:linear-gradient(135deg,#f7fbff,#eef7ff)}.landing-booking-marketplace h2{margin:4px 0 8px;font-size:clamp(25px,3vw,38px)}.landing-booking-marketplace p{margin:0;max-width:850px;color:#637890;line-height:1.6}.landing-booking-marketplace .btn{white-space:nowrap}
@media(max-width:760px){.register-benefits{display:none!important}.crew-register-shell .registration-kind-grid label{scroll-margin-top:86px}.crew-register-shell .form-grid{scroll-margin-top:86px}.landing-booking-marketplace{align-items:flex-start;flex-direction:column;padding:22px 18px}.landing-booking-marketplace .btn{width:100%;text-align:center}.tenant-brand-head{align-items:flex-start}.tenant-rating-summary{flex-wrap:wrap}.booking-result-card{min-height:0!important}.booking-result-body{min-height:0}}
/* V78 marketplace/admin/registration polish */
.registration-choice-head{margin-bottom:16px}.registration-choice-head h2{margin:5px 0 4px;font-size:24px;color:#10213d}.registration-choice-head p{margin:0;color:#71839a;font-size:13px}.registration-kind-grid em{display:inline-flex;width:max-content;margin-top:auto;padding:5px 8px;border-radius:999px;background:#e9f8f1;color:#087859;font-style:normal;font-size:10px;font-weight:900}.registration-kind-grid input:checked+span em{background:#dff2ff;color:#0967c7}
.landing-booking-showcase{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);padding:20px;gap:34px;align-items:center}.landing-booking-visual{border-radius:20px;overflow:hidden;background:#fff;border:1px solid #dbe9f7;box-shadow:0 14px 35px rgba(29,82,139,.09)}.landing-booking-visual img{display:block;width:100%;height:auto}.landing-booking-copy{padding:14px 16px 14px 0}.landing-booking-points{display:grid;gap:7px;margin:15px 0 20px;color:#46627e;font-size:13px;font-weight:750}.landing-booking-cta{font-size:15px;padding:15px 20px}
.booking-map-legend{display:flex;align-items:center;gap:6px}.booking-map-legend strong{font-size:18px;color:#014BC8}.booking-map-legend span{font-weight:750;color:#6f8299}.booking-result-card{cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.booking-result-card:hover{transform:translateY(-1px);box-shadow:0 18px 42px rgba(27,78,135,.12);border-color:#c6def5}.booking-result-card:focus-visible{outline:3px solid rgba(22,119,255,.25);outline-offset:3px}.result-location{display:inline-flex!important;align-items:center;gap:4px}.result-location .public-map-pin{width:14px;height:14px;flex:0 0 14px}.result-rating{display:inline-flex!important;align-items:center;gap:5px}.result-rating-stars{color:#f2aa00;letter-spacing:.5px;font-size:13px}
.owner-review-admin-card{display:flex;align-items:center;justify-content:space-between;gap:20px}.owner-review-admin-card h2{margin:4px 0}.owner-review-admin-card p{margin:0;color:#6b7e94;line-height:1.55}.admin-customer-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:16px}.admin-customer-actions{display:grid;align-content:start;gap:10px}.admin-customer-actions form{margin:0}.admin-customer-search{margin-bottom:16px}.table-sub{display:block;color:#7c8ea2;margin-top:3px}.booking-admin-impersonation{position:relative;z-index:1001;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 14px;background:#10294c;color:#fff;font-size:12px}.booking-admin-impersonation a{color:#fff;text-decoration:underline;font-weight:800}
@media(max-width:760px){.landing-booking-showcase{grid-template-columns:1fr;padding:16px;gap:18px}.landing-booking-copy{padding:0 4px 4px}.landing-booking-cta{width:100%;text-align:center}.admin-customer-grid{grid-template-columns:1fr}.owner-review-admin-card{align-items:flex-start;flex-direction:column}.owner-review-admin-card .btn{width:100%;text-align:center}.registration-choice-head{text-align:left}.registration-choice-head h2{font-size:21px}}
/* V79 review admin / marketplace meta alignment */
.booking-result-meta span{display:inline-flex;align-items:center;justify-content:center;min-height:38px;text-align:center;line-height:1.25}.booking-result-meta .available{display:inline-flex;align-items:center;justify-content:center}.registration-kind-grid em{display:none!important}
.review-admin-page-head{margin-bottom:16px}.review-admin-dashboard{display:grid;grid-template-columns:minmax(230px,.45fr) minmax(0,1.55fr);gap:14px;margin-bottom:16px}.review-admin-summary{display:flex;flex-direction:column;justify-content:center}.review-admin-summary>span{font-size:11px;font-weight:900;color:#71849a;letter-spacing:.09em}.review-admin-summary>b{font-size:34px;color:#f2a800;margin:6px 0}.review-admin-summary>small{color:#74869b}.review-permissions .permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 14px}.review-admin-create{margin-bottom:18px}.review-admin-create h2{margin-top:0}.review-field-title{display:block;font-size:12px;font-weight:850;color:#405873;margin-top:10px}.modern-review-list{display:grid;gap:14px}.review-admin-item{border-radius:20px}.review-admin-stars{display:inline-block!important;color:#f2a800!important;font-size:18px!important;margin:3px 0}.review-admin-head small{display:block;color:#8495a8}.review-service-tag{display:inline-flex;margin:10px 0 2px;padding:7px 10px;border-radius:999px;background:#eef6ff;color:#286399;font-size:12px;font-weight:850}.review-admin-reply{margin-top:14px;padding-top:14px;border-top:1px solid #e7eef6}.review-admin-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.review-admin-actions form{margin:0}.review-edit-panel{margin-top:12px;border-top:1px solid #edf2f7;padding-top:10px}.review-edit-panel summary{cursor:pointer;font-weight:850;color:#014BC8}.compact-star-input{margin:10px 0}.review-admin-owner-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.review-owner-select{text-decoration:none;display:flex;flex-direction:column;gap:6px}.review-owner-select b{font-size:17px;color:#1c304a}.review-owner-select span{color:#6f8299}.admin-customer-create{max-width:900px}.admin-star-input{justify-content:flex-end}
@media(max-width:760px){.review-admin-dashboard{grid-template-columns:1fr}.review-permissions .permission-grid{grid-template-columns:1fr}.booking-result-meta span{min-height:36px}}

/* V80 marketplace popup, marketplace blackout calendar, crew readonly calendar, review uploads, landing booking */
.market-map-pop-v80{min-width:270px!important;padding:12px 10px 9px!important;text-align:center;gap:9px!important}.market-map-pop-v80 .market-pop-logo{display:flex;justify-content:center;align-items:baseline;gap:0;font-size:17px!important;letter-spacing:-1px;margin-bottom:1px}.market-map-pop-v80 .market-pop-logo-re{color:#014BC8!important}.market-map-pop-v80 .market-pop-logo-boat{color:#142844!important}.market-map-pop-v80 h3{margin:0;font-size:24px;line-height:1.1;letter-spacing:-.55px;color:#14243c}.market-pop-rating{display:flex;justify-content:center;align-items:center;gap:6px;font-size:12px}.market-pop-rating b{font-size:13px!important;color:#263f5f!important}.market-pop-rating small{font-size:11px!important;color:#7c8da1!important}.market-pop-stars{display:inline-flex;letter-spacing:1px;font-size:15px;line-height:1}.market-star-filled{color:#f2aa00}.market-star-empty{color:#d6e0ea}.market-pop-address{display:flex;align-items:flex-start;justify-content:center;gap:6px;color:#6f8299;font-size:11px;line-height:1.4}.market-pop-address svg{width:15px;height:15px;color:#014BC8;flex:0 0 15px;margin-top:1px}.market-map-pop-v80 .market-pop-stats{justify-content:center;margin:1px 0 3px}.market-map-pop-v80 .market-pop-stats span{min-width:82px;padding:7px 9px!important}.market-map-pop-v80 .market-pop-stats span b{font-size:12px!important}.market-map-pop-v80>a{border-radius:12px!important;padding:11px 14px!important;font-size:12px;font-weight:900!important}.market-map-pop-v80>a span{color:#fff!important;margin-left:5px}.gm-style-iw-chr{min-height:30px}.gm-style-iw-d{overflow:auto!important}

.marketplace-blackout-picker{padding:16px;border:1px solid #dce7f2;border-radius:16px;background:#fff}.marketplace-blackout-picker .blackout-calendar{touch-action:none;user-select:none;padding:10px;background:#f9fbfe;border:1px solid #edf2f7}.marketplace-blackout-picker .blackout-day{min-height:46px;background:#fff}.marketplace-blackout-picker .blackout-day.dragging{background:#fee2e2!important;border-color:#ef4444!important;color:#b91c1c!important}.marketplace-blackout-picker .blackout-day.selected{background:#e84455!important;color:#fff!important;border-color:#e84455!important}.marketplace-blackout-picker .blackout-empty{min-height:46px}.marketplace-blackout-picker .blackout-summary{padding-top:4px}

.crew-res-grid-v80{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.crew-res-weekday{text-align:center;font-size:11px;font-weight:900;color:#71839a;padding:5px 2px}.crew-res-empty{min-height:92px}.crew-res-grid-v80 .crew-res-day{appearance:none;text-align:left;min-height:96px;border:1px solid #e0e8f1;border-radius:14px;padding:9px;background:#f8fafc;color:#24384f;cursor:default;box-shadow:none}.crew-res-grid-v80 .crew-res-day:disabled{opacity:1}.crew-res-grid-v80 .crew-res-day.has-bookings{background:linear-gradient(145deg,#ecfbf3,#e3f8ed);border-color:#9bd9b7;cursor:pointer;color:#155c3c}.crew-res-grid-v80 .crew-res-day.has-bookings:hover{border-color:#56bb82;box-shadow:0 8px 20px rgba(32,141,83,.12);transform:translateY(-1px)}.crew-day-number{font-size:14px}.crew-day-summary{display:grid;gap:2px;margin-top:9px}.crew-day-summary strong{font-size:12px}.crew-day-summary span{font-size:11px;color:#28714f}.crew-res-modal[hidden]{display:none!important}.crew-res-modal{position:fixed;inset:0;z-index:1500;background:rgba(18,39,62,.48);backdrop-filter:blur(5px);display:grid;place-items:center;padding:18px}.crew-res-modal-card{position:relative;width:min(650px,100%);max-height:min(82vh,760px);overflow:auto;background:#fff;border-radius:24px;padding:25px;box-shadow:0 32px 90px rgba(12,35,60,.28)}.crew-res-modal-card h2{margin:6px 0 16px}.crew-res-modal-close{position:absolute;right:14px;top:14px;width:38px;height:38px;border:0;border-radius:50%;background:#eef4fa;color:#49617a;font-size:25px;line-height:1}.crew-res-modal-item{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;border:1px solid #e1ebf5;border-radius:16px;background:#f9fbfe;margin-bottom:10px}.crew-res-modal-item>div{display:grid;gap:3px}.crew-res-modal-item span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#8192a6;font-weight:850}.crew-res-modal-item strong{font-size:13px;color:#203852}.crew-inline-pin{width:14px;height:14px;color:#014BC8;vertical-align:-3px;margin-right:4px}.crew-private-note{padding:11px 13px;border-radius:12px;background:#f1f5f9;color:#697b90;font-size:12px}.crew-modal-open{overflow:hidden}

.review-dropzone{position:relative!important;min-height:150px!important;border:2px dashed #a9c9ec!important;border-radius:20px!important;background:linear-gradient(145deg,#f8fbff,#eef6ff)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:7px!important;padding:24px!important;cursor:pointer!important;transition:.18s ease!important}.review-dropzone:before{content:"↥";display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#fff;border:1px solid #d8e8f8;color:#014BC8;font-size:27px;font-weight:900;box-shadow:0 8px 20px rgba(22,119,255,.09)}.review-dropzone b{font-size:16px;color:#213b59}.review-dropzone span{font-size:12px;color:#71849b}.review-dropzone input[type=file]{position:absolute!important;inset:0!important;opacity:0!important;width:100%!important;height:100%!important;cursor:pointer!important}.review-dropzone.dragging{border-color:#014BC8!important;background:#eaf5ff!important;transform:translateY(-1px)}.review-upload-list>div{padding:9px 11px;border:1px solid #e0eaf5;border-radius:12px;background:#fff}.review-upload-list div div{height:8px!important;background:#e8f0f8!important}.review-upload-list i{background:linear-gradient(90deg,#014BC8,#55a7ff)!important}

.landing-booking-v80{grid-template-columns:minmax(340px,.95fr) minmax(0,1.05fr)!important;padding:24px!important}.landing-booking-visual-stack{display:grid;gap:12px}.landing-booking-mini-visuals{display:grid;grid-template-columns:1fr 1fr;gap:12px}.landing-booking-mini-visuals figure{margin:0;background:#fff;border:1px solid #dce9f6;border-radius:16px;overflow:hidden;box-shadow:0 9px 24px rgba(29,82,139,.07)}.landing-booking-mini-visuals img{width:100%;height:120px;object-fit:cover;object-position:top;display:block}.landing-booking-mini-visuals figcaption{padding:9px 11px;font-size:11px;font-weight:850;color:#405c79}.landing-booking-v80 .landing-booking-cta{display:inline-flex;align-items:center;gap:7px;font-size:16px;padding:16px 22px;border-radius:14px}.landing-booking-v80 .landing-booking-copy h2{font-size:clamp(29px,3.4vw,46px);letter-spacing:-1.2px;line-height:1.06}

@media(max-width:760px){.market-map-pop-v80{min-width:235px!important}.market-map-pop-v80 h3{font-size:20px}.crew-res-grid-v80{gap:3px}.crew-res-weekday{font-size:9px}.crew-res-empty{min-height:68px}.crew-res-grid-v80 .crew-res-day{min-height:68px;padding:6px;border-radius:10px}.crew-day-summary strong,.crew-day-summary span{font-size:9px}.crew-res-modal-item{grid-template-columns:1fr}.review-dropzone{min-height:135px!important;padding:18px!important}.landing-booking-v80{grid-template-columns:1fr!important}.landing-booking-mini-visuals img{height:95px}}

/* V81 account navigation, crew grouped day view, QR tickets */
.booking-market-header nav a.active{background:#eaf3ff;color:#0870e8;border-radius:12px;font-weight:900}.booking-ticket-used{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:#e8f8ef;color:#13824c;font-size:11px;font-weight:900}.reservation-ticket-badge,.reservation-ticket-state{display:inline-flex;align-items:center;justify-content:center;padding:6px 9px;border-radius:999px;background:#e9f8ef;color:#14834d;font-size:11px;font-weight:900}.ticket-inline-mark{display:inline-flex;margin:0}.ticket-mark-btn{background:#eaf7ef!important;color:#137a49!important;border-color:#b9e4ca!important}
.crew-res-grid-v81{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.crew-res-grid-v81 .crew-res-day{text-decoration:none;appearance:none;text-align:left;min-height:96px;border:1px solid #e0e8f1;border-radius:14px;padding:9px;background:#f8fafc;color:#24384f}.crew-res-grid-v81 .crew-res-day[aria-disabled="true"]{pointer-events:none}.crew-res-grid-v81 .crew-res-day.has-bookings{background:linear-gradient(145deg,#ecfbf3,#e3f8ed);border-color:#9bd9b7;color:#155c3c}.crew-res-grid-v81 .crew-res-day.has-bookings:hover,.crew-res-grid-v81 .crew-res-day.selected{border-color:#2aaa67;box-shadow:0 8px 20px rgba(32,141,83,.13)}.crew-day-details{margin-top:18px}.crew-day-details-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.crew-day-details-head h2{margin:4px 0}.crew-service-groups{display:grid;gap:12px}.crew-service-group{padding:18px}.crew-service-group-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px}.crew-service-category{padding:7px 10px;border-radius:999px;background:#eaf3ff;color:#086bd2;font-size:11px;font-weight:900}.crew-service-group-head h3{margin:0 0 3px}.crew-service-group-head p{margin:0;color:#74869b;font-size:12px}.crew-service-group-head>strong{color:#173b60}.crew-service-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px}.crew-service-facts>span{display:flex;align-items:center;gap:5px;min-height:46px;padding:9px 11px;border:1px solid #e3ebf4;border-radius:12px;background:#f9fbfd;font-size:12px;color:#415a75}.crew-service-facts b{display:block;color:#788ba1;font-size:10px;text-transform:uppercase;letter-spacing:.05em;margin-right:4px}.crew-service-facts .public-map-pin{width:14px;height:14px;color:#014BC8}.crew-booking-groups{margin-top:13px;padding-top:12px;border-top:1px solid #edf1f6}.crew-booking-groups>b{display:block;font-size:11px;color:#75879b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.crew-booking-groups>div{display:flex;gap:7px;flex-wrap:wrap}.crew-booking-groups span{padding:8px 10px;border-radius:10px;background:#eef8f2;color:#176540;font-size:12px;font-weight:850}.crew-calendar-hint{padding:14px;text-align:center;color:#71839a;font-size:12px}
.tickets-page{max-width:1180px;margin:0 auto}.ticket-scan-main{white-space:nowrap}.ticket-bulk{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;padding:13px 15px;border:1px solid #dce7f2;border-radius:15px;background:#fff}.ticket-bulk label{font-weight:850;color:#3d5874}.ticket-list{display:grid;gap:12px}.ticket-card{display:grid;grid-template-columns:30px minmax(0,1fr) 120px;gap:14px;align-items:center;padding:16px 18px;border:1px solid #dce7f2;border-radius:20px;background:#fff;box-shadow:0 8px 25px rgba(29,76,126,.06)}.ticket-card.used{background:linear-gradient(135deg,#fff,#f1fbf5);border-color:#bfe4cd}.ticket-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ticket-state{padding:5px 8px;border-radius:999px;font-size:10px;font-weight:950;letter-spacing:.04em}.ticket-state.ready{background:#fff4df;color:#a36a00}.ticket-state.used{background:#e5f7ed;color:#107748}.ticket-main h3{margin:8px 0 5px}.ticket-main p{margin:0;color:#62778e}.ticket-main small{display:block;margin-top:5px;color:#268258}.ticket-qr{text-align:center}.ticket-qr img{width:92px;height:92px;object-fit:contain;padding:5px;border:1px solid #d9e5f1;border-radius:14px;background:#fff}.ticket-qr a{display:block;margin-top:5px;font-size:11px;font-weight:850;color:#014BC8}.ticket-scanner-page{width:min(700px,100%);margin:0 auto}.ticket-scanner-head{text-align:center;margin-bottom:15px}.ticket-scanner-head>a{float:left;color:#014BC8;font-weight:850;text-decoration:none}.ticket-scanner-head h1{margin:5px 0}.ticket-camera-wrap{position:relative;overflow:hidden;border-radius:24px;background:#0d1c2e;aspect-ratio:4/5;max-height:68vh;box-shadow:0 20px 50px rgba(12,35,60,.20)}.ticket-camera-wrap video{width:100%;height:100%;object-fit:cover}.ticket-camera-frame{position:absolute;inset:17%;pointer-events:none}.ticket-camera-frame i{position:absolute;width:44px;height:44px;border-color:#fff;border-style:solid}.ticket-camera-frame i:nth-child(1){left:0;top:0;border-width:4px 0 0 4px;border-radius:12px 0 0 0}.ticket-camera-frame i:nth-child(2){right:0;top:0;border-width:4px 4px 0 0;border-radius:0 12px 0 0}.ticket-camera-frame i:nth-child(3){left:0;bottom:0;border-width:0 0 4px 4px;border-radius:0 0 0 12px}.ticket-camera-frame i:nth-child(4){right:0;bottom:0;border-width:0 4px 4px 0;border-radius:0 0 12px 0}.ticket-camera-status{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);white-space:nowrap;max-width:90%;overflow:hidden;text-overflow:ellipsis;padding:8px 12px;border-radius:999px;background:rgba(7,20,34,.72);color:#fff;font-size:12px;font-weight:850}.ticket-scan-result{margin-top:15px;padding:22px;text-align:center;border-radius:22px;border:1px solid}.ticket-scan-result.ok{background:#edfbf3;border-color:#a9dfbf;color:#125f3b}.ticket-scan-result.bad{background:#fff0f0;border-color:#efb4b4;color:#9b2424}.ticket-scan-icon{width:58px;height:58px;margin:0 auto 8px;border-radius:50%;display:grid;place-items:center;font-size:32px;font-weight:900;background:#fff}.ticket-scan-result h2{margin:4px 0}.ticket-scan-result p{margin:6px 0 12px}.ticket-scan-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.ticket-scan-facts span{padding:9px;border-radius:11px;background:rgba(255,255,255,.72);font-size:11px}.ticket-scan-facts b{display:block;font-size:13px}.ticket-manual{margin-top:13px}.ticket-manual summary{cursor:pointer;font-weight:850;color:#5d7289}.ticket-manual>div{display:flex;gap:7px;margin-top:8px}.ticket-manual input{flex:1}.booking-market-header nav{align-items:center}
@media(max-width:760px){.booking-market-header nav a.active{background:#eaf3ff}.crew-res-grid-v81{gap:3px}.crew-res-grid-v81 .crew-res-day{min-height:68px;padding:6px;border-radius:10px}.crew-day-details-head{align-items:flex-start;flex-direction:column}.crew-service-group-head{grid-template-columns:1fr}.crew-service-facts{grid-template-columns:1fr}.ticket-card{grid-template-columns:24px minmax(0,1fr)}.ticket-qr{grid-column:2;display:flex;align-items:center;gap:10px;text-align:left}.ticket-qr img{width:78px;height:78px}.ticket-bulk{align-items:flex-start;flex-direction:column}.ticket-bulk .btn{width:100%}.ticket-camera-wrap{border-radius:18px}.ticket-scan-facts{grid-template-columns:1fr}}
/* V82 ticket center */
.tickets-page.v82{max-width:1240px}.tickets-hero{align-items:center}.ticket-search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dce7f2;padding:10px 12px;border-radius:18px;box-shadow:0 8px 30px rgba(25,73,121,.06);margin:18px 0}.ticket-search>span{font-size:24px;color:#014BC8}.ticket-search input{flex:1;border:0!important;box-shadow:none!important;background:transparent!important;min-height:44px}.ticket-tabs{display:flex;gap:10px;margin:16px 0 18px}.ticket-tabs a{display:inline-flex;align-items:center;gap:8px;padding:11px 15px;border-radius:14px;border:1px solid #d8e4ef;background:#fff;color:#4d647c;font-weight:850;text-decoration:none}.ticket-tabs a.active{background:#014BC8;color:#fff;border-color:#014BC8}.ticket-tabs b{display:inline-flex;min-width:24px;height:24px;align-items:center;justify-content:center;border-radius:999px;background:rgba(255,255,255,.2)}.tickets-page.v82 .ticket-card{grid-template-columns:auto minmax(0,1fr) auto;padding:18px 20px;align-items:center}.ticket-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;align-items:center}.tickets-page.v82 .ticket-main p{line-height:1.65}.ticket-modal[hidden]{display:none}.ticket-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:20px}.ticket-modal-backdrop{position:absolute;inset:0;background:rgba(11,28,48,.62);backdrop-filter:blur(4px)}.ticket-modal-box{position:relative;z-index:1;width:min(920px,96vw);max-height:92vh;background:#fff;border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.28);overflow:hidden}.ticket-modal-close{position:absolute;z-index:3;right:12px;top:12px;width:40px;height:40px;border:0;border-radius:50%;background:#f0f5fa;font-size:25px;cursor:pointer}.ticket-receipt-frame{display:block;width:100%;height:84vh;border:0;background:#f2f6fa}.ticket-qr-popup{text-align:center;padding:42px 30px 32px}.ticket-qr-popup h2{margin:8px 0 16px}.ticket-qr-popup img{width:min(420px,80vw);height:auto;border-radius:22px;border:1px solid #dbe7f2;padding:14px;background:#fff}.ticket-qr-popup p{max-width:520px;margin:16px auto 0;color:#63788d}.modal-open{overflow:hidden}.scanner-overlay{position:absolute!important;inset:18px!important;margin:0!important;z-index:10;display:flex!important;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,.96)!important;border-radius:22px!important;box-shadow:0 18px 60px rgba(0,0,0,.28);overflow:auto}.scanner-overlay[hidden]{display:none!important}.ticket-scan-new{margin-top:14px;min-height:54px}.subscription-active-label{display:block;color:#13824c!important;text-align:center;background:#eaf8f0;border:1px solid #bfe5cf;border-radius:12px;padding:10px 14px}.subscription-status-banner.active{justify-content:center;text-align:center}
@media(max-width:760px){.tickets-page.v82 .page-head{display:grid;gap:14px}.ticket-scan-main{width:100%;text-align:center}.ticket-search{display:grid;grid-template-columns:auto 1fr}.ticket-search button{grid-column:1/-1;width:100%}.ticket-tabs{display:grid;grid-template-columns:1fr 1fr}.ticket-tabs a{justify-content:center;text-align:center}.tickets-page.v82 .ticket-card{grid-template-columns:1fr;gap:12px}.ticket-check{position:absolute}.ticket-actions{justify-content:stretch}.ticket-actions .btn{flex:1 1 45%;text-align:center}.ticket-modal{padding:8px}.ticket-modal-box{width:100%;max-height:96vh;border-radius:20px}.ticket-receipt-frame{height:92vh}.ticket-camera-wrap{max-height:none;aspect-ratio:3/4}.scanner-overlay{inset:10px!important}.ticket-scanner-page.v82{padding-bottom:28px}}
.flash.warn{background:#fff8e4!important;border-color:#f2d27b!important;color:#7c5700!important}.flash.warn b{color:#9a6500}.ticket-permission{border-color:#cfe2ff!important;background:#f5f9ff!important}

/* V83 booking account, ticket PDF/rules and crew navigation */
.booking-footer-brand{color:inherit;text-decoration:none}.booking-footer-brand b{font-weight:950}.owner-ticket-rule-card form{align-items:end}.owner-ticket-rule-card p{color:#667b91}.crew-day-details{scroll-margin-top:96px}@media(max-width:760px){.crew-day-details{scroll-margin-top:78px}}
/* V84: crew edit opens inline below the selected member, never as popup */
.crew-member-managed{position:relative}
.crew-member-actions:has(.crew-inline-edit[open]){grid-column:1/-1;width:100%;justify-content:flex-start}
.crew-inline-edit[open]{flex:1 1 100%;width:100%}
.crew-inline-edit[open]>summary{width:max-content;min-width:110px}
.crew-edit-member-form,.crew-inline-edit[open]>.crew-edit-member-form{position:static!important;inset:auto!important;width:100%!important;max-width:none!important;max-height:none!important;overflow:visible!important;margin-top:10px;padding:18px;background:#f8fbff;border:1px solid #dce8f3;border-radius:16px;box-shadow:none!important}
@media(max-width:900px){.crew-edit-member-form,.crew-inline-edit[open]>.crew-edit-member-form{position:static!important;left:auto!important;right:auto!important;top:auto!important;width:100%!important;max-height:none!important}}

/* V88 — crew public profile slug, smart tags, ticket actions and balanced tenant categories */
.crew-slug-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:18px;align-items:end;margin-bottom:18px}.crew-slug-editor h2{margin:4px 0 6px}.crew-slug-editor p{margin:0;color:#6f8197}.crew-slug-editor label{display:grid;gap:7px}.crew-slug-editor small{display:block;color:#014BC8;font-weight:800;overflow-wrap:anywhere}.crew-slug-actions{display:flex;gap:9px;grid-column:2}.crew-tag-input{position:relative;min-height:48px;padding:7px 9px;border:1px solid #d8e5f3;border-radius:13px;background:#fff}.crew-tag-list{display:flex;gap:6px;flex-wrap:wrap}.crew-tag-list span{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:999px;background:#eaf4ff;color:#0b63bd;font-size:12px;font-weight:850}.crew-tag-list button{border:0;background:transparent;color:#5f7c9b;font-size:16px;line-height:1;cursor:pointer;padding:0}.crew-tag-typing{border:0!important;box-shadow:none!important;padding:7px 3px!important;min-height:34px!important;width:100%;outline:0}.crew-tag-suggestions{position:absolute;z-index:50;left:0;right:0;top:calc(100% + 5px);padding:6px;background:#fff;border:1px solid #dbe7f4;border-radius:12px;box-shadow:0 14px 34px rgba(29,71,112,.15)}.crew-tag-suggestions[hidden]{display:none}.crew-tag-suggestions button{display:block;width:100%;border:0;background:#fff;padding:9px 10px;border-radius:8px;text-align:left;cursor:pointer;color:#263c54}.crew-tag-suggestions button:hover{background:#eef6ff}.crew-market-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.crew-market-meta span{padding:6px 8px;border-radius:10px;background:#f5f8fc;border:1px solid #e3ebf4;color:#50657c;font-size:11px;font-weight:750}
.crew-group-chip{display:flex!important;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;min-width:min(100%,420px)}.crew-group-actions{display:flex;gap:6px;flex-wrap:wrap;font-style:normal}.crew-group-actions button{border:1px solid #a9d1f8;background:#fff;color:#0869ca;border-radius:8px;padding:5px 8px;font:inherit;font-size:11px;font-weight:850;cursor:pointer}.crew-group-actions button:hover{background:#eaf5ff}.crew-action-done{font-style:normal;color:#16845a;background:#eaf8f1;border-radius:8px;padding:5px 8px;font-size:11px}.crew-action-done.paid{color:#0b63bd;background:#eaf4ff}.ticket-pdf-download{text-decoration:none}.vpos-share-payment{margin-top:9px}.public-category-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));max-width:1120px}.public-category-card{height:100%;box-sizing:border-box}
@media(min-width:900px){.tenant-public .public-category-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important}.tenant-public .public-category-grid:has(.public-category-card:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))!important}.tenant-public .public-category-grid:has(.public-category-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){.crew-slug-editor{grid-template-columns:1fr}.crew-slug-actions{grid-column:auto;flex-direction:column}.crew-slug-actions .btn{width:100%}.crew-group-chip{align-items:flex-start}.crew-group-actions{width:100%}.crew-group-actions button{flex:1}.tenant-public .public-category-grid{grid-template-columns:1fr!important}}
/* V89 crew profile/tag/calendar refinements */
.crew-readonly-calendar .cal-nav{display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;padding:0!important;text-align:center!important}
.crew-readonly-calendar .cal-nav{font-family:Arial,sans-serif;font-weight:700}
.crew-tag-input[data-tag-mode="single"] .crew-tag-list span{max-width:100%}
.crew-tag-input .crew-tag-list span{display:inline-flex;align-items:center;gap:7px}
.crew-tag-input .crew-tag-list button{display:inline-flex;align-items:center;justify-content:center;line-height:1}
/* V89 crew profile/tag/calendar refinements */
.crew-readonly-calendar .cal-nav{display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;padding:0!important;text-align:center!important;font-family:Arial,sans-serif;font-weight:700}
.crew-tag-input[data-tag-mode="single"] .crew-tag-list span{max-width:100%}
.crew-tag-input .crew-tag-list span{display:inline-flex;align-items:center;gap:7px}
.crew-tag-input .crew-tag-list button{display:inline-flex;align-items:center;justify-content:center;line-height:1}

/* V90 - multi-business crew UX */
.crew-business-list{display:grid;gap:16px}.crew-business-card{display:flex;align-items:center;justify-content:space-between;gap:22px}.crew-business-card h2{margin:4px 0 6px}.crew-business-permissions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.crew-business-permissions span{padding:7px 10px;border:1px solid #dbe7f5;border-radius:999px;background:#f7fbff;font-size:12px;font-weight:700;color:#58708e}.crew-business-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px}.crew-business-tabs a{display:flex;align-items:center;gap:8px;padding:11px 14px;border:1px solid #d7e5f5;border-radius:13px;background:#fff;color:#314969;text-decoration:none;font-weight:800}.crew-business-tabs a.active{background:#014BC8;color:#fff;border-color:#014BC8}.crew-business-tabs a b{min-width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#ef4444;color:#fff;font-size:11px}.crew-seen-toolbar{display:flex;justify-content:flex-end;margin:-4px 0 12px}.partner-accordion{padding:0!important;overflow:hidden}.partner-workspace-summary{cursor:pointer;list-style:none;padding:20px 22px}.partner-workspace-summary::-webkit-details-marker{display:none}.partner-workspace-summary:after{content:'⌄';float:right;margin-top:-34px;font-size:24px;color:#014BC8;transition:.2s}.partner-accordion[open] .partner-workspace-summary:after{transform:rotate(180deg)}.partner-workspace-body{padding:0 22px 22px;border-top:1px solid #e6eef8}.ticket-business-tabs{margin:0 0 16px}.crew-tag-input .crew-tag-typing:disabled{background:#f7f9fc}
@media(max-width:720px){.crew-business-card{align-items:stretch;flex-direction:column}.crew-business-card form,.crew-business-card .btn{width:100%}.crew-business-tabs{display:grid;grid-template-columns:1fr}.crew-seen-toolbar .btn{width:100%}}

/* V91 - reservation notifications + crew booking identity */
.crew-notification-stack{display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin:14px 0 14px auto;max-width:310px}.crew-new-bell{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;padding:12px 14px;border-radius:15px;border:1px solid #d8e7f7;background:#fff;color:#17324e;text-decoration:none;box-shadow:0 8px 24px rgba(30,102,180,.08)}.crew-new-bell>span{font-size:21px}.crew-new-bell>b{flex:1}.crew-new-bell>strong{min-width:26px;height:26px;padding:0 7px;display:grid;place-items:center;border-radius:999px;background:#e11d48;color:#fff}.crew-new-bell.is-zero{opacity:.6;pointer-events:none}.crew-seen-toolbar{width:100%}.crew-seen-toolbar .btn{width:100%;justify-content:center}.crew-group-chip{padding:10px 12px!important}.crew-group-chip>b{min-width:180px}.crew-group-chip>small{color:#6d8197;font-weight:700}.crew-group-chip.focus-reservation{outline:3px solid rgba(22,119,255,.2);border-color:#014BC8!important;background:#f2f8ff!important}.reservation-alert-stack{display:flex;flex-direction:column;gap:7px;width:100%}.mark-all-seen-form{margin:0}.mark-all-seen-form .btn{width:100%!important;justify-content:center!important;min-height:40px!important;font-size:12px!important}.header-profile{cursor:pointer}
@media(max-width:800px){.crew-notification-stack{max-width:none;width:100%;align-items:stretch}.crew-new-bell{width:100%}.reservation-alert-stack .desktop-new-alert{display:none!important}.mark-all-seen-form .btn{display:flex!important;width:100%!important;margin-bottom:10px!important}.crew-group-chip>b{min-width:0;width:100%}}

/* V92 booking CTA */
.owner-booking-cta{display:inline-flex!important;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 28px!important;background:#087cff!important;color:#fff!important;border:1px solid #087cff!important;border-radius:14px!important;font-weight:800!important;box-shadow:0 12px 28px rgba(8,124,255,.24);text-decoration:none!important}.owner-booking-cta:hover{background:#006ee6!important;transform:translateY(-1px)}.owner-booking-cta span{font-size:20px}.review-head-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.stats-business-tabs{margin:0 0 18px}

/* V93 – payment confirmation + crew marketplace requests */
.payment-confirm-modal{position:fixed;inset:0;z-index:10050;background:rgba(15,23,42,.56);display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(5px)}
.payment-confirm-card{position:relative;width:min(520px,100%);background:#fff;border:1px solid #dbe7f5;border-radius:24px;box-shadow:0 28px 80px rgba(15,23,42,.22);padding:28px;display:grid;gap:14px}
.payment-confirm-card h2{margin:0;font-size:28px;color:#10213d}.payment-confirm-card>p{margin:0 0 4px;color:#63758e}.payment-modal-close{position:absolute;right:14px;top:14px;width:38px;height:38px;border:0;border-radius:12px;background:#f2f6fb;color:#334155;font-size:26px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer}
.payment-choice{display:flex;gap:12px;align-items:flex-start;padding:15px;border:1px solid #d9e5f2;border-radius:16px;background:#fff;cursor:pointer}.payment-choice.active{border-color:#1681ff;background:#f0f7ff;box-shadow:0 0 0 2px rgba(22,129,255,.08)}.payment-choice input{margin-top:4px}.payment-choice span{display:grid;gap:3px}.payment-choice small{color:#6b7d95;line-height:1.35}.payment-custom{display:grid;gap:7px;font-weight:700}.payment-custom input{width:100%;min-height:48px;border:1px solid #cad9ea;border-radius:13px;padding:10px 13px;font:inherit}.payment-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.payment-summary span{background:#f7faff;border:1px solid #e0eaf5;border-radius:13px;padding:10px;display:grid;gap:3px;font-size:12px;color:#687b93}.payment-summary b{font-size:15px;color:#132640}.crew-payment-amount{display:inline-grid;gap:1px;padding:7px 10px;border-radius:10px;background:#f3f8ff;border:1px solid #d9e8fb;margin-right:6px}.crew-payment-amount small{font-size:11px;color:#657891}.crew-job-request-form{margin-top:10px}.crew-job-request-btn{background:#167cff!important;color:#fff!important;border-color:#167cff!important;font-weight:800}.crew-job-request-btn:hover{background:#086ce5!important}.crew-market-contact{align-self:stretch}
@media(max-width:640px){.payment-confirm-modal{padding:12px;align-items:flex-end}.payment-confirm-card{border-radius:22px 22px 12px 12px;padding:23px 18px 18px}.payment-confirm-card h2{font-size:23px}.payment-summary{grid-template-columns:1fr}.crew-payment-amount{width:100%;margin:4px 0}}

/* V94 payment modal alignment */
.payment-confirm-card{max-width:560px!important}
.payment-choice{display:grid!important;grid-template-columns:28px 1fr!important;align-items:center!important;min-height:86px;padding:16px 18px!important}
.payment-choice input{margin:0!important;justify-self:center;align-self:center}
.payment-choice span{display:flex!important;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0}
.payment-choice b{font-size:15px;line-height:1.25}
.payment-choice small{display:block;margin-top:4px;line-height:1.35}
.payment-summary span{min-height:62px;align-content:center}
.skipper-boat-warning{padding:10px 12px;background:#eef7ff;border:1px solid #bcdcff;border-radius:12px;margin:0 0 12px;color:#174a7a}
.crew-owner-request-shortcut{display:flex;justify-content:flex-end;margin:-8px 0 14px}
@media(max-width:640px){.payment-summary{grid-template-columns:1fr!important}.payment-choice{grid-template-columns:26px 1fr!important}.crew-owner-request-shortcut{justify-content:stretch}.crew-owner-request-shortcut .btn{width:100%}}
/* V95 payment channels */
.payment-channel-card{max-width:620px!important}
.payment-channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:4px 0 8px}
.payment-channel-choice{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:9px;min-height:82px;padding:13px;border:1px solid #d9e5f2;border-radius:16px;background:#fff;cursor:pointer}
.payment-channel-choice.active{border-color:#1681ff;background:#f0f7ff;box-shadow:0 0 0 2px rgba(22,129,255,.08)}
.payment-channel-choice input{margin:0;justify-self:center}.payment-channel-choice span{display:grid;gap:3px}.payment-channel-choice b{font-size:15px}.payment-channel-choice small{font-size:11px;line-height:1.3;color:#6b7d95}
.payment-amount-step{display:grid;gap:10px}.payment-amount-step h3{margin:4px 0 0}.payment-amount-step>p{margin:0;color:#657891}
.payment-vpos-note{padding:12px 14px;border:1px solid #bfdbfe;border-radius:13px;background:#eff7ff;color:#174a7c;display:grid;gap:3px;font-size:12px}.payment-vpos-note.hidden{display:none}
.reservation-payment-channels{margin:10px 0;padding:10px 12px;border:1px solid #dbe8f5;border-radius:12px;background:#f8fbff}.reservation-payment-channels>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:6px}.reservation-payment-channels span{padding:5px 8px;border-radius:999px;background:#fff;border:1px solid #dce8f5;font-size:12px}
.analytics-payment-channels{margin-top:16px}.payment-channel-kpis{margin-top:12px}
@media(max-width:640px){.payment-channel-grid{grid-template-columns:1fr}.payment-channel-choice{min-height:68px}.payment-channel-card{max-height:92vh;overflow:auto}}

/* V96 crew boats, partner contacts and mobile contact polish */
.crew-boat-card{margin-bottom:18px}.crew-boat-card-head{display:flex;gap:18px;align-items:center}.crew-boat-card-head>img{width:150px;height:105px;object-fit:cover;border-radius:16px}.crew-boat-sailors{margin-top:18px;border-top:1px solid #e3ebf5;padding-top:16px}.crew-boat-sailor{display:flex;align-items:center;gap:12px;padding:10px 0}.crew-boat-sailor img{width:44px;height:44px;border-radius:50%;object-fit:cover}.crew-boat-sailor span{display:block;color:#65758d;margin-top:3px}.partner-contact-settings{margin-top:18px;padding:16px;border:1px solid #dbe7f5;border-radius:16px}.partner-contact-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.partner-contact-members{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.partner-custom-contact{margin-top:12px}.public-contact-card{max-width:100%}.public-contact-links{grid-template-columns:repeat(2,minmax(0,1fr))}.public-contact-link.whatsapp .public-contact-icon{font-size:12px;font-weight:900;color:#0b8f55}.public-partner-contact{padding:0 2px}.public-partner-contact>h3{font-size:18px;margin-top:18px}.crew-boat-picker input[data-skipper-conflict="1"]+span:after{content:' · ' attr(data-busy-label);font-size:11px;color:#d97706;font-weight:700}@media(max-width:720px){.partner-contact-mode-grid{grid-template-columns:1fr}.public-contact-links{grid-template-columns:1fr}.public-contact-card{padding:14px;margin-left:0;margin-right:0}.public-contact-link{width:100%;padding:14px;min-height:64px}.crew-boat-card-head{align-items:flex-start}.crew-boat-card-head>img{width:96px;height:78px}}

/* reBOAT V96 */
.partner-review-tag{background:#eef6ff;border-color:#b9d7ff;color:#1366c3}.partner-contact-members{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin:10px 0}.partner-custom-contact{margin-top:10px}.crew-boat-page .crew-boat-card{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:start}.crew-boat-page .crew-boat-card img{width:110px;height:85px;object-fit:cover;border-radius:14px}.crew-boat-sailors{display:grid;gap:8px;margin-top:12px}.crew-boat-sailor{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:10px;border:1px solid #dce8f5;border-radius:12px}.crew-boat-sailor a{color:#014BC8;text-decoration:none}.skipper-boat-warning{background:#fff8e7;border:1px solid #f0d087;border-radius:12px;padding:10px}.public-partner-contact{margin-top:14px}.public-partner-contact>h3{margin:0 0 8px}.public-contact-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.public-contact-link{min-width:0}.public-contact-link strong{overflow-wrap:anywhere}@media(max-width:700px){.public-contact-links{grid-template-columns:1fr}.crew-boat-page .crew-boat-card{grid-template-columns:1fr}.crew-boat-page .crew-boat-card img{width:100%;height:180px}}

/* V97 — Virtual POS transaction detail and owner requests */
.vpos-grid-wide{grid-column:span 2}.vpos-transaction[open]{border-color:#a9cdf8;box-shadow:0 8px 28px rgba(22,119,255,.10)}.vpos-transaction[open] summary{background:#f7fbff;position:sticky;top:0;z-index:2}.vpos-history-list::-webkit-scrollbar{width:9px}.vpos-history-list::-webkit-scrollbar-thumb{background:#c8d7e7;border-radius:999px;border:2px solid #fff}.vpos-history-list::-webkit-scrollbar-track{background:transparent}
.crew-owner-request-shortcut{margin:0 0 18px!important}.crew-owner-request-shortcut .btn{min-height:58px;padding:16px 24px!important;border-radius:16px!important;background:#eef6ff!important;border:1px solid #bfdcff!important;color:#086dd8!important;font-size:16px!important;font-weight:900!important;box-shadow:0 7px 18px rgba(22,119,255,.08)}.crew-request-list .crew-request-card{padding:20px 22px;border-radius:18px}.crew-request-card .crew-request-head{align-items:flex-start}.crew-request-card .crew-request-head h2{font-size:20px}.crew-request-business-since{margin:12px 0;padding:10px 12px;border:1px solid #dbeafe;background:#f7fbff;border-radius:12px;color:#334155}.crew-request-business-since b{color:#0f172a}
@media(max-width:760px){.vpos-grid-wide{grid-column:1/-1}.crew-request-list .crew-request-card{padding:16px}.crew-request-head{flex-direction:column}}

/* V99 — inline reservation Virtual POS + owner request accordions */
.reservation-vpos-pending{margin-top:8px;width:100%;border:1px solid #f2ca67;background:#fff8df;color:#7b5700;border-radius:12px;padding:9px 11px;display:flex;flex-direction:column;gap:2px;align-items:flex-start;text-align:left;cursor:pointer;font:inherit}.reservation-vpos-pending b{font-size:12px}.reservation-vpos-pending small{font-size:10px;color:#957323}.reservation-vpos-pending:hover{background:#fff2c2;border-color:#e8b83e}.inline-vpos-card{text-align:center;max-width:460px}.inline-vpos-card h2{margin-bottom:4px}.inline-vpos-amount{display:block;font-size:30px;margin:8px 0 14px;color:#10233f}.inline-vpos-qr{width:250px;height:250px;margin:0 auto 14px;padding:12px;background:#fff;border:1px solid #dce7f5;border-radius:20px;box-shadow:0 10px 28px rgba(30,91,160,.10)}.inline-vpos-qr img{display:block;width:100%;height:100%;object-fit:contain}.inline-vpos-card .btn{margin-top:9px}.inline-vpos-status{display:block;margin-top:12px;color:#72839d}
.owner-requests-page{max-width:1260px}.owner-request-new-banner{display:flex;gap:10px;align-items:center;justify-content:space-between;background:#fff1f1;border:1px solid #ffb8b8;color:#a71919;border-radius:18px;padding:16px 20px;margin:16px 0 22px}.owner-request-new-banner span{color:#76525a}.owner-request-section{margin-top:24px}.owner-request-section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}.owner-request-section-head h2{margin:3px 0 0}.owner-request-accordion{display:grid;gap:12px}.owner-request-card{width:100%;background:#fff;border:1px solid #dce8f8;border-radius:18px;overflow:hidden;box-shadow:0 7px 22px rgba(35,82,135,.06)}.owner-request-card summary{list-style:none;cursor:pointer;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.owner-request-card summary::-webkit-details-marker{display:none}.owner-request-card summary h3{margin:5px 0 2px;font-size:19px}.owner-request-card summary p{margin:0;color:#71809a}.request-summary-meta{text-align:right;display:flex;flex-direction:column;gap:5px;color:#61728d}.request-summary-meta b{color:#21334f}.request-state{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900;letter-spacing:.06em}.request-state.pending{background:#fff4d6;color:#946300}.request-state.accepted{background:#e6f8ed;color:#13743d}.request-state.rejected{background:#ffeaea;color:#b82828}.owner-request-details{border-top:1px solid #e4edf8;padding:18px 20px 20px;background:#fbfdff}.owner-request-details>p{margin-top:0;line-height:1.55}.request-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.request-detail-grid span{border:1px solid #e0e9f6;background:#fff;border-radius:12px;padding:11px 13px;display:flex;flex-direction:column;gap:3px;color:#586b87}.request-detail-grid b{color:#223650;font-size:11px}.owner-request-card.is-new-reaction{border:2px solid #ff5959;box-shadow:0 0 0 5px rgba(255,80,80,.08),0 12px 30px rgba(135,35,35,.10)}.owner-request-card.is-new-reaction summary{background:#fff8f8}.owner-request-section.archive{margin-top:34px;padding-top:8px;border-top:1px solid #e3ebf6}
@media(max-width:700px){.inline-vpos-card{width:calc(100vw - 24px);padding:22px 16px}.inline-vpos-qr{width:min(72vw,250px);height:min(72vw,250px)}.owner-request-new-banner{align-items:flex-start;flex-direction:column}.owner-request-card summary{align-items:flex-start;flex-direction:column;padding:16px}.request-summary-meta{text-align:left}.request-detail-grid{grid-template-columns:1fr}.owner-request-details{padding:16px}}

/* V100 UX fixes */
.crew-profile-save-footer{max-width:100%;margin:18px 0 28px}.crew-field-error{outline:2px solid #ef4444!important;outline-offset:3px;border-radius:14px}.crew-action-done.seen{color:#2573d8}.manual-payment-channel{margin:18px 0 8px}.employee-requests-inline{margin:14px 0 22px}.employee-requests-inline.hidden{display:none}.employee-requests-inline .owner-requests-page{padding:0}.employee-requests-inline .owner-requests-page>.page-head{display:none}.crew-owner-request-shortcut.inline{margin:0 0 14px}.crew-requests-toggle{width:100%;min-height:58px;justify-content:space-between;font-size:16px}.crew-requests-toggle.active span{transform:rotate(180deg)}
@media (min-width:981px){.vpos-history-section{display:flex!important;flex-direction:column!important;overflow:hidden!important;min-height:560px}.vpos-history-section>.section-head{flex:0 0 auto}.vpos-history-list{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;padding-right:8px;padding-bottom:18px}.vpos-transaction{overflow:visible!important}.vpos-tx-details{overflow:visible!important}}
.receipt-date-single[hidden],.receipt-date-period[hidden]{display:none!important}.reservation-vpos-failed{margin:6px 0;padding:8px 10px;border-radius:10px;background:#fff2f2;color:#b42318;font-size:12px;font-weight:700}

.employee-requests-inline .owner-request-section{margin-top:12px}.crew-owner-request-shortcut.inline{width:100%;margin:10px 0 14px}.bookers-page>.crew-owner-request-shortcut{margin-bottom:12px}.crew-profile-save-footer .btn{min-height:54px;font-size:17px}.crew-seen-btn{border:0;background:#eaf3ff;color:#1466c3;padding:7px 10px;border-radius:9px;font-weight:800;cursor:pointer}

/* V100 final refinements */
.field-label{display:block;font-size:13px;font-weight:800;color:#314765;margin-bottom:8px}.manual-payment-mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.manual-payment-mode .payment-choice{margin:0}.manual-payment-mode .payment-choice span{min-height:62px}.manual-payment-mode input:checked+span{border-color:#1980ff;background:#eef6ff}.manual-payment-channel .payment-channel-choice input:checked+span{border-color:#1980ff;background:#eef6ff}
.crew-requests-toggle{appearance:none;border:1px solid #bfdcff;background:#fff;color:#0b69cf;border-radius:18px;padding:18px 22px;width:100%;display:flex;align-items:center;justify-content:space-between;font-size:18px;font-weight:900;box-shadow:0 8px 24px rgba(24,92,170,.08);cursor:pointer}.crew-requests-toggle:hover,.crew-requests-toggle.active{background:#eef6ff;border-color:#75b4ff}.crew-requests-toggle span{transition:transform .18s ease}
@media(min-width:981px){.vpos-history-section{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.vpos-history-head{flex:0 0 auto!important}.vpos-history-list{flex:1 1 0!important;min-height:0!important;height:auto!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;padding:4px 10px 18px 0!important;scrollbar-gutter:stable}.vpos-transaction{flex:none!important;overflow:visible!important}.vpos-transaction[open]{max-height:none!important}.vpos-transaction[open] .vpos-transaction-body,.vpos-transaction[open] .vpos-tx-details{max-height:none!important;overflow:visible!important}.vpos-transaction-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding-bottom:6px!important}}
.receipts-filter-form label[hidden]{display:none!important}.receipt-date-single[hidden],.receipt-date-period[hidden]{display:none!important}
.crew-reservation-day-details,.crew-day-details{scroll-margin-top:110px}.crew-group-chip{border-radius:16px!important;box-shadow:0 5px 18px rgba(23,78,140,.06)}.crew-seen-btn{min-height:38px}
@media(max-width:700px){.manual-payment-mode{grid-template-columns:1fr}.crew-requests-toggle{font-size:16px;padding:16px 17px}.vpos-history-section{height:auto!important;max-height:none!important}.vpos-history-list{max-height:none!important;overflow:visible!important}}

/* V101 – reservation split, crew actions, Virtual POS history and employee requests */
.manual-boat-availability{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin:12px 0}.manual-boat-card{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #d8e6f6;border-radius:16px;background:#fff;cursor:pointer;transition:.18s}.manual-boat-card:hover{border-color:#84baff;box-shadow:0 8px 24px rgba(17,113,255,.09);transform:translateY(-1px)}.manual-boat-card.selected{border:2px solid #014BC8;background:#f3f8ff}.manual-boat-card.is-full{opacity:.52;cursor:not-allowed}.manual-boat-card img,.manual-boat-card .boat-placeholder{width:68px;height:52px;border-radius:12px;object-fit:cover;display:grid;place-items:center;background:#eef6ff}.manual-boat-card b,.manual-boat-card small{display:block}.manual-boat-card small{color:#6e8198;margin-top:3px}.manual-split-wrap,.move-split-wrap{margin-top:12px;padding:13px;border:1px solid #d8e6f6;border-radius:16px;background:#f8fbff}.manual-split-toggle{display:flex!important;align-items:center;gap:10px}.manual-split-toggle span{display:flex;flex-direction:column}.manual-split-toggle small{color:#72869c}.split-boat-row{display:grid!important;grid-template-columns:58px minmax(0,1fr) 86px;align-items:center;gap:10px;margin-top:9px;padding:9px 10px;border:1px solid #dce8f5;border-radius:13px;background:#fff}.split-boat-pic,.split-boat-pic img{width:48px;height:40px;border-radius:9px;object-fit:cover;display:grid;place-items:center;background:#edf5ff}.split-boat-row b,.split-boat-row small{display:block}.split-boat-row small{color:#71839a}.split-boat-row input[type=number]{width:100%;text-align:center}.split-total{margin-top:9px;font-weight:800;color:#a04e20}.split-total.ok{color:#168653}.split-group-badge{display:inline-flex;margin-top:7px;padding:5px 9px;border:0;border-radius:999px;background:#eaf4ff;color:#1067c9;font-weight:800;cursor:pointer}.crew-group-actions button{min-height:36px;border-radius:10px}.crew-action-done{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 10px;border-radius:10px}.crew-service-group{overflow:visible}.crew-booking-groups>div{display:grid;gap:8px}.crew-group-chip{display:flex!important;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px!important;border:1px solid #dce7f3!important;border-radius:14px!important;background:#fff!important}.crew-group-actions{display:flex!important;align-items:center;gap:7px;flex-wrap:wrap}.crew-payment-amount{display:flex;flex-direction:column;min-width:210px}.crew-payment-amount small{color:#6d8095}.employee-requests-inline{width:100%;margin:12px 0 18px}.crew-owner-request-shortcut.inline{width:100%;margin:12px 0}.crew-owner-request-shortcut.inline .crew-requests-toggle{width:100%;min-height:58px;justify-content:space-between;border-radius:16px!important;background:#fff!important;color:#116ddb!important;border:1px solid #bed9fb!important;font-size:17px;font-weight:850;box-shadow:0 7px 25px rgba(41,94,153,.05)}.crew-owner-request-shortcut.inline .crew-requests-toggle.active{background:#f3f8ff!important;border-color:#66a9ff!important}.owner-request-card{width:100%}.vpos-history-section{border:1px solid #d8e5f3!important;border-radius:22px!important;background:#f8fbff!important;padding:14px!important;box-sizing:border-box}.vpos-history-head{padding:4px 5px 12px}.vpos-history-list{position:relative!important;overscroll-behavior:contain;scroll-behavior:smooth}.vpos-transaction{width:100%;box-sizing:border-box}.vpos-transaction[open]{margin-bottom:8px}.vpos-transaction-body{box-sizing:border-box;min-width:0}.vpos-transaction-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.vpos-transaction-grid>div{min-width:0;overflow-wrap:anywhere}.vpos-transaction-actions{position:relative;z-index:3;background:#fff;padding:10px 14px 14px!important}.receipts-filter-form label[hidden]{display:none!important}
@media(min-width:981px){.vpos-workspace{align-items:start}.vpos-history-section{overflow:hidden!important}.vpos-history-list{height:100%!important;max-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;padding-right:8px!important}.vpos-transaction[open] summary{position:sticky!important;top:0!important;z-index:4}}
@media(max-width:700px){.manual-boat-availability{grid-template-columns:1fr}.split-boat-row{grid-template-columns:48px minmax(0,1fr) 76px}.crew-group-chip{align-items:flex-start}.crew-group-actions{width:100%}.crew-payment-amount{width:100%}.vpos-transaction-grid{grid-template-columns:1fr!important}.owner-request-card summary{gap:8px}.crew-owner-request-shortcut.inline .crew-requests-toggle{min-height:54px}}
.split-group-modal{position:fixed;inset:0;background:rgba(10,27,50,.58);z-index:9999;display:grid;place-items:center;padding:20px}.split-group-dialog{position:relative;width:min(620px,100%);max-height:88vh;overflow:auto;background:#fff;border-radius:24px;padding:28px;box-shadow:0 24px 80px rgba(0,0,0,.25)}.split-close{position:absolute;right:16px;top:14px;border:0;background:#f1f6fc;border-radius:12px;width:40px;height:40px;font-size:25px}.split-popup-boats{display:grid;gap:12px;margin-top:20px}.split-popup-boats article{display:grid;grid-template-columns:82px 1fr;gap:14px;align-items:center;border:1px solid #dce8f6;border-radius:18px;padding:12px}.split-popup-image{height:68px;border-radius:13px;background:#eef6ff;display:grid;place-items:center;overflow:hidden;font-size:28px}.split-popup-image img{width:100%;height:100%;object-fit:cover}.split-popup-boats article>div:last-child{display:grid;gap:5px}.split-popup-boats strong{color:#0877ed}.partner-split-badge,.partner-inline{display:inline-flex;width:max-content;font-style:normal;font-size:11px;font-weight:700;color:#825b00;background:#fff4cf;border-radius:999px;padding:4px 8px}.partner-inline{margin-left:5px;padding:2px 6px}.move-day-free{display:block;font-size:11px;color:#147c48}@media(max-width:600px){.split-group-dialog{padding:22px 16px;border-radius:20px}.split-popup-boats article{grid-template-columns:68px 1fr}.split-popup-image{height:60px}}

.split-free-live{display:inline!important;font-weight:850;color:#1375d8}.split-free-live.is-low{color:#c37a00}.split-free-live.is-full{color:#d83232}.split-boat-row input[type=number]{font-weight:800}.split-boat-row:has(.split-free-live.is-full){background:#fbfdff}
.split-popup-remaining{display:block;color:#168653;font-weight:800;margin-top:1px}

/* V105 */
.split-boat-row-groups{display:grid!important;grid-template-columns:62px minmax(150px,1fr) repeat(3,minmax(92px,120px));align-items:center;gap:10px}.split-boat-row-groups>label{display:grid;gap:4px;font-size:11px;font-weight:800}.split-boat-row-groups input[type=number]{width:100%;padding:9px;border:1px solid #cbdbea;border-radius:10px}.split-popup-groups{display:flex;gap:7px;flex-wrap:wrap;margin:7px 0}.split-popup-groups span{background:#eff6ff;border:1px solid #d5e7fb;border-radius:999px;padding:5px 8px;font-size:11px}.edit-payment-note{display:block;margin:8px 0 12px;color:#63778f}.booking-my-card{display:grid!important;grid-template-columns:160px minmax(0,1fr) auto!important;align-items:stretch!important;overflow:hidden;padding:0!important}.booking-my-image img{width:160px;height:100%;min-height:155px;object-fit:cover}.booking-my-main{padding:18px}.booking-my-title{display:flex;justify-content:space-between;gap:10px}.booking-my-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.booking-my-meta span{background:#f3f7fb;padding:6px 9px;border-radius:9px;font-size:12px}.booking-my-actions{padding:18px;display:flex;flex-direction:column!important;align-items:flex-end!important;justify-content:center!important}.booking-pdf-btn{text-decoration:none!important}.booking-avatar-drop{border:2px dashed #c9dcec!important;border-radius:18px!important;padding:15px!important;background:#f8fbff}.booking-avatar-drop.dragging{border-color:#014BC8!important;background:#eef6ff!important}.market-mobile-controls,.market-apply-filter{display:none}.saved-card-actions{display:grid;gap:8px}
@media(max-width:760px){.booking-search-tools{grid-template-columns:1fr!important}.booking-search-tools #market-use-location{grid-row:1;width:100%;margin-top:0}.market-mobile-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.market-mobile-controls button{border:1px solid #cadbeb;background:#fff;border-radius:12px;padding:12px;font-weight:850}.market-sort-block{display:none!important;width:100%;background:#fff;border:1px solid #dce7f2;border-radius:14px;padding:12px}.market-sort-block.mobile-open{display:flex!important}.booking-market-filters{display:none!important}.booking-market-filters.mobile-open{display:grid!important;position:fixed!important;inset:74px 12px 12px!important;z-index:9998!important;overflow:auto!important;background:#fff!important;border-radius:18px!important;padding:18px!important;box-shadow:0 20px 70px rgba(20,50,80,.25)}.market-apply-filter{display:block}.booking-my-card{grid-template-columns:1fr!important}.booking-my-image img{width:100%;height:190px}.booking-my-actions{align-items:stretch!important;padding:0 18px 18px!important}.split-boat-row-groups{grid-template-columns:52px 1fr!important}.split-boat-row-groups>label{grid-column:1/-1;grid-template-columns:110px 1fr;align-items:center}.booking-password-card input,.booking-password-card .btn{min-height:48px;font-size:16px}.booking-avatar-drop{flex-direction:column;text-align:center}.booking-avatar-drop img,.booking-avatar-drop>span{width:92px!important;height:92px!important}}
.saved-payment-card{background:linear-gradient(135deg,#0f2744,#014BC8);color:#fff;border-radius:20px;padding:22px;min-height:128px;display:grid;align-content:space-between;box-shadow:0 18px 40px rgba(22,119,255,.2)}.saved-payment-card>b{font-size:18px;letter-spacing:.08em}.saved-payment-card>strong{font-size:21px;letter-spacing:.09em}.saved-payment-card>small{opacity:.85}
.market-use-location-mobile{display:none}
@media(max-width:760px){.market-use-location-mobile{display:block;width:100%;margin-top:8px;border:0;background:#eef6ff;color:#1466bd;border-radius:11px;padding:10px;font-weight:850}.booking-search-tools #market-use-location{display:none}}

/* V108 reservation editor + marketplace popup controls */
.edit-party-card,.edit-payment-card{margin:14px 0;padding:16px;border:1px solid #dbe7f4;border-radius:16px;background:#f8fbff}.edit-party-card>b,.edit-payment-card>div:first-child>b{display:block;color:#193652;font-size:14px}.edit-payment-card>div:first-child small{display:block;margin-top:3px;color:#6d8094}.edit-party-grid,.edit-payment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.edit-party-grid label,.edit-payment-grid label{display:grid;gap:5px;font-size:12px;font-weight:800;color:#415b73}.edit-party-grid input,.edit-payment-grid input{width:100%}.edit-party-total{margin-top:10px;color:#60758a}.edit-party-total strong{color:#014BC8}.edit-payment-locked{display:flex;flex-direction:column;justify-content:center;padding:10px 12px;border:1px solid #dbe7f4;border-radius:12px;background:#fff}.edit-payment-locked span,.edit-payment-locked small{font-size:11px;color:#71849a}.edit-payment-locked strong{margin:3px 0;color:#16324e}.edit-payment-summary{display:flex;justify-content:flex-end;gap:16px;margin-top:12px;padding-top:12px;border-top:1px solid #dfe9f3;color:#667b91}.edit-payment-summary b{color:#173956}.market-popup-head{display:none}.market-control-copy{display:grid;text-align:left;line-height:1.05}.market-control-copy small{font-size:10px;color:#6f8298;text-transform:uppercase;letter-spacing:.07em}.market-control-copy b{font-size:13px;color:#173653}.market-control-icon{width:34px;height:34px;border-radius:10px;background:#e9f4ff;color:#014BC8;display:grid;place-items:center;font-size:18px}.market-control-chevron{margin-left:auto;color:#66809a}.market-control-btn{align-items:center!important;text-align:left!important;gap:9px!important}
@media(max-width:760px){body.market-popup-open{overflow:hidden}.market-mobile-controls{gap:10px!important}.market-mobile-controls .market-control-btn{display:flex!important;min-height:58px;padding:8px 10px!important;border:1px solid #d2e2f2!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;border-radius:16px!important;box-shadow:0 7px 20px rgba(31,84,138,.08)}.market-sort-block.mobile-open,.booking-market-filters.mobile-open{position:fixed!important;display:block!important;left:12px!important;right:12px!important;bottom:12px!important;top:auto!important;max-height:min(72vh,620px)!important;overflow:auto!important;z-index:10002!important;background:#fff!important;border:1px solid #d7e5f3!important;border-radius:24px!important;padding:18px!important;box-shadow:0 24px 90px rgba(13,37,65,.32)!important}.market-sort-block.mobile-open:before,.booking-market-filters.mobile-open:before{content:"";position:fixed;inset:0;background:rgba(10,27,48,.48);z-index:-1}.market-popup-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding-bottom:13px;border-bottom:1px solid #e5edf5}.market-popup-head small{font-size:9px;font-weight:900;color:#014BC8;letter-spacing:.12em}.market-popup-head h3{margin:2px 0 0;font-size:21px}.market-popup-close{border:0!important;width:40px!important;height:40px!important;border-radius:12px!important;background:#f0f5fa!important;font-size:24px!important;color:#29465f!important;padding:0!important}.market-sort-label{display:block!important;margin-bottom:7px;font-size:12px!important;font-weight:850!important;color:#536c84!important}.market-sort-block select{width:100%;min-height:50px;font-size:16px;border-radius:13px}.booking-market-filters.mobile-open label{font-size:13px}.booking-market-filters.mobile-open select,.booking-market-filters.mobile-open input:not([type=checkbox]):not([type=range]){min-height:46px;font-size:16px}.edit-party-grid,.edit-payment-grid{grid-template-columns:1fr}.edit-payment-summary{justify-content:space-between;flex-wrap:wrap}}
/* V110 PROMO SHOP */
.promo-page,.promo-admin-page{display:grid;gap:18px}.promo-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.promo-route-card{min-width:250px;padding:16px 18px;border:1px solid #d9e7f5;border-radius:18px;background:linear-gradient(135deg,#f7fbff,#edf6ff);display:grid;gap:4px}.promo-route-card small{color:#71839b;font-weight:750}.promo-route-card b{font-size:18px;color:#183358}.promo-route-card span{font-size:12px;font-weight:850;color:#1478e8}.promo-benefits{display:flex;flex-wrap:wrap;gap:8px}.promo-benefits span{padding:8px 11px;border-radius:999px;background:#eef8f4;color:#19795e;font-weight:800;font-size:12px}.promo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.promo-card{background:#fff;border:1px solid #dce8f4;border-radius:20px;overflow:hidden;box-shadow:0 9px 28px rgba(28,72,118,.07)}.promo-art{height:150px;background:linear-gradient(145deg,#eaf4ff,#f9fcff);display:grid;place-items:center;align-content:center;gap:5px}.promo-art span{font-size:46px}.promo-art b{color:#1478e8;letter-spacing:.8px}.promo-card-body{padding:17px}.promo-card-body>small{font-size:10px;font-weight:900;color:#1478e8;text-transform:uppercase}.promo-card-body h3{margin:5px 0 7px;font-size:19px}.promo-card-body p{min-height:40px;color:#6a7e95;font-size:13px;line-height:1.45}.promo-price{display:flex;align-items:baseline;gap:8px;margin:12px 0}.promo-price strong{font-size:24px;color:#183358}.promo-price span{font-size:11px;color:#73859a}.promo-buy{display:grid;grid-template-columns:1fr 1fr;gap:9px}.promo-buy label{font-size:11px}.promo-buy .full-field,.promo-buy button{grid-column:1/-1}.promo-status{display:inline-flex;padding:5px 8px;border-radius:999px;background:#edf6ff;color:#236fae;font-weight:800;font-size:11px}.promo-orders{margin-top:4px}.promo-admin-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.promo-provider-table{margin-top:18px}.promo-provider-table td small{display:block;color:#77899e}.promo-toggles{display:flex;gap:18px;margin:14px 0}.promo-toggles label{display:flex;align-items:center;gap:7px;font-weight:800}.promo-toggles input{width:auto}.promo-price-input{width:95px!important}.promo-how ol{padding-left:22px;line-height:1.7}.promo-how p{color:#5d7188;line-height:1.55}.inline{display:inline}.btn.danger{background:#fff3f4;color:#b42336;border-color:#ffd4d8}
@media(max-width:1100px){.promo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.promo-heading{display:grid}.promo-route-card{min-width:0}.promo-grid{grid-template-columns:1fr}.promo-admin-kpis{grid-template-columns:1fr}.promo-buy{grid-template-columns:1fr}.promo-buy .full-field,.promo-buy button{grid-column:auto}}
/* V111 promo checkout */
.promo-logo-box{display:flex;justify-content:space-between;align-items:center;gap:18px}.promo-logo-box form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.promo-checkout{max-width:900px}.promo-checkout>a{margin-top:12px}.promo-quote{margin:18px 0;padding:16px;border:1px solid #d7e6f4;border-radius:16px;background:#f8fbff;display:grid;gap:8px}.promo-quote>div{display:flex;justify-content:space-between;gap:15px}.promo-quote .total{border-top:1px solid #d7e6f4;padding-top:10px;font-size:18px}.promo-quote small{color:#66788e}.promo-checkout .form-grid{margin:14px 0}.promo-provider-table .btn{margin:2px}
@media(max-width:720px){.promo-logo-box{display:grid}.promo-logo-box form{display:grid}.promo-provider-table td:last-child{min-width:180px}}

/* V117 Promo visual shop, motifs, loader and order tracking */
.promo-tabs{display:flex;gap:8px;padding:6px;background:#eef5fc;border:1px solid #dce8f4;border-radius:16px;width:max-content;max-width:100%;overflow:auto}.promo-tabs a{display:flex;align-items:center;gap:8px;padding:10px 15px;border-radius:11px;color:#55708d;text-decoration:none;font-weight:850;white-space:nowrap}.promo-tabs a.active{background:#fff;color:#1478e8;box-shadow:0 4px 15px rgba(28,72,118,.10)}.promo-tabs a span{min-width:22px;height:22px;padding:0 6px;display:inline-grid;place-items:center;border-radius:999px;background:#e7f2ff;color:#1478e8;font-size:11px}
.promo-art-real{height:210px;background:linear-gradient(145deg,#edf6ff,#fff);display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid #e3edf7}.promo-art-real img{width:100%;height:100%;object-fit:cover;display:block}.promo-card{transition:transform .2s ease,box-shadow .2s ease}.promo-card:hover{transform:translateY(-2px);box-shadow:0 15px 38px rgba(28,72,118,.12)}
.promo-design-label{display:block;font-size:11px;font-weight:850;color:#425c77;margin-bottom:7px}.promo-design-grid{display:grid;grid-template-columns:repeat(5,minmax(105px,1fr));gap:8px}.promo-design-card{position:relative;border:1px solid #d9e6f2;border-radius:13px;padding:7px;background:#fff;cursor:pointer;min-width:0}.promo-design-card input{position:absolute;opacity:0;pointer-events:none}.promo-design-card:has(input:checked){border:2px solid #1478e8;padding:6px;background:#f4f9ff;box-shadow:0 0 0 3px rgba(20,120,232,.10)}.promo-design-card>b{display:block;font-size:11px;color:#17365d;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.promo-design-card>small{display:block;font-size:9px;line-height:1.25;color:#73879d;height:23px;overflow:hidden}.promo-design-preview{height:70px;border-radius:9px;background:#f4f8fc;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #e5edf5}.promo-design-preview img{max-width:72%;max-height:35px;object-fit:contain}.promo-design-preview i{position:absolute;font-style:normal;font-size:8px;font-weight:900;color:#1478e8}.promo-design-preview.layout-classic i{bottom:6px;right:7px}.promo-design-preview.layout-minimal img{max-width:48%}.promo-design-preview.layout-minimal i{display:none}.promo-design-preview.layout-adventure{background:linear-gradient(150deg,#eef8ff,#fff7df)}.promo-design-preview.layout-adventure i{bottom:6px;letter-spacing:.5px}.promo-design-preview.layout-qr_focus i{width:28px;height:28px;display:grid;place-items:center;border:2px solid #1478e8;border-radius:5px;right:8px;bottom:7px;background:#fff}.promo-design-preview.layout-crew{background:#17365d}.promo-design-preview.layout-crew i{bottom:7px;color:#fff;letter-spacing:1px}.promo-design-preview.layout-crew img{filter:brightness(0) invert(1)}
.promo-checkout-head{display:flex;align-items:center;gap:14px;margin:10px 0 18px}.promo-checkout-head img{width:130px;height:82px;object-fit:cover;border-radius:13px;border:1px solid #dae6f2;background:#f6faff}.promo-checkout-head h2{margin:0 0 4px}.promo-checkout-head p{margin:0;color:#70839a}
.promo-calc-overlay{position:fixed;inset:0;background:rgba(9,27,48,.48);backdrop-filter:blur(5px);z-index:10050;display:none;align-items:center;justify-content:center;padding:18px}.promo-calc-overlay.show{display:flex}.promo-calc-box{width:min(390px,92vw);background:#fff;border-radius:24px;padding:30px 24px;text-align:center;box-shadow:0 28px 80px rgba(0,0,0,.25)}.promo-calc-box h3{margin:18px 0 6px;color:#17365d;font-size:20px}.promo-calc-box p{margin:0;color:#71849a;font-size:13px;line-height:1.45}.promo-progress{--p:8;width:128px;height:128px;margin:auto;border-radius:50%;background:conic-gradient(#1478e8 calc(var(--p)*1%),#dceafa 0);display:grid;place-items:center;transition:background .25s linear;box-shadow:0 12px 30px rgba(20,120,232,.18)}.promo-progress-inner{width:102px;height:102px;background:#fff;border-radius:50%;display:grid;place-items:center}.promo-progress-inner img{width:78px;height:auto}
.promo-orders-cards{display:grid;gap:12px}.promo-order-card{display:flex;align-items:center;justify-content:space-between;gap:18px;text-decoration:none!important;color:inherit;padding:18px 20px;transition:transform .18s ease,border-color .18s ease}.promo-order-card:hover{transform:translateY(-2px);border-color:#b7d8f8}.promo-order-card h3{margin:4px 0 5px}.promo-order-card p{margin:0;color:#75889c;font-size:12px}.promo-order-card-right{display:grid;justify-items:end;gap:5px}.promo-order-card-right strong{font-size:19px;color:#17365d}.promo-order-card-right small{color:#1478e8;font-weight:750}.promo-status.big{font-size:12px;padding:7px 11px}
.promo-order-detail{display:grid;gap:18px}.promo-back{color:#1478e8;text-decoration:none;font-weight:800}.promo-order-detail-head{display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:18px}.promo-order-detail-head>img{width:150px;height:100px;object-fit:cover;border-radius:15px;border:1px solid #dae7f2}.promo-order-detail-head h2{margin:5px 0}.promo-order-detail-head p{margin:0;color:#72859b}.promo-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:18px 6px}.promo-timeline>div{position:relative;display:grid;justify-items:center;gap:7px;color:#8b9aae;text-align:center}.promo-timeline>div:before{content:"";position:absolute;top:17px;right:50%;left:-50%;height:3px;background:#dfe9f3;z-index:0}.promo-timeline>div:first-child:before{display:none}.promo-timeline span{position:relative;z-index:1;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#edf3f8;border:2px solid #d8e3ed;font-size:12px;font-weight:900}.promo-timeline b{font-size:11px}.promo-timeline>div.done{color:#1478e8}.promo-timeline>div.done span{background:#1478e8;border-color:#1478e8;color:#fff}.promo-timeline>div.done:before{background:#1478e8}.promo-order-info{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.promo-order-info>div{padding:14px;border-radius:13px;background:#f7fafc;border:1px solid #e4edf5;display:grid;gap:4px}.promo-order-info>div.wide{grid-column:1/-1}.promo-order-info small{color:#7b8da1;font-size:10px;font-weight:850;text-transform:uppercase}.promo-order-info b{color:#17365d;font-size:13px}.promo-order-actions{display:flex;gap:9px;flex-wrap:wrap}
.promo-design-admin-list{display:grid;gap:10px}.promo-design-admin{border:1px solid #dce8f4;border-radius:15px;background:#fbfdff;overflow:hidden}.promo-design-admin summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:92px 1fr auto;align-items:center;gap:13px;padding:11px 14px}.promo-design-admin summary::-webkit-details-marker{display:none}.promo-design-admin summary img{width:92px;height:58px;object-fit:cover;border-radius:9px;background:#eef6ff}.promo-design-admin summary div{display:grid;gap:3px}.promo-design-admin summary small{color:#8090a3}.promo-design-admin summary>span{font-size:11px;font-weight:850;color:#1478e8}.promo-design-admin form{padding:0 14px 14px}.promo-design-admin-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:8px 0 12px}.promo-design-admin-slot{padding:11px;border:1px solid #dde8f2;border-radius:12px;background:#fff;display:grid;gap:7px}.promo-design-admin-slot label{font-size:10px}.promo-design-admin-slot .slot-head{display:flex;justify-content:space-between;align-items:center}.promo-design-admin-slot .slot-head label{display:flex;align-items:center;gap:4px}.promo-design-admin-slot .slot-head input{width:auto}
@media(max-width:900px){.promo-design-grid{grid-template-columns:repeat(2,1fr)}.promo-design-admin-grid{grid-template-columns:1fr}.promo-order-detail-head{grid-template-columns:100px 1fr}.promo-order-detail-head>img{width:100px;height:72px}.promo-order-detail-head>.promo-status{grid-column:1/-1;justify-self:start}.promo-order-info{grid-template-columns:1fr 1fr}.promo-timeline{overflow:auto;grid-template-columns:repeat(5,minmax(90px,1fr));padding-bottom:8px}.promo-order-card{align-items:flex-start}.promo-art-real{height:180px}}
@media(max-width:600px){.promo-tabs{width:100%}.promo-tabs a{flex:1;justify-content:center}.promo-design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.promo-order-card{display:grid}.promo-order-card-right{justify-items:start}.promo-order-info{grid-template-columns:1fr}.promo-order-info>div.wide{grid-column:auto}.promo-checkout-head{align-items:flex-start}.promo-checkout-head img{width:105px;height:70px}}

/* V120 · Promo visual placement editor */
.promo-visual-editor-card{overflow:hidden}.promo-visual-selectors{margin-top:18px}.promo-visual-workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.7fr);gap:22px;margin:22px 0}.promo-visual-stage-wrap{min-width:0}.promo-visual-stage-wrap>small{display:block;margin-top:9px;color:#71839b}.promo-visual-stage{position:relative;width:100%;aspect-ratio:1/1;max-height:680px;background:linear-gradient(135deg,#edf5fc,#f9fbfe);border:1px solid #d7e4ef;border-radius:22px;overflow:hidden;touch-action:none}.promo-visual-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.visual-layer{position:absolute;display:flex;align-items:center;justify-content:center;border:2px dashed #1677e8;background:rgba(22,119,232,.08);border-radius:8px;cursor:move;user-select:none;touch-action:none;z-index:3;min-width:34px;min-height:28px}.visual-layer.company span{font-weight:800;text-align:center;line-height:1.05;white-space:nowrap;text-shadow:0 1px 2px rgba(255,255,255,.35)}.visual-layer.qr{background:rgba(22,119,232,.04)}.visual-layer .resize-handle{position:absolute;width:18px;height:18px;right:-8px;bottom:-8px;border-radius:50%;background:#1677e8;border:3px solid #fff;box-shadow:0 2px 8px rgba(20,50,90,.25);cursor:nwse-resize}.qr-pattern{width:86%;height:86%;background:repeating-conic-gradient(var(--qr-color,#111827) 0 25%,transparent 0 50%) 0/16px 16px;opacity:.95}.promo-visual-controls{display:flex;flex-direction:column;gap:14px;padding:18px;background:#f7faff;border:1px solid #dbe7f2;border-radius:18px;align-self:start}.promo-visual-controls label{display:grid;gap:7px;font-weight:700;color:#24364e}.promo-visual-controls input[type=color]{width:100%;height:46px;padding:4px;border-radius:10px}.promo-visual-controls input[type=range]{width:100%}.visual-control-head{display:flex;flex-direction:column;gap:4px}.visual-control-head b{font-size:18px}.visual-control-head span{font-size:12px;color:#6f8198}.promo-visual-existing{margin:18px 0}.promo-visual-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.visual-load-chip{border:1px solid #cfe0ee;background:#f5f9fd;color:#23405f;padding:8px 11px;border-radius:999px;cursor:pointer}.visual-load-chip:hover{background:#e9f4ff;border-color:#9fcaf0}.promo-visual-editor-card input[type=file]{padding:10px;background:#f8fbfe;border-radius:12px}
@media(max-width:900px){.promo-visual-workspace{grid-template-columns:1fr}.promo-visual-controls{position:relative}.promo-visual-stage{max-height:none}}
/* V122 – Promo preview carousel: prednja / stražnja strana */
.promo-live-preview{position:relative;background:#fff}.promo-art-real.promo-live-preview img{object-fit:contain;background:#fff;padding:4px}.promo-preview-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:1px solid #d5e3f1;background:rgba(255,255,255,.94);color:#1478e8;font-size:28px;line-height:1;display:grid;place-items:center;box-shadow:0 6px 18px rgba(19,56,95,.14);padding:0;cursor:pointer}.promo-preview-arrow:hover{background:#1478e8;color:#fff}.promo-preview-arrow.prev{left:10px}.promo-preview-arrow.next{right:10px}.promo-preview-side{position:absolute;z-index:2;left:50%;bottom:8px;transform:translateX(-50%);padding:5px 10px;border-radius:999px;background:rgba(15,35,63,.78);color:#fff;font-size:10px;font-weight:800;white-space:nowrap}.promo-art-real{height:300px}@media(max-width:900px){.promo-art-real{height:260px}.promo-preview-arrow{width:36px;height:36px;font-size:24px}}

/* Android app */
.reboat-mobile-auth-body{background:linear-gradient(180deg,#eff6ff 0,#f8fbff 46%,#fff 100%);min-height:100vh}.mobile-auth-header{justify-content:center!important;border-bottom:0!important;background:transparent!important;box-shadow:none!important;padding:28px 18px 8px!important}.mobile-auth-header .logo{font-size:27px}.reboat-mobile-auth-body main{display:flex;justify-content:center;align-items:flex-start;padding:18px 18px 40px;min-height:calc(100vh - 150px)}.mobile-auth-footer{justify-content:center!important;background:transparent!important;border-top:0!important;color:#64748b!important}.mobile-app-entry{width:min(520px,100%);background:#fff;border:1px solid #dbeafe;border-radius:28px;padding:34px 28px;box-shadow:0 24px 70px rgba(37,99,235,.13);text-align:center}.mobile-app-brand{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:22px}.mobile-app-brand img,.mobile-auth-logo img{width:174px;height:auto}.mobile-app-brand span{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#64748b}.mobile-app-entry h1{font-size:32px;margin:0 0 10px;color:#0f172a}.mobile-app-entry>p{color:#64748b;font-size:16px;margin:0 auto 24px;max-width:380px}.mobile-app-auth-actions{display:grid;gap:12px}.mobile-app-login{font-size:17px;padding:15px}.mobile-app-register{font-size:17px;padding:15px}.mobile-app-feature-row{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:24px}.mobile-app-feature-row span{background:#eff6ff;border:1px solid #dbeafe;color:#2563eb;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.mobile-auth-card{width:min(500px,100%)!important;border-radius:26px!important;box-shadow:0 24px 70px rgba(37,99,235,.12)!important;border-color:#dbeafe!important}.mobile-auth-logo{text-align:center;margin:4px 0 22px}.mobile-auth-switch{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:18px;display:grid;gap:10px;text-align:center}.mobile-auth-switch span{color:#64748b;font-size:13px}.android-app-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.settings-checkbox-card{display:flex!important;align-items:flex-start;gap:11px;border:1px solid #dbeafe;background:#f8fbff;border-radius:14px;padding:14px!important}.settings-checkbox-card input{width:20px!important;height:20px!important;flex:0 0 auto;margin-top:2px}.settings-checkbox-card span{display:grid;gap:3px}.settings-checkbox-card small{color:#64748b}.terminal-location-create{margin-top:18px;border-top:1px solid #e2e8f0;padding-top:16px}.terminal-location-create summary{cursor:pointer;font-weight:800;color:#2563eb}.terminal-location-create form{margin-top:15px}.vpos-modal-payment-actions{display:grid;gap:10px}.vpos-tap-to-pay-native{background:#0f172a!important;border-color:#0f172a!important}.vpos-tap-to-pay-native:hover{background:#1e293b!important}@media(max-width:720px){.android-app-status-grid{grid-template-columns:1fr}.mobile-app-entry{padding:28px 20px;border-radius:23px}.mobile-app-entry h1{font-size:28px}.mobile-auth-card{margin-top:0!important}}

/* V130 — Android app visual layer. Applies only inside reBOAT Android WebView. */
.reboat-mobile-auth-body,.reboat-mobile-app-body{--app-blue:#014BC8;--app-dark:#0f172a;--app-muted:#64748b;--app-line:#e5e7eb;--app-bg:#f7f9fc;background:#fff!important;color:var(--app-dark);padding-bottom:env(safe-area-inset-bottom)}
.reboat-mobile-auth-body main{min-height:calc(100dvh - 72px);padding:0 20px 28px!important;display:block!important}.mobile-auth-header{height:72px!important;min-height:72px!important;padding:0 20px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;border:0!important;box-shadow:none!important;position:sticky;top:0;z-index:200}.mobile-top-logo{display:flex;align-items:center;justify-content:center}.mobile-top-logo img{width:132px;height:auto;display:block}.reboat-mobile-auth-body footer{display:none!important}
/* launch + splash */
.reboat-mobile-launch{min-height:calc(100dvh - 72px);display:grid;place-items:center}.reboat-mobile-splash{position:fixed;inset:0;z-index:99999;background:#fff;display:grid;place-items:center;transition:opacity .28s ease,transform .28s ease}.reboat-mobile-splash.is-leaving{opacity:0;transform:scale(1.015)}.reboat-mobile-splash-loader{position:relative;width:190px;height:190px;display:grid;place-items:center}.reboat-mobile-splash-loader img{width:142px;height:auto;z-index:2}.reboat-mobile-splash-loader span{position:absolute;inset:8px;border-radius:50%;border:4px solid #e8f1ff;border-top-color:var(--app-blue);border-right-color:var(--app-blue);animation:reboatMobileSpin .9s linear infinite}@keyframes reboatMobileSpin{to{transform:rotate(360deg)}}
.mobile-welcome-screen{width:100%;max-width:430px;margin:0 auto;padding:28px 2px 40px;text-align:center;opacity:0;transform:translateY(10px);transition:.32s ease}.mobile-welcome-screen.is-ready{opacity:1;transform:none}.mobile-welcome-logo img{width:168px;height:auto}.mobile-welcome-copy{margin:52px 0 36px}.mobile-welcome-copy h1{font-size:30px;line-height:1.1;margin:0 0 10px;letter-spacing:-.03em}.mobile-welcome-copy p{font-size:15px;line-height:1.55;color:var(--app-muted);margin:0 auto;max-width:310px}.mobile-welcome-actions{display:grid;gap:12px}.mobile-primary-action,.mobile-secondary-action{min-height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;text-decoration:none!important;font-size:16px;font-weight:850;letter-spacing:.01em}.mobile-primary-action{background:var(--app-blue);color:#fff!important;box-shadow:0 10px 26px rgba(22,119,255,.22)}.mobile-secondary-action{background:#eef5ff;color:var(--app-blue)!important}
/* auth forms */
.reboat-mobile-auth-body .mobile-auth-card,.reboat-mobile-auth-body .register-card{width:100%!important;max-width:430px!important;margin:18px auto 0!important;padding:18px 0 28px!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}.reboat-mobile-auth-body .mobile-auth-logo{display:none!important}.reboat-mobile-auth-body .mobile-auth-card h1,.reboat-mobile-auth-body .register-card h1{font-size:28px;letter-spacing:-.03em;margin:4px 0 26px;text-align:left}.reboat-mobile-auth-body .mobile-auth-card form,.reboat-mobile-auth-body .register-card form{display:grid;gap:14px}.reboat-mobile-auth-body label{font-size:13px;font-weight:750;color:#334155;gap:7px}.reboat-mobile-auth-body input:not([type=checkbox]):not([type=radio]),.reboat-mobile-auth-body select{min-height:56px!important;border:1px solid #dce3ed!important;border-radius:15px!important;background:#f9fbfd!important;padding:0 16px!important;font-size:16px!important;box-shadow:none!important}.reboat-mobile-auth-body input:focus,.reboat-mobile-auth-body select:focus{border-color:var(--app-blue)!important;background:#fff!important;box-shadow:0 0 0 3px rgba(22,119,255,.10)!important}.reboat-mobile-auth-body button,.reboat-mobile-auth-body .btn{min-height:56px;border-radius:16px!important;font-weight:850!important;font-size:16px!important}.reboat-mobile-auth-body .mobile-auth-card>p{text-align:center;margin:18px 0 0}.reboat-mobile-auth-body .mobile-auth-card>p a{color:var(--app-blue);font-weight:750;text-decoration:none}.reboat-mobile-auth-body .mobile-auth-switch{margin-top:26px;padding-top:22px;border-top:1px solid #eef1f5}.reboat-mobile-auth-body .mobile-auth-switch .btn{background:#eef5ff!important;border:0!important;color:var(--app-blue)!important}.reboat-mobile-auth-body .register-shell{display:block!important;max-width:430px!important;margin:0 auto!important}.reboat-mobile-auth-body .register-intro{display:none!important}.reboat-mobile-auth-body .registration-choice-head{text-align:left;margin-bottom:14px}.reboat-mobile-auth-body .registration-choice-head .eyebrow{display:none}.reboat-mobile-auth-body .registration-choice-head h2{font-size:25px;margin:0 0 7px}.reboat-mobile-auth-body .registration-choice-head p{font-size:14px;color:var(--app-muted);margin:0}.reboat-mobile-auth-body .registration-kind-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:10px 0 18px!important}.reboat-mobile-auth-body .registration-kind-grid label{min-height:92px;border:1px solid #e4e9f0!important;border-radius:17px!important;background:#fff!important;padding:14px!important;display:flex!important;align-items:flex-start!important;box-shadow:none!important}.reboat-mobile-auth-body .registration-kind-grid label:has(input:checked){border-color:var(--app-blue)!important;background:#f2f7ff!important;box-shadow:inset 0 0 0 1px var(--app-blue)!important}.reboat-mobile-auth-body .registration-kind-grid small{font-size:11px;line-height:1.3;color:var(--app-muted)}.reboat-mobile-auth-body .form-grid.two{grid-template-columns:1fr!important;gap:14px!important}.reboat-mobile-auth-body .owner-trial-note,.reboat-mobile-auth-body .crew-register-note{border:0!important;border-radius:15px!important;background:#f2f7ff!important;padding:14px 15px!important;color:#334155}.reboat-mobile-auth-body .terms-accept{align-items:flex-start!important}.reboat-mobile-auth-body .phone-input-row{grid-template-columns:118px 1fr!important}.mobile-simple-state{min-height:70dvh;display:grid;place-items:center;text-align:center;align-content:center;gap:12px}.mobile-simple-state img{width:150px}.mobile-simple-state h1{font-size:24px;margin:18px 0 0}.mobile-simple-state p{color:var(--app-muted);max-width:320px;margin:0}
/* logged-in app chrome */
.reboat-mobile-app-body{background:var(--app-bg)!important;padding-top:72px!important}.reboat-mobile-app-header{position:fixed!important;top:0;left:0;right:0;height:72px!important;min-height:72px!important;padding:0 18px!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(18px);border:0!important;border-bottom:1px solid #edf0f4!important;box-shadow:none!important;z-index:1000;display:flex!important;align-items:center!important;justify-content:center!important}.reboat-mobile-app-header .mobile-top-logo img{width:126px}.reboat-mobile-app-header .mobile-menu-toggle{display:flex!important;position:absolute!important;left:16px;top:17px;width:40px;height:40px;border:0!important;border-radius:13px!important;background:#f1f5f9!important;padding:10px!important;box-shadow:none!important}.reboat-mobile-app-header .header-profile{position:absolute!important;right:16px;top:16px;width:40px;height:40px;border-radius:50%!important;margin:0!important}.reboat-mobile-app-header #main-navigation{position:fixed!important;display:none!important;left:12px!important;right:12px!important;top:80px!important;bottom:12px!important;width:auto!important;max-height:none!important;overflow-y:auto!important;padding:10px!important;background:#fff!important;border:1px solid #e7ebf0!important;border-radius:24px!important;box-shadow:0 24px 70px rgba(15,23,42,.18)!important;z-index:1100!important;grid-template-columns:1fr!important;align-content:start!important;gap:2px!important}.reboat-mobile-app-header.mobile-menu-open #main-navigation{display:grid!important}.reboat-mobile-app-header #main-navigation a{min-height:52px!important;padding:0 16px!important;margin:0!important;border:0!important;border-radius:14px!important;display:flex!important;align-items:center!important;color:#1e293b!important;font-size:15px!important;font-weight:760!important;text-decoration:none!important;background:transparent!important}.reboat-mobile-app-header #main-navigation a.active{background:#edf5ff!important;color:var(--app-blue)!important}.reboat-mobile-app-header #main-navigation a[href="/logout"]{margin-top:8px!important;background:#fff1f2!important;color:#be123c!important}.reboat-mobile-app-body main{padding:16px 14px 34px!important;max-width:100%!important;min-height:calc(100dvh - 72px)}.reboat-mobile-app-body footer{display:none!important}.reboat-mobile-app-body .page-head,.reboat-mobile-app-body .page-heading{margin:2px 0 14px!important;display:block!important}.reboat-mobile-app-body .page-head .eyebrow,.reboat-mobile-app-body .page-heading .eyebrow{font-size:10px;letter-spacing:.12em}.reboat-mobile-app-body .page-head h1,.reboat-mobile-app-body .page-heading h1{font-size:26px!important;line-height:1.12!important;letter-spacing:-.03em!important;margin:5px 0 6px!important}.reboat-mobile-app-body .page-head p,.reboat-mobile-app-body .page-heading p{font-size:13px!important;line-height:1.45!important;color:var(--app-muted)!important;margin:0!important}.reboat-mobile-app-body .card{border:0!important;border-radius:20px!important;box-shadow:0 1px 0 rgba(15,23,42,.03),0 6px 22px rgba(15,23,42,.045)!important;background:#fff!important;padding:16px!important}.reboat-mobile-app-body button,.reboat-mobile-app-body .btn{border-radius:14px!important;min-height:46px;font-weight:800!important}.reboat-mobile-app-body input:not([type=checkbox]):not([type=radio]),.reboat-mobile-app-body select,.reboat-mobile-app-body textarea{border-radius:14px!important;border-color:#dde4ec!important;background:#fff!important;min-height:48px;font-size:15px!important}.reboat-mobile-app-body .table-wrap{border-radius:18px!important;border:0!important;box-shadow:0 4px 18px rgba(15,23,42,.045)!important;background:#fff!important}.reboat-mobile-app-body .flash{border-radius:14px!important;margin:0 0 12px!important}.reboat-mobile-app-body .modal>div,.reboat-mobile-app-body [class*="modal-box"],.reboat-mobile-app-body [class*="modal-dialog"]{border-radius:24px!important}.reboat-mobile-app-body .calendar-toolbar,.reboat-mobile-app-body .analytics-filter,.reboat-mobile-app-body .ticket-search{border-radius:18px!important}.reboat-mobile-app-body .employee-tabs,.reboat-mobile-app-body .crew-business-tabs,.reboat-mobile-app-body .ticket-tabs{scrollbar-width:none}.reboat-mobile-app-body .employee-tabs::-webkit-scrollbar,.reboat-mobile-app-body .crew-business-tabs::-webkit-scrollbar,.reboat-mobile-app-body .ticket-tabs::-webkit-scrollbar{display:none}
@media(max-width:760px){.reboat-mobile-app-body .card{padding:14px!important}.reboat-mobile-app-body .page-head-actions,.reboat-mobile-app-body .reservations-head-actions{width:100%!important;margin-top:12px!important}.reboat-mobile-auth-body main{padding-left:20px!important;padding-right:20px!important}}


/* V131 Android native-style drawer/auth polish */
.reboat-mobile-auth-body main{min-height:100dvh!important;padding-top:max(24px,env(safe-area-inset-top))!important;display:flex!important;align-items:center!important;justify-content:center!important}
.mobile-auth-header{display:none!important;height:0!important;min-height:0!important}
.mobile-welcome-screen{padding:20px 2px 44px!important}
.mobile-welcome-logo{display:none!important}
.mobile-welcome-copy{margin:0 0 40px!important}
.mobile-welcome-copy h1{font-size:34px!important;font-weight:900!important;letter-spacing:-.045em!important}
.mobile-welcome-copy p{font-size:16px!important;max-width:300px!important}
.reboat-mobile-splash-loader{width:258px!important;height:258px!important}
.reboat-mobile-splash-loader img{width:184px!important}
.reboat-mobile-splash-loader span{inset:9px!important;border-width:8px!important;border-color:#e6f0ff!important;border-top-color:var(--app-blue)!important;border-right-color:var(--app-blue)!important;box-shadow:0 0 0 1px rgba(22,119,255,.03)}

/* registration selector = touch-first app tiles */
.reboat-mobile-auth-body .registration-kind-grid{grid-template-columns:1fr 1fr!important;gap:12px!important;margin:14px 0 24px!important}
.reboat-mobile-auth-body .registration-kind-grid label{position:relative!important;min-height:116px!important;padding:16px 12px!important;border:1px solid #e6eaf0!important;border-radius:22px!important;background:#f8fafc!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:8px!important;box-shadow:none!important;transition:transform .16s ease,border-color .16s ease,background .16s ease!important}
.reboat-mobile-auth-body .registration-kind-grid label:active{transform:scale(.975)}
.reboat-mobile-auth-body .registration-kind-grid input{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}
.reboat-mobile-auth-body .registration-kind-grid label::before{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#fff;border:1px solid #e7edf5;font-size:22px;line-height:1}
.reboat-mobile-auth-body .registration-kind-grid label:has(input[value="owner"])::before{content:"⚓"}
.reboat-mobile-auth-body .registration-kind-grid label:has(input[value="skipper"])::before{content:"🧭"}
.reboat-mobile-auth-body .registration-kind-grid label:has(input[value="sailor"])::before{content:"⛵"}
.reboat-mobile-auth-body .registration-kind-grid label:has(input[value="crew_booker"])::before{content:"🤝"}
.reboat-mobile-auth-body .registration-kind-grid label span{display:grid!important;gap:4px!important;justify-items:center!important}
.reboat-mobile-auth-body .registration-kind-grid b{font-size:15px!important;color:#182235!important}
.reboat-mobile-auth-body .registration-kind-grid small{font-size:11px!important;line-height:1.25!important;color:#718096!important;max-width:145px}
.reboat-mobile-auth-body .registration-kind-grid label:has(input:checked){border-color:var(--app-blue)!important;background:#edf5ff!important;box-shadow:0 0 0 2px rgba(22,119,255,.10)!important}
.reboat-mobile-auth-body .registration-kind-grid label:has(input:checked)::before{background:var(--app-blue)!important;border-color:var(--app-blue)!important;box-shadow:0 7px 18px rgba(22,119,255,.22)}
.reboat-mobile-auth-body .registration-kind-grid label:has(input:checked)::after{content:"✓";position:absolute;top:10px;right:11px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--app-blue);color:#fff;font-size:12px;font-weight:900}

/* true Android-style navigation drawer */
.reboat-mobile-app-body{padding-top:64px!important}
.reboat-mobile-app-header{height:64px!important;min-height:64px!important;padding:0 14px!important;justify-content:flex-start!important;z-index:1500!important}
.reboat-mobile-app-header .mobile-top-logo{display:none!important}
.reboat-mobile-app-header .mobile-menu-toggle{left:12px!important;top:12px!important;width:42px!important;height:42px!important;border-radius:14px!important;background:#f1f5f9!important;z-index:1702!important}
.reboat-mobile-app-header .header-profile{right:12px!important;top:11px!important;width:42px!important;height:42px!important;z-index:1600!important}
.reboat-mobile-app-header #main-navigation{position:fixed!important;display:flex!important;flex-direction:column!important;left:0!important;right:auto!important;top:0!important;bottom:0!important;width:72vw!important;min-width:260px!important;max-width:340px!important;height:100dvh!important;max-height:none!important;overflow-y:auto!important;padding:calc(22px + env(safe-area-inset-top)) 12px calc(18px + env(safe-area-inset-bottom))!important;background:#fff!important;border:0!important;border-radius:0 26px 26px 0!important;box-shadow:18px 0 48px rgba(15,23,42,.18)!important;z-index:1700!important;grid-template-columns:none!important;align-content:initial!important;gap:3px!important;transform:translateX(-105%)!important;visibility:hidden!important;pointer-events:none!important;opacity:.98!important;transition:transform .24s cubic-bezier(.2,.8,.2,1),visibility 0s linear .24s!important}
.reboat-mobile-app-header.mobile-menu-open #main-navigation{transform:translateX(0)!important;visibility:visible!important;pointer-events:auto!important;transition:transform .24s cubic-bezier(.2,.8,.2,1),visibility 0s!important}
.reboat-mobile-app-body.mobile-drawer-open{overflow:hidden!important}
.reboat-mobile-app-body.mobile-drawer-open::before{content:"";position:fixed;inset:0;background:rgba(15,23,42,.42);backdrop-filter:blur(1.5px);z-index:1400;animation:reboatDrawerFade .2s ease both}
@keyframes reboatDrawerFade{from{opacity:0}to{opacity:1}}
.mobile-drawer-brand{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:10px 12px 22px!important;margin:0 4px 8px!important;border-bottom:1px solid #eef1f5!important;flex:0 0 auto!important}
.mobile-drawer-brand img{display:block!important;width:148px!important;height:auto!important}
.mobile-drawer-brand span{font-size:10px!important;letter-spacing:.18em!important;font-weight:850!important;color:#94a3b8!important;text-transform:uppercase!important}
.reboat-mobile-app-header #main-navigation a{flex:0 0 auto!important;min-height:54px!important;border-radius:15px!important;padding:0 15px!important;font-size:15px!important}
.reboat-mobile-app-header #main-navigation a.active{background:#eaf3ff!important;color:#126ee8!important}
.reboat-mobile-app-body main{min-height:calc(100dvh - 64px)!important;padding-top:16px!important}
@media(max-width:380px){.reboat-mobile-app-header #main-navigation{width:78vw!important;min-width:246px!important}.reboat-mobile-auth-body .registration-kind-grid{gap:9px!important}.reboat-mobile-auth-body .registration-kind-grid label{min-height:108px!important;padding:12px 9px!important}}


/* V132 — simplified Android registration buttons + safer status-bar spacing */
.reboat-mobile-auth-body .registration-kind-grid{
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin:14px 0 24px!important;
}
.reboat-mobile-auth-body .registration-kind-grid label{
  position:relative!important;
  min-height:58px!important;
  padding:0 12px!important;
  border:1px solid #dce5f0!important;
  border-radius:16px!important;
  background:#f7f9fc!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  box-shadow:none!important;
  transition:transform .14s ease,border-color .14s ease,background .14s ease!important;
}
.reboat-mobile-auth-body .registration-kind-grid label:active{transform:scale(.98)!important}
.reboat-mobile-auth-body .registration-kind-grid label::before,
.reboat-mobile-auth-body .registration-kind-grid label::after{content:none!important;display:none!important}
.reboat-mobile-auth-body .registration-kind-grid label span{display:block!important}
.reboat-mobile-auth-body .registration-kind-grid b{font-size:15px!important;font-weight:850!important;color:#172033!important}
.reboat-mobile-auth-body .registration-kind-grid small{display:none!important}
.reboat-mobile-auth-body .registration-kind-grid label:has(input:checked){
  border-color:var(--app-blue)!important;
  background:var(--app-blue)!important;
  box-shadow:0 8px 20px rgba(22,119,255,.18)!important;
}
.reboat-mobile-auth-body .registration-kind-grid label:has(input:checked) b{color:#fff!important}

/* keep Android chrome comfortably below the device status bar */
.reboat-mobile-app-body{padding-top:calc(72px + env(safe-area-inset-top))!important}
.reboat-mobile-app-header{
  top:0!important;
  height:calc(72px + env(safe-area-inset-top))!important;
  min-height:calc(72px + env(safe-area-inset-top))!important;
  padding-top:env(safe-area-inset-top)!important;
  padding-left:14px!important;
  padding-right:14px!important;
}
.reboat-mobile-app-header .mobile-menu-toggle{
  left:14px!important;
  top:calc(env(safe-area-inset-top) + 15px)!important;
  width:44px!important;
  height:44px!important;
}
.reboat-mobile-app-header .header-profile{
  right:14px!important;
  top:calc(env(safe-area-inset-top) + 15px)!important;
  width:44px!important;
  height:44px!important;
}
.reboat-mobile-app-header #main-navigation{
  top:calc(10px + env(safe-area-inset-top))!important;
  height:calc(100dvh - 10px - env(safe-area-inset-top))!important;
  padding:22px 12px calc(18px + env(safe-area-inset-bottom))!important;
  border-radius:0 26px 26px 0!important;
}
.mobile-drawer-brand{
  gap:0!important;
  padding:8px 12px 20px!important;
  margin:0 4px 10px!important;
}
.mobile-drawer-brand img{width:146px!important}
.mobile-drawer-brand span{display:none!important}
.reboat-mobile-app-body main{min-height:calc(100dvh - 72px - env(safe-area-inset-top))!important}
@media(max-width:380px){
  .reboat-mobile-auth-body .registration-kind-grid{gap:8px!important}
  .reboat-mobile-auth-body .registration-kind-grid label{min-height:56px!important;padding:0 8px!important}
}

/* V133 — Android registration as four full-width app buttons + wavy splash progress */
.reboat-mobile-auth-body .registration-kind-grid{display:grid!important;grid-template-columns:1fr!important;gap:11px!important;margin:14px 0 26px!important}
.reboat-mobile-auth-body .registration-kind-grid label{width:100%!important;min-height:56px!important;padding:0 18px!important;border:1.5px solid #014BC8!important;border-radius:16px!important;background:#fff!important;color:#014BC8!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;box-shadow:none!important;transition:background .16s ease,color .16s ease,transform .12s ease,box-shadow .16s ease!important}
.reboat-mobile-auth-body .registration-kind-grid label:active{transform:scale(.985)!important}
.reboat-mobile-auth-body .registration-kind-grid label::before,.reboat-mobile-auth-body .registration-kind-grid label::after{display:none!important;content:none!important}
.reboat-mobile-auth-body .registration-kind-grid label span{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;padding:0!important;background:transparent!important;border:0!important;min-height:0!important}
.reboat-mobile-auth-body .registration-kind-grid b{font-size:16px!important;font-weight:850!important;color:inherit!important;line-height:1!important}
.reboat-mobile-auth-body .registration-kind-grid small,.reboat-mobile-auth-body .registration-kind-grid em{display:none!important}
.reboat-mobile-auth-body .registration-kind-grid input{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}
.reboat-mobile-auth-body .registration-kind-grid label:has(input:checked){background:#014BC8!important;color:#fff!important;border-color:#014BC8!important;box-shadow:0 8px 22px rgba(22,119,255,.20)!important}
.reboat-mobile-auth-body .registration-kind-grid label:has(input:checked) b{color:#fff!important}
.reboat-mobile-splash-loader{position:relative!important;width:230px!important;height:230px!important;display:grid!important;place-items:center!important}
.reboat-mobile-splash-loader img{width:154px!important;height:auto!important;z-index:3!important}
.reboat-mobile-splash-loader>span{display:none!important}
.reboat-wavy-progress{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:rotate(-90deg);z-index:2}
.reboat-wavy-track,.reboat-wavy-fill{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.reboat-wavy-track{stroke:#dcecff;stroke-width:7}
.reboat-wavy-fill{stroke:#014BC8;stroke-width:8;stroke-dasharray:760;stroke-dashoffset:760;animation:reboatWavyFill 3s cubic-bezier(.25,.1,.25,1) forwards}
@keyframes reboatWavyFill{0%{stroke-dashoffset:760}100%{stroke-dashoffset:0}}
@media(max-width:380px){.reboat-mobile-auth-body .registration-kind-grid{grid-template-columns:1fr!important;gap:10px!important}.reboat-mobile-auth-body .registration-kind-grid label{min-height:54px!important;padding:0 14px!important}.reboat-mobile-splash-loader{width:214px!important;height:214px!important}.reboat-mobile-splash-loader img{width:144px!important}}


/* V134 — exact mobile auth button parity, thicker splash ring and persistent-login control */
.reboat-mobile-auth-body .registration-kind-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
  margin:14px 0 26px!important;
}
.reboat-mobile-auth-body .registration-kind-grid label{
  width:100%!important;
  min-height:56px!important;
  padding:0 18px!important;
  border:0!important;
  border-radius:16px!important;
  background:#eef5ff!important;
  color:#014BC8!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
.reboat-mobile-auth-body .registration-kind-grid label span{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important}
.reboat-mobile-auth-body .registration-kind-grid b{font-size:16px!important;font-weight:850!important;letter-spacing:.01em!important;line-height:1!important;color:inherit!important}
.reboat-mobile-auth-body .registration-kind-grid small,.reboat-mobile-auth-body .registration-kind-grid em{display:none!important}
.reboat-mobile-auth-body .registration-kind-grid label:has(input:checked){background:#014BC8!important;color:#fff!important;border:0!important;box-shadow:0 10px 26px rgba(22,119,255,.22)!important}
.reboat-wavy-track{stroke-width:13!important}
.reboat-wavy-fill{stroke-width:16!important}
.mobile-remember-login{display:flex!important;align-items:flex-start!important;gap:11px!important;margin:2px 0 16px!important;padding:12px 14px!important;border-radius:14px!important;background:#f7f9fc!important;color:#0f172a!important;cursor:pointer!important}
.mobile-remember-login input{width:20px!important;height:20px!important;min-width:20px!important;margin:1px 0 0!important;accent-color:#014BC8!important}
.mobile-remember-login span{display:grid!important;gap:2px!important}
.mobile-remember-login b{font-size:14px!important;font-weight:800!important}
.mobile-remember-login small{font-size:12px!important;color:#64748b!important;line-height:1.35!important}
@media(max-width:380px){.reboat-mobile-auth-body .registration-kind-grid label{min-height:56px!important;padding:0 14px!important}}

/* V135 — perfectly circular splash progress, double-thickness */
.reboat-wavy-progress{transform:rotate(-90deg)!important}
.reboat-wavy-track,.reboat-wavy-fill{stroke-linecap:round!important;stroke-linejoin:round!important}
.reboat-wavy-track{stroke-width:16!important}
.reboat-wavy-fill{stroke-width:16!important;stroke-dasharray:590.62!important;stroke-dashoffset:590.62!important;animation:reboatCircleFill 3s cubic-bezier(.25,.1,.25,1) forwards!important}
@keyframes reboatCircleFill{0%{stroke-dashoffset:590.62}100%{stroke-dashoffset:0}}

/* V136 — 3-second full circular splash, 3x thicker ring, no-scroll mobile login, inline forgot-password */
.reboat-mobile-splash-loader{
  width:260px!important;
  height:260px!important;
}
.reboat-mobile-splash-loader img{
  width:145px!important;
}
.reboat-wavy-progress{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  transform:rotate(-90deg)!important;
  overflow:visible!important;
}
.reboat-wavy-track,.reboat-wavy-fill{
  fill:none!important;
  stroke-width:48!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  vector-effect:non-scaling-stroke!important;
}
.reboat-wavy-track{stroke:#e1edff!important}
.reboat-wavy-fill{
  stroke:#014BC8!important;
  stroke-dasharray:628.319!important;
  stroke-dashoffset:628.319!important;
  animation:reboatCircleFillV136 3s linear forwards!important;
}
@keyframes reboatCircleFillV136{
  from{stroke-dashoffset:628.319}
  to{stroke-dashoffset:0}
}

/* Login is a single fixed-height mobile screen: no vertical scrolling required. */
.reboat-mobile-login-page{
  height:100dvh!important;
  min-height:100dvh!important;
  overflow:hidden!important;
  background:#fff!important;
}
.reboat-mobile-login-page main{
  box-sizing:border-box!important;
  height:100dvh!important;
  min-height:0!important;
  overflow:hidden!important;
  padding:max(14px,env(safe-area-inset-top)) 20px max(12px,env(safe-area-inset-bottom))!important;
  align-items:center!important;
}
.reboat-mobile-login-page .mobile-login-card{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:430px!important;
  margin:0 auto!important;
  padding:0!important;
}
.reboat-mobile-login-page .mobile-login-card h1{
  margin:0 0 15px!important;
  font-size:27px!important;
}
.reboat-mobile-login-page .mobile-login-card form{
  gap:10px!important;
}
.reboat-mobile-login-page .mobile-login-card label{
  gap:5px!important;
}
.reboat-mobile-login-page .mobile-login-card input:not([type=checkbox]):not([type=radio]){
  min-height:50px!important;
}
.reboat-mobile-login-page .mobile-remember-login{
  margin:0 0 4px!important;
  padding:9px 12px!important;
  border-radius:13px!important;
}
.reboat-mobile-login-page .mobile-remember-login small{
  font-size:11px!important;
  line-height:1.25!important;
}
.reboat-mobile-login-page .mobile-login-card button,
.reboat-mobile-login-page .mobile-login-card .btn{
  min-height:52px!important;
}
.reboat-mobile-login-page .mobile-login-card>p{
  margin:10px 0 0!important;
}
.reboat-mobile-login-page .mobile-auth-switch{
  margin-top:12px!important;
  padding-top:12px!important;
}
.reboat-mobile-login-page .mobile-auth-switch>span{
  display:block!important;
  margin-bottom:7px!important;
  text-align:center!important;
  font-size:12px!important;
  color:#64748b!important;
}

/* Forgot password is not a popup/card: plain white mobile page. */
.reboat-mobile-forgot-page{
  min-height:100dvh!important;
  height:100dvh!important;
  overflow:hidden!important;
  background:#fff!important;
}
.reboat-mobile-forgot-page main{
  box-sizing:border-box!important;
  width:100%!important;
  height:100dvh!important;
  min-height:0!important;
  padding:max(24px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom))!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.mobile-forgot-page{
  width:100%!important;
  max-width:430px!important;
  margin:0 auto!important;
  padding:0!important;
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
}
.mobile-forgot-page h1{
  margin:0 0 10px!important;
  font-size:28px!important;
  line-height:1.12!important;
  letter-spacing:-.03em!important;
}
.mobile-forgot-page>p{
  margin:0 0 22px!important;
  color:#64748b!important;
  font-size:14px!important;
  line-height:1.5!important;
}
.mobile-forgot-page form{
  display:grid!important;
  gap:14px!important;
  margin:0!important;
}
.mobile-forgot-page label{
  display:grid!important;
  gap:7px!important;
  font-size:13px!important;
  font-weight:750!important;
  color:#334155!important;
}
.mobile-forgot-page input{
  min-height:56px!important;
  border:1px solid #dce3ed!important;
  border-radius:15px!important;
  background:#f9fbfd!important;
  padding:0 16px!important;
  font-size:16px!important;
}
.mobile-forgot-page .mobile-auth-primary,
.mobile-forgot-page .mobile-auth-secondary{
  min-height:56px!important;
  border-radius:16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  font-size:16px!important;
  font-weight:850!important;
  letter-spacing:.01em!important;
  text-decoration:none!important;
}
.mobile-forgot-page .mobile-auth-primary{
  border:0!important;
  background:#014BC8!important;
  color:#fff!important;
  box-shadow:0 10px 26px rgba(22,119,255,.22)!important;
}
.mobile-forgot-page .mobile-auth-secondary{
  margin-top:12px!important;
  border:0!important;
  background:#eef5ff!important;
  color:#014BC8!important;
  box-shadow:none!important;
}
@media(max-height:620px){
  .reboat-mobile-login-page main{padding-top:8px!important;padding-bottom:8px!important}
  .reboat-mobile-login-page .mobile-login-card h1{font-size:24px!important;margin-bottom:9px!important}
  .reboat-mobile-login-page .mobile-login-card form{gap:7px!important}
  .reboat-mobile-login-page .mobile-login-card input:not([type=checkbox]):not([type=radio]){min-height:44px!important}
  .reboat-mobile-login-page .mobile-remember-login{padding:7px 10px!important}
  .reboat-mobile-login-page .mobile-remember-login small{display:none!important}
  .reboat-mobile-login-page .mobile-login-card button,.reboat-mobile-login-page .mobile-login-card .btn{min-height:46px!important}
  .reboat-mobile-login-page .mobile-login-card>p{margin-top:7px!important}
  .reboat-mobile-login-page .mobile-auth-switch{margin-top:8px!important;padding-top:8px!important}
  .reboat-mobile-login-page .mobile-auth-switch>span{margin-bottom:5px!important}
}
@media(max-width:380px){
  .reboat-mobile-splash-loader{width:238px!important;height:238px!important}
  .reboat-mobile-splash-loader img{width:132px!important}
}
\n\n/* V137 — visible 0→100% circular splash progress in exactly 3 seconds */
.reboat-mobile-splash-loader{
  width:360px!important;
  height:360px!important;
  max-width:92vw!important;
  max-height:92vw!important;
}
.reboat-mobile-splash-loader img{
  width:290px!important;
  max-width:74vw!important;
  height:auto!important;
  z-index:3!important;
}
.reboat-wavy-progress{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  overflow:visible!important;
  transform:rotate(-90deg)!important;
  z-index:2!important;
}
.reboat-wavy-track,.reboat-wavy-fill{
  fill:none!important;
  stroke-width:34!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  vector-effect:non-scaling-stroke!important;
}
.reboat-wavy-track{stroke:#e1edff!important}
.reboat-wavy-fill{
  stroke:#014BC8!important;
  stroke-dasharray:100!important;
  stroke-dashoffset:100!important;
  animation:reboatCircleFillV137 3s linear 0s 1 normal forwards!important;
}
@keyframes reboatCircleFillV137{
  0%{stroke-dashoffset:100}
  100%{stroke-dashoffset:0}
}
@media(max-width:380px){
  .reboat-mobile-splash-loader{width:340px!important;height:340px!important}
  .reboat-mobile-splash-loader img{width:264px!important}
}


/* V138 — rebuilt Android splash from scratch */
.reboat-splash-v138{
  position:fixed!important;
  inset:0!important;
  z-index:99999!important;
  width:100vw!important;
  height:100dvh!important;
  background:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  opacity:1;
  transition:opacity .22s ease!important;
}
.reboat-splash-v138.is-leaving{opacity:0!important;pointer-events:none!important}
.reboat-splash-v138-inner{
  position:relative!important;
  width:min(360px,92vw)!important;
  height:min(360px,92vw)!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.reboat-splash-v138-logo{
  display:block!important;
  width:min(290px,74vw)!important;
  height:auto!important;
  max-height:74vw!important;
  object-fit:contain!important;
  position:relative!important;
  z-index:2!important;
}
.reboat-splash-v138-progress{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  transform:rotate(-90deg)!important;
  transform-origin:50% 50%!important;
  z-index:3!important;
  overflow:visible!important;
}
.reboat-splash-v138-track,
.reboat-splash-v138-fill{
  fill:none!important;
  stroke-width:20!important;
  vector-effect:non-scaling-stroke!important;
}
.reboat-splash-v138-track{stroke:#e7f0ff!important}
.reboat-splash-v138-fill{
  stroke:#014BC8!important;
  stroke-linecap:round!important;
  stroke-dasharray:100!important;
  stroke-dashoffset:100!important;
  animation:reboatSplashFillV138 3s linear forwards!important;
}
@keyframes reboatSplashFillV138{
  from{stroke-dashoffset:100}
  to{stroke-dashoffset:0}
}
@media(max-width:380px){
  .reboat-splash-v138-inner{width:min(340px,92vw)!important;height:min(340px,92vw)!important}
  .reboat-splash-v138-logo{width:min(264px,74vw)!important}
}


/* V139 — WebView-safe circular splash progress. JS draws the blue arc 0→100% clockwise in 3s. */
.reboat-splash-v138-fill{animation:none!important;stroke-width:18!important;stroke-linecap:round!important;}

/* V140 — Android /mobile splash: crisp HD logo + true 3-second normalized circular progress. */
.reboat-splash-v138-inner{
  width:min(340px,88vw)!important;
  height:min(340px,88vw)!important;
}
.reboat-splash-v138-logo{
  width:min(270px,70vw)!important;
  height:auto!important;
  image-rendering:auto!important;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  transform:translateZ(0);
}
.reboat-splash-v138-progress{
  transform:rotate(-90deg)!important;
}
.reboat-splash-v138-track,
.reboat-splash-v138-fill{
  stroke-width:16!important;
  vector-effect:non-scaling-stroke!important;
}
.reboat-splash-v138-fill{
  stroke-dasharray:100!important;
  stroke-dashoffset:100;
  animation:none!important;
  stroke-linecap:round!important;
}
@media(max-width:380px){
  .reboat-splash-v138-inner{width:min(310px,88vw)!important;height:min(310px,88vw)!important}
  .reboat-splash-v138-logo{width:min(246px,70vw)!important}
}

/* V141 — restore the proven V132 Android splash spinner only.
   Keep the rest of the application untouched; use HD logo and a thicker ring. */
.reboat-mobile-splash{
  position:fixed!important;
  inset:0!important;
  z-index:99999!important;
  background:#fff!important;
  display:grid!important;
  place-items:center!important;
  transition:opacity .28s ease,transform .28s ease!important;
}
.reboat-mobile-splash.is-leaving{opacity:0!important;transform:scale(1.015)!important}
.reboat-mobile-splash-loader{
  position:relative!important;
  width:258px!important;
  height:258px!important;
  display:grid!important;
  place-items:center!important;
}
.reboat-mobile-splash-loader img{
  width:190px!important;
  height:auto!important;
  max-width:none!important;
  z-index:2!important;
  image-rendering:auto!important;
}
.reboat-mobile-splash-loader>span{
  display:block!important;
  position:absolute!important;
  inset:9px!important;
  border-radius:50%!important;
  border-style:solid!important;
  border-width:12px!important;
  border-color:#e6f0ff!important;
  border-top-color:var(--app-blue)!important;
  border-right-color:var(--app-blue)!important;
  box-shadow:0 0 0 1px rgba(22,119,255,.03)!important;
  animation:reboatMobileSpin .9s linear infinite!important;
}
@keyframes reboatMobileSpin{to{transform:rotate(360deg)}}
@media(max-width:380px){
  .reboat-mobile-splash-loader{width:238px!important;height:238px!important}
  .reboat-mobile-splash-loader img{width:174px!important}
  .reboat-mobile-splash-loader>span{border-width:11px!important}
}

/* V142 — splash-only sizing/speed adjustment. No other UI changes. */
.reboat-mobile-splash-loader{width:300px!important;height:300px!important}
.reboat-mobile-splash-loader img{width:230px!important}
.reboat-mobile-splash-loader>span{inset:8px!important;border-width:16px!important;animation-duration:1.25s!important}
@media(max-width:380px){
  .reboat-mobile-splash-loader{width:276px!important;height:276px!important}
  .reboat-mobile-splash-loader img{width:210px!important}
  .reboat-mobile-splash-loader>span{border-width:15px!important}
}


/* V143 — splash-only: larger logo, thicker two-tone blue ring, 2x slower rotation. */
.reboat-mobile-splash-loader{
  width:350px!important;
  height:350px!important;
}
.reboat-mobile-splash-loader img{
  width:285px!important;
}
.reboat-mobile-splash-loader>span{
  inset:7px!important;
  border-width:22px!important;
  border-color:#d9eaff!important;
  border-top-color:#78b7ff!important;
  border-right-color:#014BC8!important;
  animation-duration:2.5s!important;
}
@media(max-width:380px){
  .reboat-mobile-splash-loader{
    width:326px!important;
    height:326px!important;
  }
  .reboat-mobile-splash-loader img{
    width:262px!important;
  }
  .reboat-mobile-splash-loader>span{
    border-width:21px!important;
  }
}

/* V145 Superadmin Notification Hub */
.notification-hub{display:grid;gap:22px}.notification-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.notification-kpis .card{padding:18px;display:grid;gap:6px}.notification-kpis span{font-size:12px;color:#64748b;font-weight:800;text-transform:uppercase}.notification-kpis strong{font-size:30px}.notification-composer{display:grid;gap:18px;padding:24px}.notification-compose-head,.notification-send-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.notification-live-badge{background:#e8f3ff;color:#014BC8;border:1px solid #bcdcff;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900}.notification-geofence{border:1px solid #d9e7f8;border-radius:18px;padding:16px;background:#f8fbff}.notification-geofence #notification-geofence-map{height:420px;border-radius:14px;margin:14px 0;overflow:hidden}.notification-send-row{border-top:1px solid #e5edf7;padding-top:18px}.notification-send-row div{display:grid}.notification-send-row small,.notification-history td small{display:block;color:#64748b;margin-top:4px}.notification-history{padding:22px}.hidden{display:none!important}@media(max-width:800px){.notification-kpis{grid-template-columns:1fr 1fr}.notification-compose-head,.notification-send-row{align-items:flex-start;flex-direction:column}.notification-send-row .btn{width:100%}.notification-geofence #notification-geofence-map{height:320px}}@media(max-width:430px){.notification-kpis{grid-template-columns:1fr}}

/* V146 — notification inbox + rich superadmin composer */
.notification-inbox-page,.notification-detail-page{max-width:980px;margin:0 auto}.notification-inbox-list{display:grid;gap:12px}.notification-inbox-card{position:relative;display:flex;align-items:stretch;background:#fff;border:1px solid #dce8f6;border-radius:22px;overflow:hidden;box-shadow:0 10px 30px rgba(21,54,93,.05)}.notification-inbox-card.is-unread{border-color:#98c5ff;background:#f8fbff}.notification-card-main{display:grid;grid-template-columns:minmax(0,180px) 1fr;gap:18px;align-items:center;padding:18px 58px 18px 18px;color:inherit;text-decoration:none;flex:1;min-width:0}.notification-card-main>img{display:block;max-height:150px;object-fit:cover;border-radius:14px;justify-self:start}.notification-card-top{display:flex;gap:12px;justify-content:space-between;align-items:flex-start}.notification-card-top strong{font-size:18px;color:#0d1b2e}.notification-card-top time,.notification-detail time{font-size:12px;color:#71849b;white-space:nowrap}.notification-card-main p{margin:8px 0 0;color:#53677f;line-height:1.55}.notification-unread-dot{display:inline-flex;margin-top:10px;padding:4px 9px;border-radius:999px;background:#e8f3ff;color:#014BC8;font-size:11px;font-weight:800}.notification-delete-form{position:absolute;right:12px;top:12px}.notification-delete-btn{width:36px;height:36px;border:0;border-radius:50%;background:#f5f7fa;color:#8b98a8;font-size:23px;cursor:pointer}.notification-delete-btn:hover{background:#feecec;color:#c33}.notification-empty{text-align:center;padding:40px}.notification-back{display:inline-block;margin-bottom:14px;text-decoration:none;font-weight:800}.notification-detail{padding:28px}.notification-detail h1{margin:6px 0}.notification-detail-image{margin:24px 0;text-align:left}.notification-detail-image img{max-width:100%;height:auto;border-radius:18px;display:block}.notification-detail-body{font-size:17px;line-height:1.7;color:#31445b;margin:22px 0;white-space:normal}.notification-detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.notification-rich-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;margin-top:16px}.notification-image-editor{min-width:0}.notification-image-stage{position:relative;margin-top:10px;max-width:100%;border:1px dashed #a9c9ef;border-radius:16px;padding:8px;background:#f7fbff}.notification-image-stage img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;border-radius:11px}.notification-resize-handle{position:absolute;width:24px;height:24px;right:-8px;bottom:-8px;border:3px solid #fff;border-radius:50%;background:#014BC8;box-shadow:0 2px 8px rgba(0,0,0,.2);cursor:nwse-resize;touch-action:none}.notification-click-settings{margin-top:22px;padding-top:20px;border-top:1px solid #e1eaf4}.notification-click-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.notification-click-modes label{position:relative}.notification-click-modes input{position:absolute;opacity:0}.notification-click-modes span{display:block;height:100%;padding:15px;border:1px solid #dce8f6;border-radius:15px;background:#fff}.notification-click-modes input:checked+span{border-color:#014BC8;box-shadow:0 0 0 2px rgba(22,119,255,.12)}.notification-click-modes b,.notification-click-modes small{display:block}.notification-click-modes small{margin-top:5px;color:#70839a}.role-menu-targets{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:14px}.role-menu-targets label{margin:0}.btn.danger{background:#b42318;color:#fff}.notification-hub .hidden,.notification-image-stage.hidden,.role-menu-targets.hidden{display:none!important}
@media(max-width:760px){.notification-card-main{grid-template-columns:1fr;padding:16px 52px 16px 16px}.notification-card-main>img{max-width:100%;max-height:220px}.notification-card-top{display:block}.notification-card-top time{display:block;margin-top:5px}.notification-rich-grid,.notification-click-modes,.role-menu-targets{grid-template-columns:1fr}.notification-detail{padding:20px}.notification-detail-image img{width:100%!important}}

/* V147 notification preference */
.notification-preference-box{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;margin:0 0 22px;border:1px solid #dbe8f7;border-radius:18px;background:#f7fbff}.notification-preference-box h3{margin:3px 0 4px}.notification-preference-switch{display:flex;align-items:center;gap:12px;min-width:250px;padding:14px 16px;border:1px solid #d9e6f5;border-radius:15px;background:#fff;cursor:pointer}.notification-preference-switch>input[type=checkbox]{width:22px;height:22px;accent-color:#014BC8}.notification-preference-switch span{display:grid;gap:2px}.notification-preference-switch small{color:#6d7d91}.booking-notification-preference{margin:16px 0;padding:14px;border:1px solid #dbe8f7;border-radius:14px;background:#f7fbff}.booking-notification-preference label{display:flex;align-items:flex-start;gap:11px;cursor:pointer}.booking-notification-preference input[type=checkbox]{width:21px;height:21px;margin-top:2px;accent-color:#014BC8}.booking-notification-preference span{display:grid;gap:3px}.booking-notification-preference small{color:#6d7d91}@media(max-width:720px){.notification-preference-box{align-items:stretch;flex-direction:column}.notification-preference-switch{min-width:0;width:100%}}


/* V151 — desktop left navigation + hold visibility + settings navigation */
@media (min-width:1000px){
  body.reboat-desktop-dashboard{
    padding-left:264px!important;
  }
  body.reboat-desktop-dashboard > .app-header{
    position:fixed!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:264px!important;
    height:100vh!important;
    z-index:9000!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    padding:24px 18px!important;
    border-right:1px solid #e5eaf2!important;
    border-bottom:0!important;
    background:#fff!important;
    overflow:hidden!important;
  }
  body.reboat-desktop-dashboard > .app-header .logo{
    display:block!important;
    padding:4px 10px 22px!important;
    font-size:26px!important;
    flex:0 0 auto!important;
  }
  body.reboat-desktop-dashboard > .app-header nav{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:5px!important;
    width:100%!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:4px 2px 18px!important;
    scrollbar-width:thin;
  }
  body.reboat-desktop-dashboard > .app-header nav a{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    min-height:44px!important;
    padding:10px 12px!important;
    border-radius:10px!important;
    white-space:normal!important;
  }
  body.reboat-desktop-dashboard > .app-header nav a.active{
    background:#eef5ff!important;
    color:#1168e8!important;
  }
  body.reboat-desktop-dashboard > .app-header .header-profile{
    margin-top:auto!important;
  }
  body.reboat-desktop-dashboard > .app-header .mobile-menu-toggle{
    display:none!important;
  }
  body.reboat-desktop-dashboard > main,
  body.reboat-desktop-dashboard > footer,
  body.reboat-desktop-dashboard > .impersonation{
    width:auto!important;
  }
  body.reboat-desktop-dashboard > main{
    max-width:1500px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}
.settings-subnav{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 18px;
  padding:10px;
  border:1px solid #e4eaf3;
  border-radius:14px;
  background:#fff;
  position:sticky;
  top:8px;
  z-index:80;
}
.settings-subnav a{
  padding:10px 14px;
  border-radius:10px;
  background:#f5f7fb;
  font-weight:700;
  text-decoration:none;
  color:#263548;
}
.settings-subnav a:hover{background:#edf4ff;color:#014BC8}
.settings-anchor{display:block;scroll-margin-top:90px}
#settings-online-payment,#settings-notifications,#settings-business{scroll-margin-top:90px}

.calendar-legend .dot.hold{background:#f59e0b!important}
.calendar-hold-badge{
  display:inline-flex!important;
  align-items:center;
  gap:3px;
  margin-top:3px;
  padding:2px 5px;
  border-radius:999px;
  background:#fff4d6;
  color:#9a5b00;
  font-size:9px;
  font-weight:900;
  line-height:1.2;
}
.reservation-online-hold{
  display:inline-flex;
  align-items:center;
  padding:5px 8px;
  border-radius:999px;
  background:#fff4d6;
  color:#8a5400;
  font-size:11px;
  font-weight:900;
  margin-left:6px;
}
.reservation-detail-card:has(.reservation-online-hold){
  border-color:#f3c766!important;
  box-shadow:0 0 0 2px rgba(245,158,11,.08);
}
@media(max-width:999px){
  .settings-subnav{position:static;overflow-x:auto;flex-wrap:nowrap}
  .settings-subnav a{white-space:nowrap}
}


/* =========================================================
   V152 — fixed desktop sidebar, text-safe menu, icons,
   nested Settings menu and Settings overview cards
   ========================================================= */
@media (min-width:1000px){
  body.reboat-desktop-dashboard{
    padding-left:282px!important;
    overflow-x:hidden!important;
  }
  body.reboat-desktop-dashboard > .app-header{
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:282px!important;
    min-width:282px!important;
    max-width:282px!important;
    height:100vh!important;
    padding:24px 16px 18px!important;
    margin:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  body.reboat-desktop-dashboard > .app-header .logo{
    width:100%!important;
    margin:0 0 12px!important;
    padding:4px 12px 18px!important;
    transform:none!important;
    box-sizing:border-box!important;
  }
  body.reboat-desktop-dashboard > .app-header nav#main-navigation{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    flex:1 1 auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:4px!important;
    margin:0!important;
    padding:0 0 12px!important;
    transform:none!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    box-sizing:border-box!important;
  }
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > a,
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > .nav-settings-group > a{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:43px!important;
    margin:0!important;
    padding:10px 12px!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    text-indent:0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    white-space:normal!important;
    line-height:1.25!important;
    border-radius:11px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    justify-content:flex-start!important;
  }
  body.reboat-desktop-dashboard > .app-header nav#main-navigation a::before{
    flex:0 0 22px!important;
    width:22px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:currentColor!important;
    font-size:18px!important;
    font-weight:700!important;
    line-height:1!important;
  }
  body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/reservations"]::before{content:"▦"}
  body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/services"]::before{content:"◫"}
  body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/employees"]::before{content:"♙"}
  body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/partners"]::before{content:"◇"}
  body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/virtual-pos"]::before{content:"▣"}
  body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/statistics"]::before{content:"▥"}
  body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/reviews"]::before{content:"☆"}
  body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/tickets"]::before{content:"▤"}
  body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/promo"]::before{content:"◆"}
  body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/qr-code"]::before{content:"⌗"}
  body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/settings"]::before{content:"⚙"}
  body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/notifications"]::before{content:"◉"}
  body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/logout"]::before{content:"↪"}
  body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/crew/profile"]::before{content:"♙"}
  body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/crew/jobs"]::before{content:"▤"}
  body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/crew/requests"]::before{content:"◇"}

  .nav-settings-group{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }
  .nav-settings-parent{
    position:relative!important;
  }
  .nav-settings-parent .nav-label{
    min-width:0!important;
    flex:1!important;
  }
  .nav-settings-parent .nav-chevron{
    margin-left:auto!important;
    flex:0 0 auto!important;
    font-size:15px!important;
    transform:rotate(-90deg);
    transition:transform .18s ease;
  }
  .nav-settings-group.open .nav-chevron{transform:rotate(0deg)}
  .nav-settings-submenu{
    display:flex!important;
    flex-direction:column!important;
    gap:2px!important;
    margin:3px 0 5px 34px!important;
    padding:4px 0 4px 10px!important;
    border-left:1px solid #d9e4f2!important;
    width:calc(100% - 34px)!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .nav-settings-submenu a{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:7px 9px!important;
    transform:none!important;
    text-indent:0!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    border-radius:8px!important;
    font-size:13px!important;
    line-height:1.25!important;
    box-sizing:border-box!important;
  }
  .nav-settings-submenu a::before{display:none!important;content:none!important}
  .nav-settings-submenu a.active{
    background:#eef5ff!important;
    color:#014BC8!important;
    font-weight:800!important;
  }

  body.reboat-desktop-dashboard > .app-header .header-profile{
    flex:0 0 auto!important;
    margin:8px 0 0!important;
    transform:none!important;
  }
  body.reboat-desktop-dashboard > main{
    min-width:0!important;
    width:auto!important;
    padding-left:28px!important;
    padding-right:28px!important;
    box-sizing:border-box!important;
  }
}

/* Settings overview */
.settings-overview{margin:4px 0 24px}
.settings-overview-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.settings-overview-card{
  position:relative;
  display:grid;
  grid-template-columns:54px minmax(0,1fr) 24px;
  align-items:center;
  gap:15px;
  min-height:116px;
  padding:22px;
  border:1px solid #dfe7f2;
  border-radius:18px;
  background:#fff;
  text-decoration:none!important;
  color:#24344b!important;
  box-shadow:0 8px 28px rgba(27,72,122,.05);
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
}
.settings-overview-card:hover{
  transform:translateY(-2px);
  border-color:#a9cdfd;
  box-shadow:0 12px 34px rgba(22,119,255,.10);
}
.settings-overview-icon{
  width:54px;
  height:54px;
  border-radius:15px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#eef5ff;
  color:#014BC8;
  font-size:25px;
  font-weight:800;
}
.settings-overview-card b{display:block;font-size:18px;margin-bottom:5px}
.settings-overview-card small{display:block;color:#6b7d95;font-size:13px;line-height:1.45}
.settings-card-arrow{font-size:30px;color:#9fb0c5;justify-self:end}
.settings-section-heading{
  margin:2px 0 18px;
  padding:16px 18px;
  border:1px solid #e2e9f2;
  border-radius:15px;
  background:#fff;
}
.settings-section-heading h2{margin:4px 0 0}
.settings-back-link{
  float:right;
  text-decoration:none;
  font-weight:700;
  color:#014BC8;
}
.settings-section-page[data-settings-section="overview"] .page-head{margin-bottom:14px}

/* old horizontal settings strip is obsolete in V152 */
.settings-subnav{display:none!important}

@media(max-width:999px){
  .settings-overview-grid{grid-template-columns:1fr}
  .settings-overview-card{min-height:96px;padding:17px}
  .settings-section-heading{margin-top:4px}
}

@media(max-width:999px){
  /* Keep the existing mobile/Android drawer behavior unchanged. */
  .nav-settings-group{display:contents!important}
  .nav-settings-submenu{display:none!important}
  .nav-settings-parent .nav-chevron{display:none!important}
}


/* =========================================================
   V153 — sidebar matched to approved reference
   ========================================================= */
@media (min-width:1000px){
  body.reboat-desktop-dashboard{
    padding-left:282px!important;
  }

  body.reboat-desktop-dashboard > .app-header{
    width:282px!important;
    min-width:282px!important;
    max-width:282px!important;
    height:100vh!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    padding:24px 16px 16px!important;
    border-right:1px solid #e2e8f1!important;
    background:#fff!important;
  }

  body.reboat-desktop-dashboard > .app-header .logo{
    flex:0 0 auto!important;
    margin:0!important;
    padding:5px 12px 18px!important;
    font-size:25px!important;
  }

  /* The menu itself scrolls vertically. Main items above Settings remain part
     of the same scroll area, exactly as in the supplied reference. */
  body.reboat-desktop-dashboard > .app-header nav#main-navigation{
    flex:1 1 auto!important;
    min-height:0!important;
    width:100%!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    scrollbar-width:thin!important;
    scrollbar-color:#c8d3e2 transparent!important;
    padding:0 1px 12px 0!important;
    margin:0!important;
  }
  body.reboat-desktop-dashboard > .app-header nav#main-navigation::-webkit-scrollbar{width:6px!important}
  body.reboat-desktop-dashboard > .app-header nav#main-navigation::-webkit-scrollbar-thumb{
    background:#c8d3e2!important;border-radius:999px!important;
  }
  body.reboat-desktop-dashboard > .app-header nav#main-navigation::-webkit-scrollbar-track{background:transparent!important}

  body.reboat-desktop-dashboard > .app-header nav#main-navigation > a,
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > .nav-settings-group > .nav-settings-parent{
    color:#50627c!important;
    font-size:15px!important;
    font-weight:700!important;
    min-height:43px!important;
    padding:10px 12px!important;
    border-radius:11px!important;
    gap:10px!important;
    box-sizing:border-box!important;
  }

  body.reboat-desktop-dashboard > .app-header nav#main-navigation > a:hover,
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > .nav-settings-group > .nav-settings-parent:hover{
    background:#f4f8fd!important;
    color:#014BC8!important;
  }

  body.reboat-desktop-dashboard > .app-header nav#main-navigation > a.active,
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > .nav-settings-group > .nav-settings-parent.active{
    background:#eef5ff!important;
    border:1px solid #bed8ff!important;
    color:#014BC8!important;
    font-weight:800!important;
  }

  .nav-settings-group{
    width:100%!important;
    flex:0 0 auto!important;
  }
  .nav-settings-parent .nav-chevron{
    color:#014BC8!important;
    font-size:17px!important;
  }
  .nav-settings-submenu{
    width:calc(100% - 32px)!important;
    margin:2px 0 7px 32px!important;
    padding:3px 0 3px 9px!important;
    border-left:0!important;
    gap:0!important;
  }
  .nav-settings-submenu a{
    position:relative!important;
    color:#64758f!important;
    font-size:13px!important;
    font-weight:600!important;
    min-height:30px!important;
    padding:6px 8px 6px 22px!important;
    border-radius:8px!important;
  }
  .nav-settings-submenu a::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:7px!important;
    top:50%!important;
    width:6px!important;
    height:6px!important;
    border-radius:50%!important;
    transform:translateY(-50%)!important;
    background:currentColor!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
  .nav-settings-submenu a.active{
    color:#014BC8!important;
    background:transparent!important;
    font-weight:800!important;
  }

  body.reboat-desktop-dashboard > .app-header nav#main-navigation > a[href="/logout"]{
    color:#dc3545!important;
    font-weight:800!important;
    margin-top:4px!important;
  }
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > a[href="/logout"]:hover{
    color:#c82333!important;
    background:#fff1f2!important;
  }

  body.reboat-desktop-dashboard > .app-header .header-profile{
    flex:0 0 auto!important;
    width:100%!important;
    margin:10px 0 0!important;
    padding:10px!important;
    border:1px solid #e1e8f2!important;
    border-radius:14px!important;
    background:#fff!important;
    box-sizing:border-box!important;
  }
}

body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/reservations"]::before{
  content:""!important;
  width:22px!important;height:22px!important;flex:0 0 22px!important;
  background-color:currentColor!important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M16%203v4M8%203v4M3%2010h18%22%2F%3E%3Cpath%20d%3D%22M8%2014h.01M12%2014h.01M16%2014h.01M8%2018h.01M12%2018h.01%22%2F%3E%3C%2Fsvg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M16%203v4M8%203v4M3%2010h18%22%2F%3E%3Cpath%20d%3D%22M8%2014h.01M12%2014h.01M16%2014h.01M8%2018h.01M12%2018h.01%22%2F%3E%3C%2Fsvg%3E")!important;
  -webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;mask-position:center!important;
  -webkit-mask-size:20px 20px!important;mask-size:20px 20px!important;
}
body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/services"]::before{
  content:""!important;
  width:22px!important;height:22px!important;flex:0 0 22px!important;
  background-color:currentColor!important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%227%22%20width%3D%2218%22%20height%3D%2213%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%207V5a2%202%200%200%201%202-2h4a2%202%200%200%201%202%202v2M3%2012h18%22%2F%3E%3C%2Fsvg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%227%22%20width%3D%2218%22%20height%3D%2213%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%207V5a2%202%200%200%201%202-2h4a2%202%200%200%201%202%202v2M3%2012h18%22%2F%3E%3C%2Fsvg%3E")!important;
  -webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;mask-position:center!important;
  -webkit-mask-size:20px 20px!important;mask-size:20px 20px!important;
}
body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/employees"]::before{
  content:""!important;
  width:22px!important;height:22px!important;flex:0 0 22px!important;
  background-color:currentColor!important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M22%2021v-2a4%204%200%200%200-3-3.87M16%203.13a4%204%200%200%201%200%207.75%22%2F%3E%3C%2Fsvg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M22%2021v-2a4%204%200%200%200-3-3.87M16%203.13a4%204%200%200%201%200%207.75%22%2F%3E%3C%2Fsvg%3E")!important;
  -webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;mask-position:center!important;
  -webkit-mask-size:20px 20px!important;mask-size:20px 20px!important;
}
body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/partners"]::before{
  content:""!important;
  width:22px!important;height:22px!important;flex:0 0 22px!important;
  background-color:currentColor!important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m8%2012%203%203a2%202%200%200%200%203%200l5-5%22%2F%3E%3Cpath%20d%3D%22m16%2012-3-3a2%202%200%200%200-3%200l-5%205%22%2F%3E%3Cpath%20d%3D%22M7%2017%203%2013a2%202%200%200%201%200-3l4-4a2%202%200%200%201%203%200l1%201M17%207l1-1a2%202%200%200%201%203%200l1%201a2%202%200%200%201%200%203l-4%204%22%2F%3E%3C%2Fsvg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m8%2012%203%203a2%202%200%200%200%203%200l5-5%22%2F%3E%3Cpath%20d%3D%22m16%2012-3-3a2%202%200%200%200-3%200l-5%205%22%2F%3E%3Cpath%20d%3D%22M7%2017%203%2013a2%202%200%200%201%200-3l4-4a2%202%200%200%201%203%200l1%201M17%207l1-1a2%202%200%200%201%203%200l1%201a2%202%200%200%201%200%203l-4%204%22%2F%3E%3C%2Fsvg%3E")!important;
  -webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;mask-position:center!important;
  -webkit-mask-size:20px 20px!important;mask-size:20px 20px!important;
}
body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/virtual-pos"]::before{
  content:""!important;
  width:22px!important;height:22px!important;flex:0 0 22px!important;
  background-color:currentColor!important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222.5%22%20y%3D%225%22%20width%3D%2219%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M2.5%2010h19M6%2015h3%22%2F%3E%3C%2Fsvg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222.5%22%20y%3D%225%22%20width%3D%2219%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M2.5%2010h19M6%2015h3%22%2F%3E%3C%2Fsvg%3E")!important;
  -webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;mask-position:center!important;
  -webkit-mask-size:20px 20px!important;mask-size:20px 20px!important;
}
body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/statistics"]::before{
  content:""!important;
  width:22px!important;height:22px!important;flex:0 0 22px!important;
  background-color:currentColor!important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2020V10h4v10M10%2020V4h4v16M16%2020v-7h4v7%22%2F%3E%3C%2Fsvg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2020V10h4v10M10%2020V4h4v16M16%2020v-7h4v7%22%2F%3E%3C%2Fsvg%3E")!important;
  -webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;mask-position:center!important;
  -webkit-mask-size:20px 20px!important;mask-size:20px 20px!important;
}
body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/reviews"]::before{
  content:""!important;
  width:22px!important;height:22px!important;flex:0 0 22px!important;
  background-color:currentColor!important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%202%203.1%206.3%206.9%201-5%204.9%201.2%206.8-6.2-3.2L5.8%2021%207%2014.2%202%209.3l6.9-1L12%202z%22%2F%3E%3C%2Fsvg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%202%203.1%206.3%206.9%201-5%204.9%201.2%206.8-6.2-3.2L5.8%2021%207%2014.2%202%209.3l6.9-1L12%202z%22%2F%3E%3C%2Fsvg%3E")!important;
  -webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;mask-position:center!important;
  -webkit-mask-size:20px 20px!important;mask-size:20px 20px!important;
}
body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/tickets"]::before{
  content:""!important;
  width:22px!important;height:22px!important;flex:0 0 22px!important;
  background-color:currentColor!important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%202h9l5%205v15H6z%22%2F%3E%3Cpath%20d%3D%22M14%202v6h6M9%2013h6M9%2017h6%22%2F%3E%3C%2Fsvg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%202h9l5%205v15H6z%22%2F%3E%3Cpath%20d%3D%22M14%202v6h6M9%2013h6M9%2017h6%22%2F%3E%3C%2Fsvg%3E")!important;
  -webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;mask-position:center!important;
  -webkit-mask-size:20px 20px!important;mask-size:20px 20px!important;
}
body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/promo"]::before{
  content:""!important;
  width:22px!important;height:22px!important;flex:0 0 22px!important;
  background-color:currentColor!important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2012v8H4v-8M2%207h20v5H2zM12%207v13M12%207H7.5A2.5%202.5%200%201%201%2010%204.5L12%207zm0%200h4.5A2.5%202.5%200%201%200%2014%204.5L12%207z%22%2F%3E%3C%2Fsvg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2012v8H4v-8M2%207h20v5H2zM12%207v13M12%207H7.5A2.5%202.5%200%201%201%2010%204.5L12%207zm0%200h4.5A2.5%202.5%200%201%200%2014%204.5L12%207z%22%2F%3E%3C%2Fsvg%3E")!important;
  -webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;mask-position:center!important;
  -webkit-mask-size:20px 20px!important;mask-size:20px 20px!important;
}
body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/qr-code"]::before{
  content:""!important;
  width:22px!important;height:22px!important;flex:0 0 22px!important;
  background-color:currentColor!important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%226%22%20height%3D%226%22%2F%3E%3Crect%20x%3D%2215%22%20y%3D%223%22%20width%3D%226%22%20height%3D%226%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2215%22%20width%3D%226%22%20height%3D%226%22%2F%3E%3Cpath%20d%3D%22M15%2015h2v2h-2zM19%2015h2v2M15%2019h2v2M19%2019h2v2%22%2F%3E%3C%2Fsvg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%226%22%20height%3D%226%22%2F%3E%3Crect%20x%3D%2215%22%20y%3D%223%22%20width%3D%226%22%20height%3D%226%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2215%22%20width%3D%226%22%20height%3D%226%22%2F%3E%3Cpath%20d%3D%22M15%2015h2v2h-2zM19%2015h2v2M15%2019h2v2M19%2019h2v2%22%2F%3E%3C%2Fsvg%3E")!important;
  -webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;mask-position:center!important;
  -webkit-mask-size:20px 20px!important;mask-size:20px 20px!important;
}
body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/settings"]::before{
  content:""!important;
  width:22px!important;height:22px!important;flex:0 0 22px!important;
  background-color:currentColor!important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M19.4%2015a1.7%201.7%200%200%200%20.34%201.88l.06.06-2.83%202.83-.06-.06A1.7%201.7%200%200%200%2015%2019.4a1.7%201.7%200%200%200-1%20.6%201.7%201.7%200%200%200-.4%201V21h-4v-.08A1.7%201.7%200%200%200%208.6%2019.4a1.7%201.7%200%200%200-1.88.34l-.06.06-2.83-2.83.06-.06A1.7%201.7%200%200%200%204.6%2015a1.7%201.7%200%200%200-.6-1%201.7%201.7%200%200%200-1-.4H3v-4h.08A1.7%201.7%200%200%200%204.6%208.6a1.7%201.7%200%200%200-.34-1.88l-.06-.06%202.83-2.83.06.06A1.7%201.7%200%200%200%209%204.6a1.7%201.7%200%200%200%201-.6%201.7%201.7%200%200%200%20.4-1V3h4v.08A1.7%201.7%200%200%200%2015.4%204.6a1.7%201.7%200%200%200%201.88-.34l.06-.06%202.83%202.83-.06.06A1.7%201.7%200%200%200%2019.4%209c.4.3.75.64%201%201%20.25.35.39.77.4%201.2V13c0%20.44-.14.86-.4%201.2-.25.35-.6.69-1%201z%22%2F%3E%3C%2Fsvg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M19.4%2015a1.7%201.7%200%200%200%20.34%201.88l.06.06-2.83%202.83-.06-.06A1.7%201.7%200%200%200%2015%2019.4a1.7%201.7%200%200%200-1%20.6%201.7%201.7%200%200%200-.4%201V21h-4v-.08A1.7%201.7%200%200%200%208.6%2019.4a1.7%201.7%200%200%200-1.88.34l-.06.06-2.83-2.83.06-.06A1.7%201.7%200%200%200%204.6%2015a1.7%201.7%200%200%200-.6-1%201.7%201.7%200%200%200-1-.4H3v-4h.08A1.7%201.7%200%200%200%204.6%208.6a1.7%201.7%200%200%200-.34-1.88l-.06-.06%202.83-2.83.06.06A1.7%201.7%200%200%200%209%204.6a1.7%201.7%200%200%200%201-.6%201.7%201.7%200%200%200%20.4-1V3h4v.08A1.7%201.7%200%200%200%2015.4%204.6a1.7%201.7%200%200%200%201.88-.34l.06-.06%202.83%202.83-.06.06A1.7%201.7%200%200%200%2019.4%209c.4.3.75.64%201%201%20.25.35.39.77.4%201.2V13c0%20.44-.14.86-.4%201.2-.25.35-.6.69-1%201z%22%2F%3E%3C%2Fsvg%3E")!important;
  -webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;mask-position:center!important;
  -webkit-mask-size:20px 20px!important;mask-size:20px 20px!important;
}
body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/notifications"]::before{
  content:""!important;
  width:22px!important;height:22px!important;flex:0 0 22px!important;
  background-color:currentColor!important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%208a6%206%200%200%200-12%200c0%207-3%207-3%209h18c0-2-3-2-3-9M10%2021h4%22%2F%3E%3C%2Fsvg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%208a6%206%200%200%200-12%200c0%207-3%207-3%209h18c0-2-3-2-3-9M10%2021h4%22%2F%3E%3C%2Fsvg%3E")!important;
  -webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;mask-position:center!important;
  -webkit-mask-size:20px 20px!important;mask-size:20px 20px!important;
}
body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/logout"]::before{
  content:""!important;
  width:22px!important;height:22px!important;flex:0 0 22px!important;
  background-color:currentColor!important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2021H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h4%22%2F%3E%3Cpath%20d%3D%22m16%2017%205-5-5-5M21%2012H9%22%2F%3E%3C%2Fsvg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2021H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h4%22%2F%3E%3Cpath%20d%3D%22m16%2017%205-5-5-5M21%2012H9%22%2F%3E%3C%2Fsvg%3E")!important;
  -webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;mask-position:center!important;
  -webkit-mask-size:20px 20px!important;mask-size:20px 20px!important;
}
@media (min-width:1000px){
  body.reboat-desktop-dashboard > .app-header .header-profile{
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr) 18px!important;
    gap:10px!important;
    align-items:center!important;
    text-decoration:none!important;
    color:#34465f!important;
  }
  body.reboat-desktop-dashboard > .app-header .header-profile img,
  body.reboat-desktop-dashboard > .app-header .header-profile .header-profile-avatar-fallback{
    width:38px!important;height:38px!important;border-radius:50%!important;
    object-fit:cover!important;
  }
  body.reboat-desktop-dashboard > .app-header .header-profile-copy{
    min-width:0!important;
    display:block!important;
  }
  body.reboat-desktop-dashboard > .app-header .header-profile-copy b,
  body.reboat-desktop-dashboard > .app-header .header-profile-copy small{
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body.reboat-desktop-dashboard > .app-header .header-profile-copy b{font-size:13px!important}
  body.reboat-desktop-dashboard > .app-header .header-profile-copy small{font-size:11px!important;color:#74859c!important;margin-top:2px!important}
  body.reboat-desktop-dashboard > .app-header .header-profile-chevron{font-size:12px!important;color:#7a8da6!important;line-height:.8!important}
}
@media(max-width:999px){
  .header-profile-copy,.header-profile-chevron{display:none!important}
}

/* =========================================================
   V154 — Settings toggle without navigation, full menu retained,
   handshake icon and fixed bottom profile card
   ========================================================= */
@media (min-width:1000px){
  body.reboat-desktop-dashboard > .app-header{
    box-sizing:border-box!important;
    height:100dvh!important;
    min-height:0!important;
    padding-bottom:12px!important;
  }

  body.reboat-desktop-dashboard > .app-header nav#main-navigation{
    flex:1 1 0!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding-bottom:8px!important;
    scroll-behavior:smooth!important;
  }

  .nav-settings-parent{
    width:100%!important;
    border:0!important;
    appearance:none!important;
    -webkit-appearance:none!important;
    font-family:inherit!important;
    cursor:pointer!important;
    text-align:left!important;
    background:transparent!important;
  }
  .nav-settings-parent .nav-settings-icon{
    width:22px!important;
    height:22px!important;
    flex:0 0 22px!important;
    display:inline-block!important;
    background-color:currentColor!important;
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.7 1.7 0 0 0 .34 1.88l.06.06-2.83 2.83-.06-.06A1.7 1.7 0 0 0 15 19.4a1.7 1.7 0 0 0-1 .6 1.7 1.7 0 0 0-.4 1V21h-4v-.08A1.7 1.7 0 0 0 8.6 19.4a1.7 1.7 0 0 0-1.88.34l-.06.06-2.83-2.83.06-.06A1.7 1.7 0 0 0 4.6 15a1.7 1.7 0 0 0-.6-1 1.7 1.7 0 0 0-1-.4H3v-4h.08A1.7 1.7 0 0 0 4.6 8.6a1.7 1.7 0 0 0-.34-1.88l-.06-.06 2.83-2.83.06.06A1.7 1.7 0 0 0 9 4.6a1.7 1.7 0 0 0 1-.6 1.7 1.7 0 0 0 .4-1V3h4v.08A1.7 1.7 0 0 0 15.4 4.6a1.7 1.7 0 0 0 1.88-.34l.06-.06 2.83 2.83-.06.06A1.7 1.7 0 0 0 19.4 9c.4.3.75.64 1 1 .25.35.39.77.4 1.2V13c0 .44-.14.86-.4 1.2-.25.35-.6.69-1 1z'/%3E%3C/svg%3E")!important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.7 1.7 0 0 0 .34 1.88l.06.06-2.83 2.83-.06-.06A1.7 1.7 0 0 0 15 19.4a1.7 1.7 0 0 0-1 .6 1.7 1.7 0 0 0-.4 1V21h-4v-.08A1.7 1.7 0 0 0 8.6 19.4a1.7 1.7 0 0 0-1.88.34l-.06.06-2.83-2.83.06-.06A1.7 1.7 0 0 0 4.6 15a1.7 1.7 0 0 0-.6-1 1.7 1.7 0 0 0-1-.4H3v-4h.08A1.7 1.7 0 0 0 4.6 8.6a1.7 1.7 0 0 0-.34-1.88l-.06-.06 2.83-2.83.06.06A1.7 1.7 0 0 0 9 4.6a1.7 1.7 0 0 0 1-.6 1.7 1.7 0 0 0 .4-1V3h4v.08A1.7 1.7 0 0 0 15.4 4.6a1.7 1.7 0 0 0 1.88-.34l.06-.06 2.83 2.83-.06.06A1.7 1.7 0 0 0 19.4 9c.4.3.75.64 1 1 .25.35.39.77.4 1.2V13c0 .44-.14.86-.4 1.2-.25.35-.6.69-1 1z'/%3E%3C/svg%3E")!important;
    -webkit-mask-repeat:no-repeat!important;
    mask-repeat:no-repeat!important;
    -webkit-mask-position:center!important;
    mask-position:center!important;
    -webkit-mask-size:20px 20px!important;
    mask-size:20px 20px!important;
  }

  .nav-settings-submenu{
    display:none!important;
  }
  .nav-settings-group.open .nav-settings-submenu{
    display:flex!important;
  }
  .nav-settings-group:not(.open) .nav-settings-parent .nav-chevron{
    transform:rotate(-90deg)!important;
  }
  .nav-settings-group.open .nav-settings-parent .nav-chevron{
    transform:rotate(0deg)!important;
  }

  body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/partners"]::before{
    content:""!important;
    background-color:currentColor!important;
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8.5%2012.5%2011%2015a2%202%200%200%200%202.8%200l1.2-1.2%22%2F%3E%3Cpath%20d%3D%22m14.2%209.8%201.4%201.4a2%202%200%200%200%202.8%200l2.1-2.1%22%2F%3E%3Cpath%20d%3D%22M3%208.5%207.5%204l4%201.3%22%2F%3E%3Cpath%20d%3D%22M21%208.5%2016.5%204%2013%205.2%22%2F%3E%3Cpath%20d%3D%22m9%209%201.8-1.8a2.5%202.5%200%200%201%203.5%200l2.5%202.5%22%2F%3E%3Cpath%20d%3D%22m3%208.5%205.8%205.8M21%208.5l-5.8%205.8%22%2F%3E%3Cpath%20d%3D%22m8%2016%201%201a1.5%201.5%200%200%200%202.1%200l.4-.4%22%2F%3E%3Cpath%20d%3D%22m5.5%2013.5%201%201%22%2F%3E%3C%2Fsvg%3E")!important;
    mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8.5%2012.5%2011%2015a2%202%200%200%200%202.8%200l1.2-1.2%22%2F%3E%3Cpath%20d%3D%22m14.2%209.8%201.4%201.4a2%202%200%200%200%202.8%200l2.1-2.1%22%2F%3E%3Cpath%20d%3D%22M3%208.5%207.5%204l4%201.3%22%2F%3E%3Cpath%20d%3D%22M21%208.5%2016.5%204%2013%205.2%22%2F%3E%3Cpath%20d%3D%22m9%209%201.8-1.8a2.5%202.5%200%200%201%203.5%200l2.5%202.5%22%2F%3E%3Cpath%20d%3D%22m3%208.5%205.8%205.8M21%208.5l-5.8%205.8%22%2F%3E%3Cpath%20d%3D%22m8%2016%201%201a1.5%201.5%200%200%200%202.1%200l.4-.4%22%2F%3E%3Cpath%20d%3D%22m5.5%2013.5%201%201%22%2F%3E%3C%2Fsvg%3E")!important;
    -webkit-mask-repeat:no-repeat!important;
    mask-repeat:no-repeat!important;
    -webkit-mask-position:center!important;
    mask-position:center!important;
    -webkit-mask-size:21px 21px!important;
    mask-size:21px 21px!important;
  }

  body.reboat-desktop-dashboard > .app-header .header-profile{
    flex:0 0 58px!important;
    min-height:58px!important;
    max-height:58px!important;
    width:100%!important;
    margin:8px 0 0!important;
    padding:8px 10px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    position:relative!important;
    bottom:auto!important;
  }
  body.reboat-desktop-dashboard > .app-header .header-profile img,
  body.reboat-desktop-dashboard > .app-header .header-profile .header-profile-avatar-fallback{
    width:36px!important;
    height:36px!important;
  }
  body.reboat-desktop-dashboard > .app-header .header-profile-copy b{
    font-size:12.5px!important;
  }
  body.reboat-desktop-dashboard > .app-header .header-profile-copy small{
    font-size:10.5px!important;
  }
}

/* =========================================================
   V155 — final desktop sidebar behavior
   ========================================================= */
@media (min-width:1000px){
  /* Keep the full main menu intact. Only the settings submenu expands/collapses. */
  body.reboat-desktop-dashboard > .app-header nav#main-navigation{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    min-height:0!important;
  }

  .nav-settings-group{
    display:block!important;
    width:100%!important;
    flex:0 0 auto!important;
  }

  .nav-settings-parent{
    display:flex!important;
    width:100%!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    border:0!important;
    background:transparent!important;
    font:inherit!important;
    color:#50627c!important;
    cursor:pointer!important;
    text-align:left!important;
  }

  .nav-settings-parent:hover,
  .nav-settings-parent.active{
    color:#014BC8!important;
  }

  .nav-settings-parent .nav-chevron{
    margin-left:auto!important;
    transition:transform .18s ease!important;
    transform:rotate(-90deg)!important;
  }
  .nav-settings-group.open .nav-settings-parent .nav-chevron{
    transform:rotate(0deg)!important;
  }

  .nav-settings-submenu{
    display:none!important;
    flex-direction:column!important;
    gap:0!important;
    width:calc(100% - 32px)!important;
    margin:2px 0 7px 32px!important;
    padding:3px 0 3px 9px!important;
  }
  .nav-settings-group.open .nav-settings-submenu{
    display:flex!important;
  }

  /* Bottom logged-in profile remains fully visible and clickable. */
  body.reboat-desktop-dashboard > .app-header .header-profile{
    flex:0 0 58px!important;
    min-height:58px!important;
    max-height:58px!important;
    width:100%!important;
    margin-top:8px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    z-index:2!important;
  }
}

@media(max-width:999px){
  /* Do not change the existing mobile / Android drawer behavior. */
  .nav-settings-group{display:contents!important}
  .nav-settings-submenu{display:none!important}
  .nav-settings-parent .nav-chevron{display:none!important}
}


/* =========================================================
   V156 — definitive Settings sidebar implementation
   Settings is a normal-looking main menu link, but on desktop
   it only toggles its submenu. All main items remain in place.
   ========================================================= */
@media (min-width:1000px){
  body.reboat-desktop-dashboard > .app-header nav#main-navigation{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    flex:1 1 0!important;
    min-height:0!important;
    width:100%!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }

  body.reboat-desktop-dashboard > .app-header nav#main-navigation > .nav-settings-group{
    display:block!important;
    flex:0 0 auto!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }

  /* EXACT same visual treatment as other main navigation entries. */
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > .nav-settings-group > a.nav-settings-parent{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:43px!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:10px 12px!important;
    gap:10px!important;
    border:0!important;
    border-radius:11px!important;
    background:transparent!important;
    color:#50627c!important;
    font-size:15px!important;
    font-weight:700!important;
    line-height:1.25!important;
    text-decoration:none!important;
    cursor:pointer!important;
    transform:none!important;
    text-indent:0!important;
  }

  body.reboat-desktop-dashboard > .app-header nav#main-navigation > .nav-settings-group > a.nav-settings-parent:hover{
    background:#f4f8fd!important;
    color:#014BC8!important;
  }
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > .nav-settings-group.open > a.nav-settings-parent,
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > .nav-settings-group > a.nav-settings-parent.active{
    background:#eef5ff!important;
    color:#014BC8!important;
  }

  .nav-settings-parent .nav-settings-icon{
    display:inline-block!important;
    width:22px!important;
    height:22px!important;
    flex:0 0 22px!important;
  }
  .nav-settings-parent .nav-label{
    display:block!important;
    flex:1 1 auto!important;
    min-width:0!important;
  }
  .nav-settings-parent .nav-chevron{
    display:block!important;
    flex:0 0 auto!important;
    margin-left:auto!important;
    color:currentColor!important;
    transform:rotate(-90deg)!important;
    transition:transform .18s ease!important;
  }
  .nav-settings-group.open .nav-settings-parent .nav-chevron{
    transform:rotate(0deg)!important;
  }

  /* Hidden when closed, real visible submenu when open. */
  body.reboat-desktop-dashboard > .app-header nav#main-navigation .nav-settings-submenu{
    display:none!important;
    flex-direction:column!important;
    align-items:stretch!important;
    width:calc(100% - 32px)!important;
    min-width:0!important;
    box-sizing:border-box!important;
    margin:2px 0 7px 32px!important;
    padding:3px 0 3px 8px!important;
    gap:0!important;
    background:transparent!important;
    visibility:visible!important;
    opacity:1!important;
    height:auto!important;
    overflow:visible!important;
  }
  body.reboat-desktop-dashboard > .app-header nav#main-navigation .nav-settings-group.open .nav-settings-submenu{
    display:flex!important;
  }

  body.reboat-desktop-dashboard > .app-header nav#main-navigation .nav-settings-submenu > a{
    display:block!important;
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    min-height:30px!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:6px 8px 6px 22px!important;
    border-radius:8px!important;
    background:transparent!important;
    color:#64758f!important;
    font-size:13px!important;
    font-weight:600!important;
    line-height:1.3!important;
    text-decoration:none!important;
    white-space:normal!important;
    visibility:visible!important;
    opacity:1!important;
    transform:none!important;
    text-indent:0!important;
  }
  body.reboat-desktop-dashboard > .app-header nav#main-navigation .nav-settings-submenu > a::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:7px!important;
    top:50%!important;
    width:6px!important;
    height:6px!important;
    border-radius:50%!important;
    background:currentColor!important;
    transform:translateY(-50%)!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
  body.reboat-desktop-dashboard > .app-header nav#main-navigation .nav-settings-submenu > a:hover,
  body.reboat-desktop-dashboard > .app-header nav#main-navigation .nav-settings-submenu > a.active{
    color:#014BC8!important;
    background:transparent!important;
    font-weight:800!important;
  }

  /* The account card is outside the scrollable nav and remains fully visible. */
  body.reboat-desktop-dashboard > .app-header .header-profile{
    display:grid!important;
    flex:0 0 58px!important;
    min-height:58px!important;
    max-height:58px!important;
    width:100%!important;
    margin:8px 0 0!important;
    padding:8px 10px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
}


/* =========================================================
   V157 — exact sidebar behavior from supplied reference
   ========================================================= */
@media (min-width:1000px){
  body.reboat-desktop-dashboard > .app-header nav#main-navigation{
    scroll-behavior:auto!important;
    align-content:flex-start!important;
    justify-content:flex-start!important;
  }

  /* Never translate or vertically center the active Settings entry. */
  .nav-settings-group,
  .nav-settings-parent,
  .nav-settings-submenu{
    transform:none!important;
  }

  /* Main menu items above Settings always remain part of the same flow. */
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > a{
    flex:0 0 auto!important;
  }
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > .nav-settings-group{
    order:initial!important;
    flex:0 0 auto!important;
  }

  /* Expanded Settings submenu sits directly under Settings, not instead of the main menu. */
  body.reboat-desktop-dashboard > .app-header nav#main-navigation .nav-settings-group.open .nav-settings-submenu{
    display:flex!important;
    position:static!important;
    float:none!important;
  }

  /* Keep account card fully visible below the independently scrollable nav. */
  body.reboat-desktop-dashboard > .app-header .header-profile{
    position:relative!important;
    flex:0 0 58px!important;
    bottom:auto!important;
  }
}

/* Settings overview: semantic outline icons */
.settings-overview-icon{
  position:relative;
  font-size:0!important;
  color:#014BC8!important;
}
.settings-overview-icon::before{
  content:"";
  display:block;
  width:26px;
  height:26px;
  background:currentColor;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:25px 25px;
  mask-size:25px 25px;
}
.settings-icon-profile::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M4%2021a8%208%200%200%201%2016%200%22%2F%3E%3C%2Fsvg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M4%2021a8%208%200%200%201%2016%200%22%2F%3E%3C%2Fsvg%3E");
}
.settings-icon-online::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M3%2010h18M7%2015h4%22%2F%3E%3C%2Fsvg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M3%2010h18M7%2015h4%22%2F%3E%3C%2Fsvg%3E");
}
.settings-icon-notifications::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%208a6%206%200%200%200-12%200c0%207-3%207-3%209h18c0-2-3-2-3-9%22%2F%3E%3Cpath%20d%3D%22M10%2021h4%22%2F%3E%3C%2Fsvg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%208a6%206%200%200%200-12%200c0%207-3%207-3%209h18c0-2-3-2-3-9%22%2F%3E%3Cpath%20d%3D%22M10%2021h4%22%2F%3E%3C%2Fsvg%3E");
}
.settings-icon-business::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2021h18M5%2021V7l7-4%207%204v14%22%2F%3E%3Cpath%20d%3D%22M9%2010h.01M15%2010h.01M9%2014h.01M15%2014h.01M10%2021v-4h4v4%22%2F%3E%3C%2Fsvg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2021h18M5%2021V7l7-4%207%204v14%22%2F%3E%3Cpath%20d%3D%22M9%2010h.01M15%2010h.01M9%2014h.01M15%2014h.01M10%2021v-4h4v4%22%2F%3E%3C%2Fsvg%3E");
}
.settings-icon-subscription::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M3%2010h18%22%2F%3E%3Cpath%20d%3D%22M14.5%2014.5c-.5-.6-1.2-1-2-1-1.1%200-2%20.7-2%201.5s.9%201.5%202%201.5%202%20.7%202%201.5-.9%201.5-2%201.5c-.8%200-1.5-.3-2-.8M12.5%2012v1.5M12.5%2019.5V21%22%2F%3E%3C%2Fsvg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M3%2010h18%22%2F%3E%3Cpath%20d%3D%22M14.5%2014.5c-.5-.6-1.2-1-2-1-1.1%200-2%20.7-2%201.5s.9%201.5%202%201.5%202%20.7%202%201.5-.9%201.5-2%201.5c-.8%200-1.5-.3-2-.8M12.5%2012v1.5M12.5%2019.5V21%22%2F%3E%3C%2Fsvg%3E");
}


/* =========================================================
   V158 — exact one-sidebar menu structure requested
   ========================================================= */
@media (min-width:1000px){
  body.reboat-desktop-dashboard > .app-header{
    display:flex!important;
    flex-direction:column!important;
    height:100vh!important;
    min-height:0!important;
  }

  body.reboat-desktop-dashboard > .app-header nav#main-navigation{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    flex:1 1 0!important;
    min-height:0!important;
    width:100%!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scroll-behavior:auto!important;
  }

  /* Main menu items remain in one common vertical flow. */
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > a,
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > .nav-settings-group{
    flex:0 0 auto!important;
    width:100%!important;
    box-sizing:border-box!important;
  }

  /* Settings looks like every other main menu item. */
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > .nav-settings-group > .nav-settings-parent{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-height:43px!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:10px 12px!important;
    gap:10px!important;
    border-radius:11px!important;
    background:transparent!important;
    color:#50627c!important;
    text-decoration:none!important;
    font-size:15px!important;
    font-weight:700!important;
  }

  body.reboat-desktop-dashboard > .app-header nav#main-navigation > .nav-settings-group > .nav-settings-parent:hover{
    color:#014BC8!important;
    background:#f4f8fd!important;
  }

  body.reboat-desktop-dashboard > .app-header nav#main-navigation > .nav-settings-group.open > .nav-settings-parent{
    color:#014BC8!important;
    background:#eef5ff!important;
  }

  /* Submenu is directly below Settings and nowhere else. */
  body.reboat-desktop-dashboard > .app-header nav#main-navigation .nav-settings-submenu{
    display:none!important;
    position:static!important;
    width:100%!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:3px 10px 7px 38px!important;
    background:transparent!important;
    flex-direction:column!important;
    gap:0!important;
  }

  body.reboat-desktop-dashboard > .app-header nav#main-navigation .nav-settings-group.open .nav-settings-submenu{
    display:flex!important;
  }

  body.reboat-desktop-dashboard > .app-header nav#main-navigation .nav-settings-submenu > a{
    display:block!important;
    position:relative!important;
    width:100%!important;
    min-height:30px!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:6px 8px 6px 20px!important;
    border-radius:8px!important;
    background:transparent!important;
    color:#64758f!important;
    text-decoration:none!important;
    font-size:13px!important;
    font-weight:600!important;
    line-height:1.3!important;
  }

  body.reboat-desktop-dashboard > .app-header nav#main-navigation .nav-settings-submenu > a::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:5px!important;
    top:50%!important;
    width:6px!important;
    height:6px!important;
    border-radius:50%!important;
    background:currentColor!important;
    transform:translateY(-50%)!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }

  body.reboat-desktop-dashboard > .app-header nav#main-navigation .nav-settings-submenu > a:hover,
  body.reboat-desktop-dashboard > .app-header nav#main-navigation .nav-settings-submenu > a.active{
    color:#014BC8!important;
    font-weight:800!important;
  }

  /* Main Notifications and Logout stay after the Settings group. */
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > a[href="/notifications"],
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > a[href="/logout"]{
    display:flex!important;
  }

  /* Logged-in account card remains separate at the bottom. */
  body.reboat-desktop-dashboard > .app-header .header-profile{
    flex:0 0 58px!important;
    min-height:58px!important;
    max-height:58px!important;
    width:100%!important;
    margin-top:8px!important;
  }
}


/* =========================================================
   V159 — Settings click opens overview + submenu together
   ========================================================= */
@media (min-width:1000px){
  body.reboat-desktop-dashboard > .app-header{
    height:100vh!important;
    min-height:0!important;
    overflow:hidden!important;
  }

  body.reboat-desktop-dashboard > .app-header nav#main-navigation{
    flex:1 1 0!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:2px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding-bottom:8px!important;
  }

  body.reboat-desktop-dashboard > .app-header nav#main-navigation > a,
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > .nav-settings-group{
    flex:0 0 auto!important;
    width:100%!important;
  }

  /* Settings is one normal main-menu entry. */
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > .nav-settings-group > .nav-settings-parent{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:43px!important;
    padding:10px 12px!important;
    margin:0!important;
    box-sizing:border-box!important;
    gap:10px!important;
    border-radius:11px!important;
    color:#50627c!important;
    text-decoration:none!important;
    background:transparent!important;
    font-size:15px!important;
    font-weight:700!important;
  }
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > .nav-settings-group.open > .nav-settings-parent{
    color:#014BC8!important;
    background:#eef5ff!important;
  }

  /* On every Settings/Subscription page this group is server-rendered open. */
  body.reboat-desktop-dashboard > .app-header nav#main-navigation .nav-settings-group.open .nav-settings-submenu{
    display:flex!important;
    flex-direction:column!important;
    position:static!important;
    width:100%!important;
    margin:0!important;
    padding:2px 8px 7px 38px!important;
    box-sizing:border-box!important;
    gap:0!important;
  }

  body.reboat-desktop-dashboard > .app-header nav#main-navigation .nav-settings-submenu > a{
    display:block!important;
    width:100%!important;
    min-height:28px!important;
    padding:5px 8px 5px 20px!important;
    box-sizing:border-box!important;
    color:#64758f!important;
    background:transparent!important;
    text-decoration:none!important;
    font-size:13px!important;
    font-weight:600!important;
  }
  body.reboat-desktop-dashboard > .app-header nav#main-navigation .nav-settings-submenu > a:hover,
  body.reboat-desktop-dashboard > .app-header nav#main-navigation .nav-settings-submenu > a.active{
    color:#014BC8!important;
    font-weight:800!important;
  }

  /* Account card remains outside scrolling navigation and fully visible. */
  body.reboat-desktop-dashboard > .app-header .header-profile{
    flex:0 0 58px!important;
    min-height:58px!important;
    max-height:58px!important;
    margin-top:8px!important;
  }
}


/* =========================================================
   V160 — ONE sidebar, no nested nav scroll restoration bugs
   ========================================================= */
@media (min-width:1000px){
  body.reboat-desktop-dashboard{
    padding-left:282px!important;
    overflow-x:hidden!important;
  }

  /* The WHOLE left sidebar is the only vertical scroll container. */
  body.reboat-desktop-dashboard > .app-header{
    position:fixed!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:282px!important;
    min-width:282px!important;
    max-width:282px!important;
    height:100vh!important;
    min-height:0!important;
    display:block!important;
    box-sizing:border-box!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:20px 16px 14px!important;
    background:#fff!important;
    border-right:1px solid #e2e8f1!important;
    scroll-behavior:auto!important;
  }

  body.reboat-desktop-dashboard > .app-header .logo{
    display:block!important;
    position:static!important;
    width:100%!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:4px 12px 14px!important;
    transform:none!important;
  }

  /* NAV ITSELF NEVER SCROLLS and never vertically centers. */
  body.reboat-desktop-dashboard > .app-header nav#main-navigation{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    position:static!important;
    margin:0!important;
    padding:0!important;
    gap:1px!important;
    transform:none!important;
    scroll-behavior:auto!important;
  }

  /* All main items remain visible in source order. */
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > a,
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > .nav-settings-group{
    display:block!important;
    position:static!important;
    flex:0 0 auto!important;
    order:initial!important;
    width:100%!important;
    margin:0!important;
    transform:none!important;
  }

  body.reboat-desktop-dashboard > .app-header nav#main-navigation > a{
    min-height:38px!important;
    padding:8px 10px!important;
    box-sizing:border-box!important;
  }

  /* Settings appears exactly at its place between QR and main Notifications. */
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > .nav-settings-group > .nav-settings-parent{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:38px!important;
    margin:0!important;
    padding:8px 10px!important;
    box-sizing:border-box!important;
    gap:10px!important;
    position:static!important;
    transform:none!important;
  }

  /* Settings submenu is normal document flow directly underneath Settings. */
  body.reboat-desktop-dashboard > .app-header nav#main-navigation .nav-settings-submenu{
    display:none!important;
    position:static!important;
    float:none!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    margin:0!important;
    padding:2px 6px 5px 37px!important;
    box-sizing:border-box!important;
    transform:none!important;
  }

  body.reboat-desktop-dashboard > .app-header nav#main-navigation .nav-settings-group.open .nav-settings-submenu{
    display:flex!important;
    flex-direction:column!important;
  }

  body.reboat-desktop-dashboard > .app-header nav#main-navigation .nav-settings-submenu > a{
    min-height:25px!important;
    padding:4px 6px 4px 20px!important;
    line-height:1.25!important;
  }

  /* Main notifications and logout remain below the expanded Settings submenu. */
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > a[href="/notifications"],
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > a[href="/logout"]{
    display:flex!important;
    position:static!important;
  }

  /* Account card sits after the complete menu. No overlay/cropping. */
  body.reboat-desktop-dashboard > .app-header .header-profile{
    display:grid!important;
    position:static!important;
    width:100%!important;
    min-height:58px!important;
    height:58px!important;
    max-height:58px!important;
    margin:10px 0 0!important;
    padding:8px 10px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    transform:none!important;
  }
}


/* =========================================================
   V161 — sidebar icon/text vertical alignment only
   ========================================================= */
@media (min-width:1000px){
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > a,
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > .nav-settings-group > .nav-settings-parent{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    line-height:1.2!important;
  }

  body.reboat-desktop-dashboard > .app-header nav#main-navigation > a::before,
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > .nav-settings-group > .nav-settings-parent .nav-settings-icon{
    display:inline-block!important;
    flex:0 0 22px!important;
    width:22px!important;
    height:22px!important;
    margin:0!important;
    padding:0!important;
    align-self:center!important;
    vertical-align:middle!important;
    position:relative!important;
    top:0!important;
    bottom:auto!important;
    transform:none!important;
  }

  body.reboat-desktop-dashboard > .app-header nav#main-navigation > a{
    gap:10px!important;
  }

  body.reboat-desktop-dashboard > .app-header nav#main-navigation > a > .nav-count{
    margin-left:auto!important;
  }

  body.reboat-desktop-dashboard > .app-header nav#main-navigation > .nav-settings-group > .nav-settings-parent .nav-label{
    display:flex!important;
    align-items:center!important;
    min-height:22px!important;
    line-height:1.2!important;
  }

  body.reboat-desktop-dashboard > .app-header nav#main-navigation > .nav-settings-group > .nav-settings-parent .nav-chevron{
    align-self:center!important;
    line-height:1!important;
  }
}


/* =========================================================
   V162 — subscription back link + fixed account card
   ========================================================= */
@media (min-width:1000px){
  /* Keep the logged-in account card pinned to the bottom of the sidebar,
     independent of whether Settings submenu is open or closed. */
  body.reboat-desktop-dashboard > .app-header .header-profile{
    position:sticky!important;
    bottom:0!important;
    z-index:20!important;
    width:100%!important;
    min-height:58px!important;
    height:58px!important;
    max-height:58px!important;
    margin:10px 0 0!important;
    background:#fff!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    padding:8px 10px!important;
    box-sizing:border-box!important;
  }

  body.reboat-desktop-dashboard > .app-header .header-profile-copy{
    min-width:0!important;
  }

  body.reboat-desktop-dashboard > .app-header .header-profile-chevron{
    display:none!important;
  }
}

.subscription-back-settings{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin:0 0 14px;
  color:#014BC8;
  font-weight:800;
  text-decoration:none;
}
.subscription-back-settings:hover{
  text-decoration:underline;
}


/* =========================================================
   V163 — account card directly below reBOAT logo
   ========================================================= */
@media (min-width:1000px){
  body.reboat-desktop-dashboard > .app-header .header-profile{
    position:relative!important;
    top:auto!important;
    bottom:auto!important;
    order:0!important;
    flex:0 0 58px!important;
    width:calc(100% - 32px)!important;
    min-height:58px!important;
    height:58px!important;
    max-height:58px!important;
    margin:0 16px 10px!important;
  }

  body.reboat-desktop-dashboard > .app-header > nav#main-navigation{
    order:1!important;
  }
}
/* V164 Channel Manager */
.channel-manager-page{display:grid;gap:18px}.cm-channel-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.cm-channel-tab{position:relative;display:flex;flex-direction:column;gap:3px;padding:14px 16px;border:1px solid #dce5f0;border-radius:16px;background:#fff;text-decoration:none;color:#172033}.cm-channel-tab.active{border-color:#014BC8;box-shadow:0 0 0 2px rgba(22,119,255,.1)}.cm-channel-tab small{color:#738095}.cm-dot{position:absolute;right:12px;top:12px;width:9px;height:9px;border-radius:50%;background:#a8b2c1}.cm-dot.connected{background:#25a866}.cm-dot.pending{background:#f0a62e}.cm-dot.error{background:#d84b4b}.cm-hero{display:flex;align-items:center;justify-content:space-between;gap:22px}.cm-hero h2{margin:.25rem 0}.cm-status{display:flex;align-items:center;gap:9px;white-space:nowrap;padding:10px 13px;border-radius:999px;background:#f4f6f9}.cm-status span{width:10px;height:10px;border-radius:50%;background:#a8b2c1}.cm-status.connected span{background:#25a866}.cm-status.pending span{background:#f0a62e}.cm-status.error span{background:#d84b4b}.cm-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.cm-steps{display:grid;gap:11px;margin:15px 0 18px}.cm-steps>div{display:grid;grid-template-columns:32px 1fr;gap:11px;align-items:start}.cm-steps span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#eaf3ff;color:#014BC8;font-weight:800}.cm-steps p{margin:4px 0 0}.cm-endpoint{margin-top:14px;padding:12px;border-radius:12px;background:#f6f8fb;display:grid;gap:6px}.cm-endpoint code{font-size:12px;overflow-wrap:anywhere}.cm-map-form{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px;align-items:end}.cm-map-form button{height:44px}.cm-sync-options{grid-column:1/-1;display:flex;gap:18px;flex-wrap:wrap}.cm-sync-options label{display:flex;align-items:center;gap:7px;font-weight:600}.cm-sync-options input{width:auto}.cm-safety{border-left:4px solid #014BC8}.settings-icon-channel:before{content:'↔';font-weight:900}.table-wrap td small{display:block;color:#738095;margin-top:3px}@media(max-width:900px){.cm-channel-tabs{grid-template-columns:1fr 1fr}.cm-channel-tab:last-child{grid-column:1/-1}.cm-grid{grid-template-columns:1fr}.cm-map-form{grid-template-columns:1fr}.cm-sync-options{grid-column:auto}.cm-hero{align-items:flex-start;flex-direction:column}}

/* V178 - Superadmin SMS/Twilio + cleaner settings navigation */
.sms-admin-page{display:grid;gap:18px}.settings-page-heading h1{margin:.2rem 0}.sms-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sms-recipient-modes{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 16px}.sms-recipient-modes label{display:flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid #dbe7f5;border-radius:12px;background:#fff}.sms-compose form{display:grid;gap:14px}.sms-admin-page .phone-input-row{grid-template-columns:minmax(120px,180px) minmax(220px,1fr)}
@media(max-width:760px){.sms-metrics{grid-template-columns:1fr}.sms-admin-page .phone-input-row{grid-template-columns:125px minmax(0,1fr)}.sms-recipient-modes{display:grid;grid-template-columns:1fr 1fr}}

/* =========================================================
   V185 — unified Superadmin login + mobile Superadmin UX
   ========================================================= */
.superadmin-mobile-settings-overview{display:none}

@media (min-width:1000px){
  /* Superadmin desktop: every main menu item gets its own icon. */
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > a[href="/dashboard"]::before{content:"▦"!important}
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > a[href="/admin/owners"]::before{content:"⚓"!important}
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > a[href="/admin/customers"]::before{content:"♟"!important}
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > a[href="/admin/notifications"]::before{content:"◉"!important}
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > a[href="/reviews"]::before{content:"★"!important}
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > a[href="/admin/promo"]::before{content:"◆"!important}
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > a[href="/logout"]::before{content:"↪"!important}
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > a::before,
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > .nav-settings-group > .nav-settings-parent .nav-settings-icon::before{
    width:22px!important;min-width:22px!important;height:22px!important;display:inline-grid!important;place-items:center!important;
    margin:0!important;font-size:17px!important;line-height:1!important;font-weight:800!important;text-align:center!important;
  }
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > .nav-settings-group > .nav-settings-parent .nav-settings-icon::before{content:"⚙"}
  /* Submenu entries intentionally have no icons. */
  body.reboat-desktop-dashboard > .app-header nav#main-navigation .nav-settings-submenu > a::before{display:none!important;content:none!important}
}

@media (max-width:999px){
  body.reboat-mobile-app-body .superadmin-settings-page{gap:14px}
  body.reboat-mobile-app-body .superadmin-settings-page .settings-page-head{padding:0 2px}
  body.reboat-mobile-app-body .superadmin-settings-page .settings-page-head h1{font-size:28px;line-height:1.08}
  body.reboat-mobile-app-body .superadmin-settings-page .settings-page-head p{font-size:13px;line-height:1.5}
  body.reboat-mobile-app-body .superadmin-mobile-settings-overview{display:grid;grid-template-columns:1fr;gap:10px;margin:2px 0 4px}
  body.reboat-mobile-app-body .superadmin-mobile-settings-card{display:grid;grid-template-columns:46px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:14px;border:1px solid #dbe8f7;border-radius:17px;background:#fff;color:#12233b;text-decoration:none;box-shadow:0 7px 22px rgba(20,54,92,.05)}
  body.reboat-mobile-app-body .superadmin-mobile-settings-card>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#eff6ff;font-size:20px}
  body.reboat-mobile-app-body .superadmin-mobile-settings-card div{min-width:0}
  body.reboat-mobile-app-body .superadmin-mobile-settings-card b{display:block;font-size:15px;line-height:1.25}
  body.reboat-mobile-app-body .superadmin-mobile-settings-card small{display:block;margin-top:4px;color:#6d7f97;font-size:11.5px;line-height:1.35}
  body.reboat-mobile-app-body .superadmin-mobile-settings-card i{font-style:normal;font-size:28px;color:#9aabc0;text-align:right}
  body.reboat-mobile-app-body .superadmin-settings-page .settings-wide-card,
  body.reboat-mobile-app-body .superadmin-settings-page .settings-panel,
  body.reboat-mobile-app-body main>section.card#settings-subscriptions{border-radius:18px!important}
  body.reboat-mobile-app-body .superadmin-settings-page input,
  body.reboat-mobile-app-body .superadmin-settings-page select,
  body.reboat-mobile-app-body .superadmin-settings-page textarea{font-size:16px!important;max-width:100%}
  body.reboat-mobile-app-body .superadmin-settings-page button,
  body.reboat-mobile-app-body .superadmin-settings-page .btn{min-height:46px}
  body.reboat-mobile-app-body .superadmin-settings-page [id^="settings-"]{scroll-margin-top:74px}
  body.reboat-mobile-app-body .reboat-mobile-app-header .header-profile{display:flex!important}
}

/* V186 Superadmin mobile polish */
.superadmin-avatar-row{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:center;margin:0 0 22px}.superadmin-avatar-drop{min-height:165px;border:2px dashed #bfd4ee;border-radius:18px;background:#f7fbff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:16px;cursor:pointer;transition:.2s}.superadmin-avatar-drop.dragging{border-color:#014BC8;background:#edf6ff;transform:scale(1.01)}.superadmin-avatar-drop img,.superadmin-avatar-drop>span{width:76px;height:76px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#014BC8;color:#fff;font-size:30px;font-weight:800;box-shadow:0 8px 24px rgba(22,119,255,.2)}.superadmin-avatar-drop small{color:#6e7f93}.superadmin-avatar-copy p{margin:6px 0 12px;color:#6b7d91}.review-superadmin-search{display:flex;align-items:end;gap:12px;margin-bottom:18px}.review-superadmin-search label{flex:1;margin:0}.review-superadmin-search input{width:100%}
@media(max-width:900px){
 .superadmin-dashboard{padding:0!important}.superadmin-dashboard-head{margin-bottom:12px}.superadmin-dashboard-head h1{font-size:26px;line-height:1.1}.superadmin-dashboard-head p{font-size:14px;line-height:1.5}.superadmin-filter{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;padding:14px!important}.superadmin-filter label{min-width:0!important;width:100%!important}.superadmin-filter button{grid-column:1/-1;width:100%}.sa-summary-strip,.sa-kpi-grid,.financial-focus{grid-template-columns:1fr!important;gap:10px!important}.sa-summary-strip>div,.sa-kpi{min-width:0!important;padding:15px!important}.sa-kpi strong{font-size:25px!important}.superadmin-settings-page{padding:0!important}.superadmin-settings-page .settings-page-head{margin-bottom:12px}.superadmin-settings-page .settings-page-head h1{font-size:25px}.superadmin-settings-page .card,.superadmin-settings-page section.card,#settings-subscriptions{border-radius:16px!important;padding:16px!important;margin-bottom:12px!important}.superadmin-settings-grid{display:block!important}.superadmin-settings-all-cards .superadmin-settings-grid>section.card,.superadmin-settings-all-cards>section.card{display:block!important}.superadmin-settings-page .form-grid.two,.superadmin-settings-page .settings-form-grid.two,.superadmin-settings-page .commission-choice-grid{grid-template-columns:1fr!important}.superadmin-settings-page button,.superadmin-settings-page .btn{max-width:100%}.superadmin-avatar-row{grid-template-columns:1fr}.superadmin-avatar-drop{min-height:180px}.superadmin-avatar-copy{text-align:center}.notification-hub{padding:0!important}.notification-hub .page-head h1{font-size:26px}.notification-kpis{grid-template-columns:1fr 1fr!important;gap:9px!important}.notification-kpis .card{padding:13px!important;min-width:0}.notification-kpis strong{font-size:24px}.notification-composer{padding:15px!important;border-radius:16px!important}.notification-composer .form-grid.two,.notification-rich-grid,.role-menu-targets,.notification-geofence .form-grid.three{grid-template-columns:1fr!important}.notification-click-modes{grid-template-columns:1fr!important}.notification-send-row{flex-direction:column;align-items:stretch!important;gap:12px}.notification-send-row .btn{width:100%}.notification-history{padding:14px!important}.notification-history .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.review-superadmin-search{display:grid;grid-template-columns:1fr 1fr;align-items:end;padding:14px!important}.review-superadmin-search label{grid-column:1/-1}.review-admin-owner-grid{grid-template-columns:1fr!important}.review-admin-dashboard{grid-template-columns:1fr!important}.review-admin-page-head{gap:12px}.review-head-actions{width:100%}.review-head-actions .btn{width:100%;text-align:center}.promo-admin-page{padding:0!important}.promo-admin-page .page-heading h1{font-size:26px}.promo-admin-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.promo-admin-kpis .sa-kpi{padding:12px 8px!important;text-align:center}.promo-admin-page>section.card,.promo-admin-page .card{border-radius:16px;padding:15px!important}.promo-admin-page .form-grid.two,.promo-admin-page .grid2,.promo-admin-page .promo-product-guide{grid-template-columns:1fr!important}.promo-admin-page input,.promo-admin-page select,.promo-admin-page textarea,.promo-admin-page button,.promo-admin-page .btn{max-width:100%}.promo-admin-page .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.promo-admin-page table{min-width:620px}.promo-admin-page pre{max-width:100%;overflow:auto;font-size:11px}.promo-admin-page .promo-toggles{flex-wrap:wrap}.promo-admin-page #visual-editor [style*="grid-template-columns"]{grid-template-columns:1fr!important}
}
@media(max-width:520px){.notification-kpis{grid-template-columns:1fr!important}.promo-admin-kpis{grid-template-columns:1fr!important}.review-superadmin-search{grid-template-columns:1fr}.review-superadmin-search label{grid-column:auto}.superadmin-filter{grid-template-columns:1fr!important}.superadmin-filter button{grid-column:auto}}

/* =========================================================
   V187 — Superadmin mobile app: true mobile-first screens
   ========================================================= */
@media (max-width:999px){
  body.reboat-mobile-app-body main{padding-left:12px!important;padding-right:12px!important;overflow-x:hidden}
  body.reboat-mobile-app-body main>*{max-width:100%;min-width:0}
  body.reboat-mobile-app-body .admin-head{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-bottom:14px}
  body.reboat-mobile-app-body .admin-head h1,body.reboat-mobile-app-body .page-head h1,body.reboat-mobile-app-body .page-heading h1{font-size:26px!important;line-height:1.08!important;overflow-wrap:anywhere}
  body.reboat-mobile-app-body .admin-head>.btn,body.reboat-mobile-app-body .admin-head>a.btn{width:100%;text-align:center;min-height:46px;display:flex;align-items:center;justify-content:center}
  body.reboat-mobile-app-body .cards{grid-template-columns:1fr!important;gap:10px!important}
  body.reboat-mobile-app-body .metric{padding:14px!important;min-width:0}
  body.reboat-mobile-app-body .filter-row{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  body.reboat-mobile-app-body .filter-row>*{width:100%!important;min-width:0!important}
  body.reboat-mobile-app-body .grid2,body.reboat-mobile-app-body .grid3,body.reboat-mobile-app-body .admin-customer-grid{grid-template-columns:1fr!important}
  body.reboat-mobile-app-body input,body.reboat-mobile-app-body select,body.reboat-mobile-app-body textarea{font-size:16px!important;max-width:100%;min-width:0}
  body.reboat-mobile-app-body button,body.reboat-mobile-app-body .btn{min-height:44px;max-width:100%}
  body.reboat-mobile-app-body .table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:14px}
  body.reboat-mobile-app-body .table-wrap table{min-width:680px}
  body.reboat-mobile-app-body .actions{white-space:normal!important}
  body.reboat-mobile-app-body .actions form{display:block!important;margin-top:7px}

  /* Settings index: only cards are visible. Details are a separate mobile screen. */
  body.reboat-mobile-app-body #settings-subscriptions,
  body.reboat-mobile-app-body .superadmin-settings-page>section.card,
  body.reboat-mobile-app-body .superadmin-settings-grid>section.card{display:none!important}
  body.reboat-mobile-app-body .superadmin-settings-page{display:block!important;padding:0!important}
  body.reboat-mobile-app-body .superadmin-settings-page .settings-page-head{margin:4px 0 14px!important;padding:0 2px!important}
  body.reboat-mobile-app-body .superadmin-settings-page .settings-page-head h1{font-size:27px!important;margin:.15rem 0 .35rem!important}
  body.reboat-mobile-app-body .superadmin-settings-page .settings-page-head p{margin:0!important;font-size:13px!important;color:#6d7f97!important;line-height:1.5!important}
  body.reboat-mobile-app-body .superadmin-mobile-settings-overview{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin:0!important}
  body.reboat-mobile-app-body .superadmin-mobile-settings-overview[hidden]{display:none!important}
  body.reboat-mobile-app-body .superadmin-mobile-settings-card{min-height:86px!important;grid-template-columns:48px minmax(0,1fr) 18px!important;padding:13px 14px!important;border-radius:17px!important;box-shadow:0 5px 18px rgba(19,54,92,.055)!important}
  body.reboat-mobile-app-body .superadmin-mobile-settings-card>span{width:48px!important;height:48px!important;font-size:21px!important}
  body.reboat-mobile-app-body .superadmin-mobile-settings-card b{font-size:15.5px!important;line-height:1.22!important;margin-top:1px}
  body.reboat-mobile-app-body .superadmin-mobile-settings-card small{font-size:11.5px!important;line-height:1.35!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  body.reboat-mobile-app-body .superadmin-mobile-settings-card .superadmin-setting-kicker{display:block!important;color:#014BC8!important;font-size:9px!important;font-weight:850!important;letter-spacing:.08em!important;text-transform:uppercase!important;margin:0 0 2px!important;-webkit-line-clamp:1}
  body.reboat-mobile-app-body .superadmin-mobile-setting-active{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:15px!important;border-radius:17px!important;overflow:hidden}
  body.reboat-mobile-app-body #settings-subscriptions.superadmin-mobile-setting-active{display:block!important}
  body.reboat-mobile-app-body .superadmin-mobile-setting-active .settings-card-head,
  body.reboat-mobile-app-body .superadmin-mobile-setting-active .commission-control-head{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important}
  body.reboat-mobile-app-body .superadmin-mobile-setting-active .settings-card-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#eff6ff}
  body.reboat-mobile-app-body .superadmin-mobile-setting-active h2{font-size:21px!important;line-height:1.15!important;overflow-wrap:anywhere}
  body.reboat-mobile-app-body .superadmin-mobile-setting-active h3{font-size:18px!important;line-height:1.2!important}
  body.reboat-mobile-app-body .superadmin-mobile-setting-active p,body.reboat-mobile-app-body .superadmin-mobile-setting-active small{overflow-wrap:anywhere}
  body.reboat-mobile-app-body .superadmin-mobile-setting-active form,
  body.reboat-mobile-app-body .superadmin-mobile-setting-active .form-grid,
  body.reboat-mobile-app-body .superadmin-mobile-setting-active .settings-form-grid,
  body.reboat-mobile-app-body .superadmin-mobile-setting-active .commission-calc-inputs,
  body.reboat-mobile-app-body .superadmin-mobile-setting-active .commission-calc-grid,
  body.reboat-mobile-app-body .superadmin-mobile-setting-active .commission-choice-grid{grid-template-columns:1fr!important;max-width:100%!important}
  body.reboat-mobile-app-body .superadmin-mobile-setting-active [style*="grid-template-columns"]{grid-template-columns:1fr!important}
  body.reboat-mobile-app-body .superadmin-mobile-setting-active button,
  body.reboat-mobile-app-body .superadmin-mobile-setting-active .btn,
  body.reboat-mobile-app-body .superadmin-mobile-setting-active .commission-submit{width:100%!important;min-height:47px!important}
  body.reboat-mobile-app-body .superadmin-mobile-setting-active .commission-current{width:100%!important;text-align:left!important}
  body.reboat-mobile-app-body .superadmin-mobile-setting-active .commission-calc-grid>div{min-width:0!important}
  body.reboat-mobile-app-body .superadmin-mobile-setting-toolbar{display:grid;gap:10px;margin:2px 0 12px!important}
  body.reboat-mobile-app-body .superadmin-mobile-settings-back{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-height:46px;padding:11px 14px;border:1px solid #dbe8f7;border-radius:14px;background:#fff;color:#16304f;text-decoration:none;font-size:14px;font-weight:800}
  body.reboat-mobile-app-body .superadmin-mobile-setting-toolbar>div{padding:1px 2px}
  body.reboat-mobile-app-body .superadmin-mobile-setting-toolbar small{display:block;color:#014BC8;font-size:9px;font-weight:850;letter-spacing:.09em}
  body.reboat-mobile-app-body .superadmin-mobile-setting-toolbar strong{display:block;margin-top:3px;font-size:23px;line-height:1.1;overflow-wrap:anywhere}

  /* Superadmin dashboard / notifications / reviews / promo stay inside phone width. */
  body.reboat-mobile-app-body .superadmin-dashboard .analytics-section,
  body.reboat-mobile-app-body .superadmin-dashboard .card,
  body.reboat-mobile-app-body .notification-hub .card,
  body.reboat-mobile-app-body .promo-admin-page .card{max-width:100%!important;overflow:hidden}
  body.reboat-mobile-app-body .superadmin-dashboard [style*="grid-template-columns"],
  body.reboat-mobile-app-body .notification-hub [style*="grid-template-columns"],
  body.reboat-mobile-app-body .promo-admin-page [style*="grid-template-columns"]{grid-template-columns:1fr!important}
  body.reboat-mobile-app-body .superadmin-dashboard .sa-summary-strip,
  body.reboat-mobile-app-body .superadmin-dashboard .sa-kpi-grid,
  body.reboat-mobile-app-body .superadmin-dashboard .financial-focus{grid-template-columns:1fr!important}
  body.reboat-mobile-app-body .notification-kpis,body.reboat-mobile-app-body .promo-admin-kpis{grid-template-columns:1fr!important}
  body.reboat-mobile-app-body .review-owner-select{min-width:0!important;overflow-wrap:anywhere}
  body.reboat-mobile-app-body .promo-admin-page table{min-width:640px!important}
}
@media (max-width:999px){
  body.reboat-mobile-app-body .superadmin-settings-page>section.card.superadmin-mobile-setting-active,
  body.reboat-mobile-app-body .superadmin-settings-grid>section.card.superadmin-mobile-setting-active{display:block!important}
}

/* V188 - Superadmin avatar crop/position editor */
.superadmin-avatar-actions{display:flex;gap:9px;flex-wrap:wrap}.superadmin-avatar-modal[hidden]{display:none!important}.superadmin-avatar-modal{position:fixed;inset:0;z-index:2500;display:flex;align-items:center;justify-content:center;padding:18px}.superadmin-avatar-modal-backdrop{position:absolute;inset:0;background:rgba(9,24,44,.66);backdrop-filter:blur(5px)}.superadmin-avatar-modal-card{position:relative;z-index:1;width:min(560px,100%);max-height:calc(100vh - 36px);overflow:auto;background:#fff;border-radius:24px;border:1px solid #dbe7f4;box-shadow:0 25px 80px rgba(13,45,80,.28);padding:22px}.superadmin-avatar-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.superadmin-avatar-modal-head h3{margin:4px 0 5px;font-size:24px}.superadmin-avatar-modal-head p{margin:0;color:var(--muted);line-height:1.45}.superadmin-avatar-close{flex:0 0 44px;width:44px;height:44px;border-radius:50%;padding:0;font-size:26px;line-height:1;background:#edf4fc;color:#365675;box-shadow:none}.superadmin-avatar-editor-stage{position:relative;width:min(100%,390px);aspect-ratio:1;margin:0 auto;background:#eaf1f8;border-radius:22px;overflow:hidden;touch-action:none;cursor:grab;user-select:none}.superadmin-avatar-editor-stage.dragging{cursor:grabbing}.superadmin-avatar-editor-stage canvas{display:block;width:100%;height:100%;pointer-events:none}.superadmin-avatar-circle-guide{position:absolute;inset:3px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 999px rgba(7,25,46,.43),0 0 0 1px rgba(16,75,132,.25);pointer-events:none}.superadmin-avatar-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.superadmin-avatar-zoom-row{display:flex;align-items:end;gap:8px;min-width:0;flex:1}.superadmin-avatar-zoom-row>button{width:44px;height:44px;flex:0 0 44px;padding:0;font-size:22px}.superadmin-avatar-zoom-row label{margin:0;flex:1;min-width:0}.superadmin-avatar-zoom-row input[type=range]{margin:6px 0 0;padding:0;border:0;box-shadow:none}.superadmin-avatar-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.superadmin-avatar-editor-open{overflow:hidden}
@media(max-width:700px){.superadmin-avatar-modal{padding:10px;align-items:flex-end}.superadmin-avatar-modal-card{width:100%;max-height:calc(100vh - 20px);border-radius:24px 24px 18px 18px;padding:16px}.superadmin-avatar-modal-head h3{font-size:20px}.superadmin-avatar-editor-stage{width:min(100%,340px)}.superadmin-avatar-controls{align-items:stretch;flex-direction:column}.superadmin-avatar-zoom-row{width:100%}.superadmin-avatar-controls>#superadmin-avatar-reset{width:100%;min-height:44px}.superadmin-avatar-modal-actions{display:grid;grid-template-columns:1fr 1fr}.superadmin-avatar-modal-actions .btn{width:100%;min-height:48px}.superadmin-avatar-actions{display:grid;grid-template-columns:1fr 1fr}.superadmin-avatar-actions .btn{width:100%;min-height:44px}}


/* V190 - javne ocjene: sažeta kartica + otvaranje komentara samo na početnoj stranici iznajmljivača */
.public-reviews.public-reviews-collapsible{padding:0;overflow:hidden}
.public-reviews-summary{width:100%;border:0;background:#fff;padding:20px;display:grid;grid-template-columns:minmax(0,1fr) auto 34px;align-items:center;gap:18px;text-align:left;cursor:pointer;color:inherit}
.public-reviews-summary:hover{background:#fbfdff}
.public-reviews-summary:focus-visible{outline:3px solid rgba(22,119,255,.25);outline-offset:-3px}
.public-reviews-summary-copy{min-width:0;display:flex;flex-direction:column;gap:4px}
.public-reviews-summary-copy strong{font-size:20px;line-height:1.2}
.public-reviews-summary-stars{display:flex;gap:2px;font-size:18px;line-height:1;color:#d7e0ea;margin-top:3px}
.public-reviews-summary-stars .filled{color:#f2a800}
.public-reviews-summary-stars .empty{color:#d7e0ea}
.public-reviews-summary-score{display:grid;grid-template-columns:auto auto;grid-template-areas:"score label" "score count";column-gap:10px;align-items:center;justify-content:end;text-align:left}
.public-reviews-summary-score b{grid-area:score;font-size:30px;line-height:1;color:#f1a600}
.public-reviews-summary-score span{grid-area:label;font-size:12px;font-weight:800;color:#40536a}
.public-reviews-summary-score small{grid-area:count;font-size:12px;color:#708299}
.public-reviews-chevron{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eef5fd;color:#014BC8;font-size:22px;font-weight:900;transition:transform .2s ease}
.public-reviews-collapsible.is-open .public-reviews-chevron{transform:rotate(180deg)}
.public-reviews-details{border-top:1px solid #e5edf6;padding:16px 20px 20px;background:#fff}
.public-reviews-details[hidden]{display:none!important}
@media(max-width:760px){
 .public-reviews.public-reviews-collapsible{margin:20px 0;border-radius:18px}
 .public-reviews-summary{grid-template-columns:minmax(0,1fr) 30px;grid-template-areas:"copy arrow" "score score";gap:12px;padding:16px}
 .public-reviews-summary-copy{grid-area:copy}
 .public-reviews-summary-copy strong{font-size:18px}
 .public-reviews-summary-score{grid-area:score;justify-content:start;width:100%;padding-top:2px}
 .public-reviews-summary-score b{font-size:28px}
 .public-reviews-chevron{grid-area:arrow;width:30px;height:30px}
 .public-reviews-details{padding:14px}
 .review-card-top{align-items:flex-start;flex-direction:column}
 .review-stars{font-size:16px}
}

/* V191 - ocjena ispod naziva iznajmljivača centrirana u zaglavlju */
.tenant-brand-head .tenant-business-identity{align-items:center;text-align:center}
.tenant-brand-head .tenant-rating-summary{justify-content:center;margin-left:auto;margin-right:auto}

/* V192 - strelica kartice Ocjene gostiju precizno centrirana u kružiću */
.public-reviews-chevron{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1!important;
  padding:0!important;
  box-sizing:border-box!important;
}

/* V193 - booking popup kontrole, karta, jednokratne ocjene, tablet/landscape */
.review-name-lock{display:block;margin:-6px 0 14px;color:#708299;font-size:12px}
.review-invite-form input[readonly]{background:#f3f6f9!important;color:#40536a!important;cursor:not-allowed}
.review-used-card{text-align:center}
.review-used-card .btn{margin-top:12px}

/* Sortiranje i filteri kao bijeli popup na svim veličinama */
.market-mobile-controls{display:flex!important;gap:10px;flex-wrap:wrap}
#market-sort-panel,#market-filter-panel{display:none!important}
#market-sort-panel.mobile-open,#market-filter-panel.mobile-open{
 display:block!important;position:fixed!important;z-index:100002!important;left:50%!important;top:50%!important;
 transform:translate(-50%,-50%)!important;width:min(92vw,560px)!important;max-height:min(84vh,760px)!important;
 overflow:auto!important;background:#fff!important;border:1px solid #dce8f5!important;border-radius:22px!important;
 padding:20px!important;box-shadow:0 30px 90px rgba(21,48,80,.28)!important
}
body.market-popup-open{overflow:hidden!important}
body.market-popup-open:before{content:"";position:fixed;inset:0;background:rgba(9,25,44,.42);z-index:100001}
.market-popup-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;margin-bottom:16px!important}
.market-popup-head h3{margin:2px 0 0!important}
.market-popup-close{display:grid!important;place-items:center!important;flex:0 0 42px!important;width:42px!important;height:42px!important;border:0!important;border-radius:50%!important;background:#eef5fd!important;color:#29415c!important;font-size:25px!important;line-height:1!important;padding:0!important}
#market-filter-panel label{display:grid!important;gap:7px!important;margin-bottom:14px!important}
#market-filter-panel select,#market-filter-panel input:not([type=checkbox]),#market-sort-panel select{width:100%!important;min-height:48px!important;font-size:16px!important}
.market-apply-filter{margin-top:8px!important}

/* Google karta: popup bez unutarnjeg scrolla i čitljiv na mobitelu */
#booking-market-map{touch-action:pan-x pan-y}
.gm-style .gm-style-iw-c{padding:0!important;border-radius:18px!important;max-width:min(330px,86vw)!important}
.gm-style .gm-style-iw-d{overflow:hidden!important;max-height:none!important}
.gm-style .gm-style-iw-chr{position:absolute!important;right:2px!important;top:2px!important;z-index:3!important}
.market-map-pop{box-sizing:border-box!important;width:min(300px,78vw)!important;max-width:100%!important;padding:16px 16px 14px!important;overflow:hidden!important}
.market-map-pop h3{font-size:17px!important;line-height:1.2!important;margin:5px 28px 8px 0!important;white-space:normal!important;overflow-wrap:anywhere!important}
.market-pop-rating{display:flex!important;align-items:center!important;gap:5px!important;flex-wrap:wrap!important}
.market-pop-stars{color:#f2a800!important;letter-spacing:1px!important;white-space:nowrap!important}
.market-pop-address{display:flex!important;align-items:flex-start!important;gap:7px!important;margin-top:9px!important;min-width:0!important}
.market-pop-address svg{flex:0 0 17px!important;width:17px!important;height:17px!important}
.market-pop-address span{min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.35!important}
.market-pop-stats{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin:10px 0!important}
.market-map-pop>a{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;box-sizing:border-box!important;white-space:normal!important}

/* Tablet prikaz rezervacija */
.reservation-tablet-mode-btn{display:none}
.reservation-tablet-exit{position:fixed;right:18px;top:14px;z-index:100050;min-height:44px;padding:0 16px;border:0;border-radius:999px;background:#17283b;color:#fff;font-weight:850;box-shadow:0 8px 24px rgba(0,0,0,.2)}
body.reservation-tablet-fullscreen{overflow:auto!important;background:#f6f9fc!important}
body.reservation-tablet-fullscreen>.app-header,
body.reservation-tablet-fullscreen>footer{display:none!important}
body.reservation-tablet-fullscreen main{margin:0!important;max-width:none!important;width:100%!important;padding:16px!important}
.reservations-page.tablet-fullscreen{width:100%!important;max-width:none!important;margin:0!important;padding-top:54px!important}
.reservations-page.tablet-fullscreen .reservations-head{position:sticky;top:0;z-index:20;background:#f6f9fc;padding:8px 0}
.reservations-page.tablet-fullscreen .admin-calendar-card,
.reservations-page.tablet-fullscreen .admin-day-panel{max-width:none!important;width:100%!important}

@media (min-width:600px) and (max-width:1366px){
 .reservation-tablet-mode-btn{display:inline-flex!important}
}

/* Landscape optimizacija za mobilni web i WebView */
@media (orientation:landscape) and (max-width:1100px){
 html,body{max-width:100%;overflow-x:hidden}
 .reboat-mobile-app-body main,.reboat-mobile-auth-body main{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
 .reservations-page,.booking-account-page,.booking-market-content,.booking-results-section{max-width:100%!important}
 .reservations-head{display:flex!important;align-items:flex-start!important;gap:14px!important}
 .reservations-head-actions{flex-wrap:wrap!important;justify-content:flex-end!important}
 .admin-res-calendar{min-width:0!important}
 .booking-result-card{grid-template-columns:minmax(150px,32%) minmax(0,1fr)!important}
 .booking-market-map-card #booking-market-map{height:min(64vw,430px)!important}
 .manual-category-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .form-grid.two,.edit-party-grid,.edit-payment-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (orientation:landscape) and (max-height:520px){
 #market-sort-panel.mobile-open,#market-filter-panel.mobile-open{max-height:88vh!important;top:50%!important}
 .market-map-pop{padding:12px!important}
 .market-map-pop h3{font-size:15px!important;margin-bottom:5px!important}
 .market-pop-stats{margin:6px 0!important}
}

/* V194 - vraćen uredan desktop booking layout uz popup filtere/sortiranje */
.booking-results-section>.booking-market-section-head{align-items:center}
.booking-results-section .market-mobile-controls{display:flex!important;justify-content:flex-end;gap:10px;width:auto!important}
.booking-results-section .market-control-btn{
 display:flex!important;align-items:center!important;gap:9px!important;min-height:46px!important;padding:8px 12px!important;
 border:1px solid #cadbeb!important;background:#fff!important;border-radius:13px!important;color:#29415c!important;
 box-shadow:none!important;text-align:left!important
}
.booking-results-section .market-control-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#eef6ff;color:#014BC8;font-size:16px}
.booking-results-section .market-control-copy{display:grid;line-height:1.05}
.booking-results-section .market-control-copy small{font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:#7a8ca3}
.booking-results-section .market-control-copy b{font-size:12px;color:#29415c;margin-top:3px}
.booking-results-section .market-control-chevron{color:#7a8ca3}
.booking-market-content{display:block!important}
.booking-market-results{width:100%!important}
#market-sort-panel,#market-filter-panel{box-sizing:border-box!important}
#market-filter-panel.mobile-open{grid-template-columns:1fr 1fr!important;gap:0 14px!important}
#market-filter-panel.mobile-open .market-popup-head,
#market-filter-panel.mobile-open .market-filter-note,
#market-filter-panel.mobile-open .market-apply-filter{grid-column:1/-1!important}
#market-filter-panel.mobile-open .market-check{align-self:end!important}

/* InfoWindow mobilni sadržaj u cijelosti unutar bijelog prozora */
.market-profile-short{display:none}
.gm-style .gm-style-iw-c{overflow:visible!important}
.gm-style .gm-style-iw-d{overflow:hidden!important}
.market-map-pop{min-width:0!important}
.market-map-pop .market-pop-logo{max-width:100%!important}
.market-map-pop>a{min-height:42px!important;padding:9px 11px!important;gap:8px!important;overflow:hidden!important}
.market-map-pop>a .market-profile-label{min-width:0!important;overflow:hidden!important}
.market-map-pop>a span{max-width:100%!important}
@media(max-width:760px){
 .booking-results-section>.booking-market-section-head{align-items:flex-start!important;flex-wrap:wrap!important}
 .booking-results-section .market-mobile-controls{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}
 #market-sort-panel.mobile-open,#market-filter-panel.mobile-open{
   width:calc(100vw - 24px)!important;max-width:440px!important;max-height:calc(100dvh - 36px)!important;padding:16px!important;border-radius:18px!important
 }
 #market-filter-panel.mobile-open{grid-template-columns:1fr!important}
 #market-filter-panel.mobile-open .market-popup-head,
 #market-filter-panel.mobile-open .market-filter-note,
 #market-filter-panel.mobile-open .market-apply-filter{grid-column:auto!important}
 .gm-style .gm-style-iw-c{max-width:calc(100vw - 52px)!important}
 .market-map-pop{width:min(260px,calc(100vw - 76px))!important;padding:12px!important;gap:5px!important}
 .market-map-pop h3{font-size:15px!important;line-height:1.15!important;margin:3px 24px 5px 0!important}
 .market-pop-logo{font-size:12px!important}
 .market-pop-rating{font-size:12px!important;gap:4px!important}
 .market-pop-stars{font-size:14px!important}
 .market-pop-address{font-size:11px!important;margin-top:5px!important}
 .market-pop-address svg{width:14px!important;height:14px!important;flex-basis:14px!important}
 .market-pop-stats{font-size:11px!important;margin:5px 0!important;gap:5px!important}
 .market-map-pop>a{font-size:12px!important;min-height:38px!important;padding:8px 9px!important}
 .market-profile-long{display:none!important}
 .market-profile-short{display:inline!important}
}

/* Jedna lijepa tablet tipka koja mijenja stanje */
.reservation-tablet-mode-btn{
 align-items:center!important;gap:9px!important;border-radius:14px!important;min-height:46px!important;padding:8px 14px!important;
 border:1px solid #c8dcef!important;background:#fff!important;color:#31516f!important;font-weight:850!important
}
.reservation-tablet-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#eef6ff;color:#014BC8;flex:0 0 30px}
.reservation-tablet-icon svg{width:20px;height:20px;display:block}
.reservation-tablet-mode-btn.is-active{background:#17283b!important;border-color:#17283b!important;color:#fff!important}
.reservation-tablet-mode-btn.is-active .reservation-tablet-icon{background:rgba(255,255,255,.14);color:#fff}
.reservation-tablet-exit{display:none!important}
@media(max-width:1366px){.reservation-tablet-mode-btn{display:inline-flex!important}}
@media(min-width:1367px){.reservation-tablet-mode-btn{display:none!important}}

/* Moje rezervacije - jasne grupe */
.booking-reservation-group{margin:0 0 30px}
.booking-reservation-group-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 2px 12px}
.booking-reservation-group-head h2{margin:2px 0 0;font-size:23px;letter-spacing:-.4px}
.booking-reservation-group-head>strong{display:grid;place-items:center;min-width:36px;height:36px;padding:0 10px;border-radius:999px;background:#eef6ff;color:#014BC8}
.booking-reservation-group.current .booking-reservation-group-head>strong{background:#eafaf3;color:#087f5b}
.booking-reservation-group.past{opacity:.96}
.booking-review-done{font-size:12px;font-weight:850;color:#0b8a61;background:#eafaf3;border-radius:10px;padding:8px 10px;text-align:center}
.booking-no-results.compact{padding:18px!important}
.booking-no-results.compact p{margin:0}
@media(max-width:760px){
 .booking-reservation-group{margin-bottom:24px}
 .booking-reservation-group-head h2{font-size:20px}
}

/* V195 - mobilni modal za sortiranje/filtere + presložen popup iznad pina */
@media(max-width:760px){
  #market-sort-panel.mobile-open,
  #market-filter-panel.mobile-open,
  .market-sort-block.mobile-open,
  .booking-market-filters.mobile-open{
    display:block!important;
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
    transform:translate(-50%,-50%)!important;
    width:min(92vw,430px)!important;
    max-width:430px!important;
    max-height:82dvh!important;
    overflow:auto!important;
    z-index:100002!important;
    background:#fff!important;
    border:1px solid #d7e5f3!important;
    border-radius:22px!important;
    padding:18px!important;
    box-shadow:0 28px 90px rgba(13,37,65,.34)!important;
  }
  #market-sort-panel.mobile-open:before,
  #market-filter-panel.mobile-open:before,
  .market-sort-block.mobile-open:before,
  .booking-market-filters.mobile-open:before{
    display:none!important;
    content:none!important;
  }
  body.market-popup-open:before{
    content:""!important;
    display:block!important;
    position:fixed!important;
    inset:0!important;
    background:rgba(10,27,48,.5)!important;
    z-index:100001!important;
  }
  .market-popup-head{display:flex!important}
}

/* popup iznad pina: naziv prvi, zatim mali reBOAT, ocjena i ostalo */
.market-map-pop-v195{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
  gap:7px!important;
  min-width:0!important;
  width:min(300px,78vw)!important;
  max-width:100%!important;
  padding:14px!important;
  box-sizing:border-box!important;
}
.market-map-pop-v195 .market-pop-owner-name{
  order:1!important;
  width:100%!important;
  margin:0 24px 2px!important;
  font-size:22px!important;
  line-height:1.08!important;
  letter-spacing:-.35px!important;
  color:#14243c!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.market-map-pop-v195 .market-pop-logo{
  order:2!important;
  display:flex!important;
  align-items:baseline!important;
  justify-content:center!important;
  margin:0!important;
  font-size:13px!important;
  line-height:1!important;
  letter-spacing:-.6px!important;
}
.market-map-pop-v195 .market-pop-rating{order:3!important;justify-content:center!important;text-align:center!important}
.market-map-pop-v195 .market-pop-address{order:4!important;justify-content:center!important;text-align:center!important}
.market-map-pop-v195 .market-pop-stats{order:5!important;justify-content:center!important}
.market-map-pop-v195>a{order:6!important}
.market-map-pop-v195 .market-pop-stars,
.market-map-pop-v195 .market-star-filled,
.result-rating-stars{
  color:#f2aa00!important;
}
.result-rating-stars{
  display:inline-flex!important;
  letter-spacing:.5px!important;
  text-shadow:none!important;
}
@media(max-width:760px){
  .gm-style .gm-style-iw-c{
    max-width:calc(100vw - 48px)!important;
    min-width:0!important;
    padding:0!important;
    border-radius:18px!important;
  }
  .gm-style .gm-style-iw-d{
    overflow:hidden!important;
    max-width:100%!important;
    max-height:none!important;
  }
  .market-map-pop-v195{
    width:min(252px,calc(100vw - 72px))!important;
    padding:12px 11px 11px!important;
    gap:5px!important;
  }
  .market-map-pop-v195 .market-pop-owner-name{
    font-size:19px!important;
    line-height:1.08!important;
    margin:0 22px 1px!important;
  }
  .market-map-pop-v195 .market-pop-logo{font-size:11px!important}
  .market-map-pop-v195 .market-pop-rating{
    font-size:11px!important;
    gap:4px!important;
    flex-wrap:wrap!important;
  }
  .market-map-pop-v195 .market-pop-stars{font-size:14px!important}
  .market-map-pop-v195 .market-pop-address{
    font-size:10.5px!important;
    line-height:1.28!important;
    margin-top:1px!important;
  }
  .market-map-pop-v195 .market-pop-address span{
    max-width:190px!important;
    text-align:center!important;
  }
  .market-map-pop-v195 .market-pop-stats{
    margin:2px 0!important;
    gap:5px!important;
    font-size:10.5px!important;
  }
  .market-map-pop-v195 .market-pop-stats span{
    min-width:0!important;
    padding:5px 7px!important;
  }
  .market-map-pop-v195>a{
    width:100%!important;
    min-height:36px!important;
    padding:7px 9px!important;
    font-size:11.5px!important;
    border-radius:10px!important;
    justify-content:center!important;
  }
}

/* V196 - Obavijesti: označi sve viđeno */
.notification-inbox-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.notification-mark-all-form{margin:0;flex:0 0 auto}
.notification-mark-all-btn{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px}
@media(max-width:760px){.notification-inbox-head{flex-direction:column}.notification-mark-all-form,.notification-mark-all-btn{width:100%}}

/* V197 - map popup boje + mobilni web admin vizualno kao mobilna aplikacija */

/* Popup na mapi: CTA tekst i strelica bijeli; re crno, BOAT plavo */
.market-map-pop-v195 .market-pop-logo-re{color:#111827!important}
.market-map-pop-v195 .market-pop-logo-boat{color:#014BC8!important}
.market-map-pop-v195>a,
.market-map-pop-v195>a *,
.market-map-pop-v195>a .market-profile-label,
.market-map-pop-v195>a .market-profile-label *,
.market-map-pop-v195>a>span:last-child{
  color:#fff!important;
}
.market-map-pop-v195>a>span:last-child{
  font-size:17px!important;
  line-height:1!important;
}

/* Drawer logo skriven na desktopu */
.reboat-desktop-dashboard .mobile-drawer-brand{display:none!important}

@media(max-width:800px){
  /* Mobilni web admin koristi isti shell kao app */
  body.reboat-desktop-dashboard{
    background:#f6f8fb!important;
    padding-top:calc(72px + env(safe-area-inset-top))!important;
    min-height:100dvh!important;
    overflow-x:hidden!important;
  }
  body.reboat-desktop-dashboard>footer{display:none!important}

  body.reboat-desktop-dashboard>.app-header{
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:0!important;
    height:calc(72px + env(safe-area-inset-top))!important;
    min-height:calc(72px + env(safe-area-inset-top))!important;
    padding:env(safe-area-inset-top) 14px 0!important;
    display:block!important;
    background:#fff!important;
    border:0!important;
    border-bottom:1px solid #edf1f5!important;
    box-shadow:0 3px 16px rgba(15,23,42,.055)!important;
    z-index:1500!important;
    overflow:visible!important;
  }

  body.reboat-desktop-dashboard>.app-header>.logo{
    display:none!important;
  }

  body.reboat-desktop-dashboard>.app-header>.mobile-menu-toggle{
    display:flex!important;
    position:absolute!important;
    left:14px!important;
    right:auto!important;
    top:calc(env(safe-area-inset-top) + 14px)!important;
    width:44px!important;
    height:44px!important;
    border:0!important;
    border-radius:14px!important;
    background:#f3f6fa!important;
    color:#172033!important;
    z-index:1800!important;
    box-shadow:none!important;
  }

  body.reboat-desktop-dashboard>.app-header>.header-profile{
    display:flex!important;
    position:absolute!important;
    right:14px!important;
    left:auto!important;
    top:calc(env(safe-area-inset-top) + 14px)!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    border-radius:50%!important;
    padding:0!important;
    z-index:1600!important;
  }
  body.reboat-desktop-dashboard>.app-header>.header-profile .header-profile-meta{
    display:none!important;
  }
  body.reboat-desktop-dashboard>.app-header>.header-profile img,
  body.reboat-desktop-dashboard>.app-header>.header-profile>span:first-child{
    width:44px!important;
    height:44px!important;
    border-radius:50%!important;
  }

  body.reboat-desktop-dashboard>.app-header #main-navigation{
    position:fixed!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    left:0!important;
    right:auto!important;
    top:0!important;
    bottom:0!important;
    width:72vw!important;
    min-width:260px!important;
    max-width:340px!important;
    height:100dvh!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:calc(22px + env(safe-area-inset-top)) 12px calc(18px + env(safe-area-inset-bottom))!important;
    margin:0!important;
    gap:3px!important;
    background:#fff!important;
    border:0!important;
    border-radius:0 26px 26px 0!important;
    box-shadow:18px 0 48px rgba(15,23,42,.18)!important;
    z-index:1700!important;
    transform:translateX(-105%)!important;
    transform-origin:left center!important;
    visibility:hidden!important;
    pointer-events:none!important;
    opacity:.99!important;
    transition:transform .24s cubic-bezier(.2,.8,.2,1),visibility 0s linear .24s!important;
  }
  body.reboat-desktop-dashboard>.app-header.mobile-menu-open #main-navigation{
    transform:translateX(0)!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition:transform .24s cubic-bezier(.2,.8,.2,1),visibility 0s!important;
  }

  body.reboat-desktop-dashboard.mobile-drawer-open{
    overflow:hidden!important;
  }
  body.reboat-desktop-dashboard.mobile-drawer-open::before{
    content:""!important;
    position:fixed!important;
    inset:0!important;
    background:rgba(15,23,42,.42)!important;
    backdrop-filter:blur(1.5px)!important;
    z-index:1400!important;
  }

  body.reboat-desktop-dashboard>.app-header #main-navigation .mobile-drawer-brand{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    padding:8px 12px 20px!important;
    margin:0 4px 10px!important;
    border-bottom:1px solid #eef1f5!important;
    flex:0 0 auto!important;
  }
  body.reboat-desktop-dashboard>.app-header #main-navigation .mobile-drawer-brand img{
    display:block!important;
    width:146px!important;
    height:auto!important;
  }
  body.reboat-desktop-dashboard>.app-header #main-navigation .mobile-drawer-brand span{
    display:none!important;
  }

  body.reboat-desktop-dashboard>.app-header #main-navigation a{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:54px!important;
    padding:0 15px!important;
    border-radius:15px!important;
    background:transparent!important;
    color:#43546c!important;
    font-size:15px!important;
    font-weight:750!important;
    white-space:normal!important;
    box-sizing:border-box!important;
  }
  body.reboat-desktop-dashboard>.app-header #main-navigation a.active{
    background:#eaf3ff!important;
    color:#126ee8!important;
    box-shadow:none!important;
  }
  body.reboat-desktop-dashboard>.app-header #main-navigation a[href="/logout"]{
    margin-top:6px!important;
    border-top:1px solid #eef1f5!important;
    border-radius:0 0 15px 15px!important;
    color:#c13b49!important;
  }

  body.reboat-desktop-dashboard>.app-header.mobile-menu-open>.mobile-menu-toggle span:nth-child(1){
    transform:translateY(7px) rotate(45deg)!important;
  }
  body.reboat-desktop-dashboard>.app-header.mobile-menu-open>.mobile-menu-toggle span:nth-child(2){
    opacity:0!important;
  }
  body.reboat-desktop-dashboard>.app-header.mobile-menu-open>.mobile-menu-toggle span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg)!important;
  }

  body.reboat-desktop-dashboard>main{
    width:100%!important;
    max-width:100%!important;
    min-height:calc(100dvh - 72px - env(safe-area-inset-top))!important;
    margin:0!important;
    padding:16px 12px calc(24px + env(safe-area-inset-bottom))!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
  }

  /* app-like kartice / forme na web mobitelu */
  body.reboat-desktop-dashboard main .card,
  body.reboat-desktop-dashboard main .admin-calendar-card,
  body.reboat-desktop-dashboard main .admin-day-panel,
  body.reboat-desktop-dashboard main .manual-booking-panel>.card{
    border-radius:18px!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  body.reboat-desktop-dashboard main input,
  body.reboat-desktop-dashboard main select,
  body.reboat-desktop-dashboard main textarea,
  body.reboat-desktop-dashboard main button,
  body.reboat-desktop-dashboard main .btn{
    max-width:100%;
    box-sizing:border-box;
  }
}

@media(max-width:380px){
  body.reboat-desktop-dashboard>.app-header #main-navigation{
    width:78vw!important;
    min-width:246px!important;
  }
}

/* V198 - mobilni admin glavni izbornik bez ikonica */
@media(max-width:800px){
  body.reboat-desktop-dashboard>.app-header #main-navigation a .nav-icon,
  body.reboat-desktop-dashboard>.app-header #main-navigation a .menu-icon,
  body.reboat-desktop-dashboard>.app-header #main-navigation a>svg,
  body.reboat-desktop-dashboard>.app-header #main-navigation a>i,
  body.reboat-desktop-dashboard>.app-header #main-navigation a>span[aria-hidden="true"]:first-child,
  .reboat-mobile-app-header #main-navigation a .nav-icon,
  .reboat-mobile-app-header #main-navigation a .menu-icon,
  .reboat-mobile-app-header #main-navigation a>svg,
  .reboat-mobile-app-header #main-navigation a>i,
  .reboat-mobile-app-header #main-navigation a>span[aria-hidden="true"]:first-child{
    display:none!important;
  }

  body.reboat-desktop-dashboard>.app-header #main-navigation a,
  .reboat-mobile-app-header #main-navigation a{
    gap:0!important;
    justify-content:flex-start!important;
  }
}

/* V199 - Poslovanje prikazuje iste kontakt podatke kao Profil */
.settings-section-page[data-settings-section="business"] #profile-form>label:has(input[name="company_name"]),
.settings-section-page[data-settings-section="business"] #profile-form>label:has(input[name="email"]),
.settings-section-page[data-settings-section="business"] #profile-form>label:has(input[name="phone"]){
  display:block;
}

/* V200 - mobilni browser admin: glavni izbornik potpuno bez ikonica,
   identično mobilnoj aplikaciji */
@media(max-width:800px){
  body.reboat-desktop-dashboard>.app-header #main-navigation a::before,
  body.reboat-desktop-dashboard>.app-header #main-navigation .nav-settings-parent::before,
  body.reboat-desktop-dashboard>.app-header #main-navigation .nav-settings-submenu a::before{
    content:none!important;
    display:none!important;
    width:0!important;
    min-width:0!important;
    flex:0 0 0!important;
    margin:0!important;
    padding:0!important;
    background:none!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }

  body.reboat-desktop-dashboard>.app-header #main-navigation a,
  body.reboat-desktop-dashboard>.app-header #main-navigation .nav-settings-parent{
    padding-left:15px!important;
    gap:0!important;
    text-indent:0!important;
    justify-content:flex-start!important;
  }

  body.reboat-desktop-dashboard>.app-header #main-navigation a .nav-icon,
  body.reboat-desktop-dashboard>.app-header #main-navigation a .menu-icon,
  body.reboat-desktop-dashboard>.app-header #main-navigation a>svg,
  body.reboat-desktop-dashboard>.app-header #main-navigation a>i,
  body.reboat-desktop-dashboard>.app-header #main-navigation a>span[aria-hidden="true"]:first-child{
    display:none!important;
  }
}

/* V201 - aktivna mjesečna pretplata */
.subscription-plan.is-current-plan{border-color:#86d8b4!important;box-shadow:0 0 0 2px rgba(16,185,129,.08),0 14px 36px rgba(16,185,129,.08)}
.subscription-active-button{margin-top:auto!important;background:#16a36f!important;border-color:#16a36f!important;color:#fff!important;opacity:1!important;cursor:default!important;box-shadow:none!important}
.subscription-cancel-link{display:flex!important;align-items:center!important;justify-content:center!important;width:max-content!important;min-height:36px!important;margin:9px auto 0!important;padding:7px 12px!important;font-size:12px!important;border-radius:10px!important;color:#a23b48!important;border-color:#efd0d5!important;background:#fff!important}
.subscription-cancel-card{text-align:center}.subscription-cancel-card p{color:#66798e;line-height:1.6}.subscription-cancel-until{display:grid;gap:4px;margin:18px 0;padding:14px;border-radius:14px;background:#f5f8fc}.subscription-cancel-until span{font-size:11px;color:#718399;font-weight:800}.subscription-cancel-until b{font-size:20px}.subscription-cancel-back{margin-top:9px!important}
.subscription-plan-action{display:flex;flex-direction:column;flex:1;margin:0}

/* V202 - ponovno aktiviranje mjesečne pretplate prije isteka */
.subscription-ending-button{margin-top:auto!important;background:#fff7e6!important;border:1px solid #f3d28c!important;color:#8a5a00!important;opacity:1!important;cursor:default!important;box-shadow:none!important}
.subscription-reactivate-form{margin:9px 0 0!important}
.subscription-reactivate-button{background:#014BC8!important;border-color:#014BC8!important;color:#fff!important;font-weight:850!important}
.subscription-reactivate-button:hover{background:#0f68e5!important;border-color:#0f68e5!important}

/* =========================================================
   V203 - nova reBOAT naslovna: Channel Manager, Tap to Pay,
   booking marketplace i mobilne aplikacije
   ========================================================= */
.landing-v203{--landing-blue:#014BC8;--landing-navy:#10213d;--landing-text:#60748d}
.landing-hero-v203{padding-top:64px;gap:44px}
.landing-hero-v203 .landing-hero-copy h1{max-width:850px;font-size:clamp(42px,5.4vw,72px)}
.landing-hero-v203 .landing-hero-copy>p{max-width:780px}
.landing-hero-product{padding:18px;border:1px solid #dce9f5;border-radius:28px;background:#fff;box-shadow:0 26px 70px rgba(24,72,124,.13)}
.hero-floating-chip{position:absolute;padding:9px 13px;border-radius:999px;background:#fff;border:1px solid #dce8f5;box-shadow:0 12px 28px rgba(17,57,99,.14);font-size:11px;font-weight:900;color:#17314f}
.hero-floating-chip.channel{right:-18px;top:17%}.hero-floating-chip.tap{left:-25px;bottom:28%}.hero-floating-chip.app{right:5%;bottom:-16px}
.landing-proof-v203{margin-bottom:76px}
.landing-store-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.store-download-button{display:flex;align-items:center;gap:11px;min-width:174px;padding:10px 15px;border-radius:14px;background:#101820;color:#fff!important;text-decoration:none!important;border:1px solid #24313e;box-shadow:0 9px 22px rgba(16,24,32,.12)}
.store-download-button span:last-child{display:grid;line-height:1}.store-download-button small{font-size:8px;letter-spacing:.08em;color:#cbd4de}.store-download-button b{font-size:17px;margin-top:4px;color:#fff}.store-mark{display:grid;place-items:center;width:30px;height:30px;font-size:22px}.apple-mark{font-size:24px}.store-download-button.is-coming{opacity:.72;cursor:default}.hero-stores{margin-top:18px}

.landing-channel-manager{display:grid;grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr);gap:60px;align-items:center;margin:30px 0 100px;padding:56px;border-radius:32px;background:linear-gradient(135deg,#eff7ff,#fff);border:1px solid #d9e9fa;overflow:hidden}
.landing-section-pill{display:inline-flex;padding:7px 10px;border-radius:999px;background:#e8f3ff;color:#014BC8;font-size:10px;font-weight:950;letter-spacing:.09em}
.landing-channel-copy h2,.landing-tap-copy h2,.landing-apps-copy h2{font-size:clamp(34px,4.5vw,55px);line-height:1.04;letter-spacing:-2px;margin:13px 0;color:#10213d}
.landing-channel-copy>p,.landing-tap-copy>p,.landing-apps-copy>p{font-size:16px;line-height:1.72;color:#657a92}
.landing-channel-copy ul{list-style:none;padding:0;margin:22px 0 25px;display:grid;gap:10px}.landing-channel-copy li{position:relative;padding-left:25px;color:#405c78;font-weight:650}.landing-channel-copy li:before{content:"✓";position:absolute;left:0;color:#0aa678;font-weight:950}
.channel-brand-grid{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.channel-brand-grid span{padding:8px 10px;border-radius:10px;background:#fff;border:1px solid #dbe8f5;color:#405670;font-size:11px;font-weight:850}
.landing-channel-visual{position:relative;min-height:430px;border-radius:28px;background:radial-gradient(circle at center,#e8f3ff 0,#f8fbff 42%,#eaf4ff 100%);border:1px solid #d8e8f8;overflow:hidden}
.landing-channel-visual:before,.landing-channel-visual:after{content:"";position:absolute;left:50%;top:50%;width:66%;height:66%;border:1px dashed #a9ccef;border-radius:50%;transform:translate(-50%,-50%)}.landing-channel-visual:after{width:42%;height:42%;border-style:solid;border-color:#c6dcf3}
.channel-center-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:190px;padding:28px 18px;border-radius:22px;background:#fff;box-shadow:0 20px 45px rgba(35,89,147,.16);text-align:center}.channel-reboat-logo{font-size:27px;letter-spacing:-1px}.channel-reboat-logo b{color:#111827}.channel-reboat-logo strong{color:#014BC8}.channel-center-card>span,.channel-center-card>small{display:block}.channel-center-card>span{font-weight:900;color:#243b56;margin-top:8px}.channel-center-card>small{font-size:10px;color:#7a8da3;margin-top:4px}
.channel-node{position:absolute;z-index:2;padding:10px 13px;border-radius:12px;background:#fff;border:1px solid #cfe1f4;box-shadow:0 10px 26px rgba(30,79,130,.1);font-size:11px;font-weight:900;color:#3e5874}.channel-node.n1{top:11%;left:9%}.channel-node.n2{top:10%;right:9%}.channel-node.n3{bottom:10%;left:9%}.channel-node.n4{bottom:10%;right:9%}.channel-node.n5{left:50%;bottom:3%;transform:translateX(-50%)}

.landing-tap-pay{display:grid;grid-template-columns:minmax(390px,.9fr) minmax(0,1.1fr);gap:65px;align-items:center;margin:0 0 100px;padding:60px;border-radius:32px;background:linear-gradient(135deg,#0d2343,#0d6ed8);color:#fff;overflow:hidden}
.landing-tap-copy h2,.landing-tap-copy>p{color:#fff}.landing-tap-copy>p{color:#cee4ff}.landing-section-pill.light{background:rgba(255,255,255,.13);color:#fff;border:1px solid rgba(255,255,255,.16)}
.landing-tap-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.landing-tap-points span{padding:12px 13px;border-radius:13px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.11);font-size:12px;font-weight:750}
.landing-tap-visual{position:relative;min-height:430px;display:grid;place-items:center}.tap-phone{position:relative;width:245px;height:410px;padding:10px;border-radius:38px;background:#0a1322;border:2px solid rgba(255,255,255,.22);box-shadow:0 30px 65px rgba(0,0,0,.3);transform:rotate(-4deg)}.tap-phone-top{position:absolute;left:50%;top:15px;width:76px;height:19px;border-radius:999px;background:#02060c;transform:translateX(-50%);z-index:2}.tap-screen{height:100%;box-sizing:border-box;border-radius:29px;padding:76px 20px 25px;background:linear-gradient(180deg,#f8fbff,#e9f4ff);color:#17304f;text-align:center}.tap-screen>*{display:block}.tap-eyebrow{font-size:9px;font-weight:950;letter-spacing:.08em;color:#014BC8}.tap-screen>strong{font-size:38px;margin:27px 0 20px}.tap-wave{font-size:45px;color:#014BC8;font-weight:950;transform:rotate(90deg);margin:18px}.tap-screen>b{font-size:13px}.tap-screen>small{margin-top:8px;color:#768aa1;line-height:1.4}.tap-card{position:absolute;right:4%;top:38%;width:125px;height:78px;padding:13px;border-radius:14px;background:linear-gradient(135deg,#fff,#dfeeff);color:#1b4da1;font-weight:950;box-shadow:0 18px 40px rgba(0,0,0,.22);transform:rotate(12deg)}

.landing-booking-v203{margin-bottom:100px}
.landing-features-v203 .featured-feature{border-color:#9ecaff;background:linear-gradient(180deg,#f7fbff,#fff)}
.landing-v203-showcase{margin-bottom:20px}

.landing-apps-v203{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(350px,.95fr);gap:55px;align-items:center;margin:80px 0 100px;padding:55px;border-radius:32px;background:linear-gradient(145deg,#f4f9ff,#fff);border:1px solid #d9e8f7}
.landing-app-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:22px 0}.landing-app-list span{padding:11px 12px;border-radius:12px;background:#fff;border:1px solid #deebf7;color:#49647f;font-size:12px;font-weight:720}
.landing-apps-visual{position:relative;text-align:center}.landing-apps-visual img{display:block;width:min(100%,420px);height:auto;margin:auto;filter:drop-shadow(0 24px 35px rgba(31,78,128,.15))}.app-visual-badge{position:absolute;left:8%;bottom:14%;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid #d4e5f5;color:#014BC8;font-size:11px;font-weight:900;box-shadow:0 8px 20px rgba(29,72,116,.09)}.app-visual-badge.ios{left:auto;right:8%;bottom:25%;color:#172033}
.landing-pricing-v203{padding-top:30px}.landing-final-v203{margin-bottom:60px}.landing-final-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:20px}

@media(max-width:900px){
 .landing-channel-manager,.landing-tap-pay,.landing-apps-v203{grid-template-columns:1fr;padding:34px 24px;gap:34px}
 .landing-channel-visual{min-height:360px}.landing-tap-pay{grid-template-columns:1fr}.landing-tap-visual{order:2;min-height:390px}.landing-tap-copy{order:1}.landing-apps-visual{max-width:430px;margin:auto}
}
@media(max-width:700px){
 .landing-hero-v203{padding-top:28px}.landing-hero-v203 .landing-hero-copy h1{font-size:39px;letter-spacing:-2px}
 .landing-hero-product{padding:8px;border-radius:20px}.hero-floating-chip{font-size:9px;padding:7px 9px}.hero-floating-chip.channel{right:3px}.hero-floating-chip.tap{left:1px}
 .landing-store-buttons{display:grid;grid-template-columns:1fr 1fr;width:100%}.store-download-button{min-width:0;padding:9px 10px}.store-download-button b{font-size:14px}
 .landing-channel-manager,.landing-tap-pay,.landing-apps-v203{margin-bottom:65px;padding:27px 17px;border-radius:24px}
 .landing-channel-copy h2,.landing-tap-copy h2,.landing-apps-copy h2{font-size:34px;letter-spacing:-1.4px}
 .landing-channel-visual{min-height:320px}.channel-center-card{width:150px;padding:21px 12px}.channel-node{font-size:9px;padding:7px 8px}.channel-node.n1{left:3%}.channel-node.n2{right:3%}.channel-node.n3{left:3%}.channel-node.n4{right:3%}
 .landing-tap-points,.landing-app-list{grid-template-columns:1fr}.tap-phone{width:215px;height:365px}.tap-card{right:0;width:104px;height:62px}
 .landing-apps-v203{margin-top:55px}.landing-apps-visual img{max-width:330px}
}

/* V204 */
.landing-page section[id]{scroll-margin-top:92px}
.landing-header nav#main-navigation{gap:2px!important}.landing-header nav#main-navigation>a{font-size:11px!important;padding:8px 6px!important;white-space:nowrap!important}
.official-store-badge{min-width:184px!important;height:58px!important;padding:7px 14px!important;border-radius:10px!important;background:#000!important;border:1px solid #555!important;color:#fff!important;gap:10px!important;box-sizing:border-box!important}
.official-store-badge .store-brand-icon{width:34px!important;height:38px!important;flex:0 0 auto!important}.official-store-badge .apple-icon{width:31px!important;color:#fff!important}
.official-store-badge>span:last-child{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;line-height:1!important}.official-store-badge small{font-size:8px!important;color:#fff!important}.official-store-badge b{font:19px/1 Arial,Helvetica,sans-serif!important;color:#fff!important;margin-top:4px!important}
.landing-highlight{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:58px;align-items:center;margin:0 0 90px;padding:50px;border-radius:30px;border:1px solid #dbe8f5;background:#fff}.landing-highlight-copy h2{font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-1.7px;margin:12px 0;color:#10213d}.landing-highlight-copy>p{font-size:16px;line-height:1.72;color:#657a92}.landing-highlight-points{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px}.landing-highlight-points span{padding:11px 12px;border:1px solid #deebf7;border-radius:12px;background:#f9fcff;color:#47617c;font-size:12px;font-weight:720}
.vpos-visual{position:relative;min-height:360px;display:grid;place-items:center}.vpos-card-ui{width:min(100%,310px);padding:25px;border-radius:24px;background:#fff;border:1px solid #dce9f5;box-shadow:0 22px 50px rgba(30,77,126,.12)}.vpos-amount{font-size:39px;font-weight:950}.vpos-service{margin:7px 0 18px;color:#70849a}.vpos-methods{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vpos-methods span{padding:10px;border-radius:11px;background:#edf6ff;color:#014BC8;font-size:11px;font-weight:850;text-align:center}.vpos-status{margin-top:15px;padding:10px;border-radius:11px;background:#fff7e8;color:#956300;font-size:11px;font-weight:850}.vpos-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f0b53d;margin-right:5px}.vpos-receipt-ui{position:absolute;right:0;bottom:20px;display:grid;gap:3px;width:145px;padding:14px;border-radius:16px;background:#14283f;color:#fff}.vpos-receipt-ui span{color:#6fe1b7;font-weight:900}
.tickets-visual{position:relative;min-height:360px;display:grid;place-items:center}.ticket-paper{width:245px;padding:25px;border-radius:20px;background:#fff;border:1px solid #dbe7f4;box-shadow:0 24px 55px rgba(35,77,121,.13);text-align:center}.ticket-brand{font-size:21px;font-weight:900}.ticket-brand span{color:#014BC8}.ticket-paper>*{display:block}.ticket-qr-grid{display:grid!important;grid-template-columns:repeat(3,18px);grid-template-rows:repeat(3,18px);gap:4px;justify-content:center;margin:14px 0}.ticket-qr-grid i{background:#17283c}.ticket-scan-state{position:absolute;right:2%;bottom:14%;padding:10px 14px;border-radius:999px;background:#e9faf3;color:#0d8a62;font-size:11px;font-weight:900}
.crew-market-visual{display:grid;gap:12px}.crew-market-visual article{display:flex;align-items:center;gap:14px;padding:17px;border-radius:17px;background:#fff;border:1px solid #dce8f4}.crew-avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#e8f3ff;color:#014BC8;font-size:18px;font-weight:950}.crew-market-visual article>div:last-child{display:grid;gap:2px}.crew-market-visual span{font-size:12px;color:#4f6881}.crew-market-visual small{font-size:10px;color:#8695a6}
.landing-tap-visual{min-height:470px!important}.tap-phone.iphone-frame{position:relative!important;width:218px!important;height:448px!important;padding:7px!important;border-radius:48px!important;background:linear-gradient(145deg,#74777d,#1f2227 30%,#111318 75%,#8b8d91)!important;box-shadow:0 34px 75px rgba(0,0,0,.38)!important;transform:rotate(-3deg)!important}.iphone-screen{position:relative!important;width:100%!important;height:100%!important;overflow:hidden!important;border-radius:41px!important;background:linear-gradient(180deg,#f9fcff,#edf6ff)!important}.iphone-status{position:absolute!important;left:0!important;right:0!important;top:0!important;height:31px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;padding:0 17px!important;font-size:9px!important;font-weight:800!important;z-index:3!important}.iphone-island{position:absolute!important;left:50%!important;top:9px!important;width:67px!important;height:20px!important;transform:translateX(-50%)!important;border-radius:999px!important;background:#050607!important;z-index:4!important}.iphone-home-indicator{position:absolute!important;left:50%!important;bottom:7px!important;width:78px!important;height:4px!important;border-radius:999px!important;transform:translateX(-50%)!important;background:#101820!important}.iphone-side-button{position:absolute!important;background:#31343a!important}.iphone-side-button.volume-up{left:-4px!important;top:105px!important;width:4px!important;height:34px!important}.iphone-side-button.volume-down{left:-4px!important;top:147px!important;width:4px!important;height:34px!important}.iphone-side-button.power{right:-4px!important;top:130px!important;width:4px!important;height:58px!important}.iphone-frame .tap-screen{height:100%!important;padding:70px 18px 30px!important;box-sizing:border-box!important;background:transparent!important}.tap-reboat-mini{display:flex!important;justify-content:center!important;font-size:16px!important;margin-bottom:14px!important}.tap-reboat-mini b{color:#111827!important}.tap-reboat-mini strong{color:#014BC8!important}.iphone-frame .tap-amount{display:block!important;font-size:33px!important;margin:25px 0 28px!important}.tap-contactless{display:flex!important;justify-content:center!important;align-items:center!important;gap:3px!important;height:66px!important;margin-bottom:16px!important}.tap-contactless span{width:17px!important;height:35px!important;border:3px solid #014BC8!important;border-left:0!important;border-top-color:transparent!important;border-bottom-color:transparent!important;border-radius:0 40px 40px 0!important}.tap-contactless span:nth-child(2){height:48px!important}.tap-contactless span:nth-child(3){height:61px!important}.tap-success-line{margin-top:25px!important;padding:8px!important;border-radius:10px!important;background:#e8f8f1!important;color:#16805f!important;font-size:9px!important;font-weight:850!important}.landing-tap-visual .tap-card{right:0!important;top:42%!important;width:112px!important;height:68px!important;padding:11px!important;border-radius:12px!important;background:linear-gradient(135deg,#f8fbff,#d8e9ff)!important;color:#1d4ca2!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}
@media(max-width:900px){.landing-highlight{grid-template-columns:1fr;padding:32px 22px;gap:30px}.landing-tickets-highlight .tickets-visual{order:2}.landing-tickets-highlight .landing-highlight-copy{order:1}}
@media(max-width:700px){.landing-highlight{padding:26px 16px;margin-bottom:60px}.landing-highlight-points{grid-template-columns:1fr}.official-store-badge{min-width:0!important;width:100%!important}.tap-phone.iphone-frame{width:194px!important;height:405px!important}}

/* V205 - veći font glavnog izbornika na reboat.app */
@media(min-width:801px){
  .landing-header nav#main-navigation>a{
    font-size:13px!important;
    padding:9px 7px!important;
    font-weight:750!important;
  }
}
@media(min-width:1280px){
  .landing-header nav#main-navigation>a{
    font-size:14px!important;
    padding:9px 8px!important;
  }
}

/* V206 - jednostavniji glavni meni + Tap to Pay unutar Virtual POS sekcije */
.landing-header nav#main-navigation{gap:5px!important}
.landing-header nav#main-navigation>a{font-size:14px!important;padding:9px 8px!important}
.landing-vpos-highlight{grid-template-columns:1fr!important}
.landing-vpos-highlight>.landing-highlight-copy,
.landing-vpos-highlight>.vpos-visual{max-width:1080px;width:100%;margin-left:auto;margin-right:auto}
.vpos-tap-separator{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:46px auto 8px;padding-top:35px;border-top:1px solid #dce8f5;color:#24415f}
.vpos-tap-separator span{padding:5px 8px;border-radius:999px;background:#eaf4ff;color:#014BC8;font-size:9px;font-weight:950;letter-spacing:.08em}
.vpos-tap-separator strong{font-size:20px;color:#10213d}.vpos-tap-separator small{font-size:11px;color:#71859b}
.landing-tap-inside-vpos{margin:20px auto 0!important;width:100%!important;box-sizing:border-box!important}
@media(max-width:700px){
 .landing-header nav#main-navigation>a{font-size:15px!important}
 .vpos-tap-separator{margin-top:30px;padding-top:25px}
}
/* V207 - GetYourGuide certification self-test */
.gyg-selftest-page{display:grid;gap:18px}.gyg-selftest-link{margin-top:12px!important;display:inline-flex!important}.gyg-test-config form{align-items:end}.gyg-test-summary{display:flex;align-items:center;justify-content:space-between;gap:18px}.gyg-test-summary>strong{display:grid;place-items:center;min-width:86px;height:86px;border-radius:50%;background:#e9faf3;color:#07835c;font-size:24px}.gyg-test-summary.has-fail>strong{background:#fff1f2;color:#b4233b}.gyg-test-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.gyg-test-step{padding:17px!important}.gyg-test-step-head{display:flex;align-items:center;gap:11px}.gyg-test-step-head>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;font-weight:950}.gyg-test-step.pass .gyg-test-step-head>span{background:#e9faf3;color:#07835c}.gyg-test-step.fail .gyg-test-step-head>span{background:#fff0f2;color:#b4233b}.gyg-test-step-head>div{display:grid;gap:2px}.gyg-test-step-head small{font-size:10px;color:#8090a1}.gyg-test-step p{margin:10px 0 0;color:#5c7087;font-size:13px;line-height:1.5}.gyg-test-step details{margin-top:10px}.gyg-test-step pre{max-height:260px;overflow:auto;padding:10px;border-radius:10px;background:#101820;color:#dce8f5;font-size:10px;white-space:pre-wrap;word-break:break-word}.gyg-test-info p{max-width:900px}.settings-span-3{grid-column:1/-1}
@media(max-width:760px){.gyg-test-grid{grid-template-columns:1fr}.gyg-test-summary{align-items:flex-start}.gyg-test-summary>strong{min-width:68px;height:68px;font-size:19px}.gyg-test-config .settings-form-grid.three{grid-template-columns:1fr!important}.settings-span-3{grid-column:auto}.gyg-selftest-page .page-head{gap:12px}}
.gyg-live-notify-option{display:flex!important;align-items:flex-start!important;gap:10px!important;margin:0 0 12px!important;padding:12px!important;border:1px solid #d7e6f4!important;border-radius:12px!important;background:#f8fbff!important}.gyg-live-notify-option input{margin-top:3px!important}.gyg-live-notify-option span{display:grid!important;gap:3px!important}.gyg-live-notify-option small{font-size:11px!important;color:#708399!important;line-height:1.4!important}

/* V208 - GetYourGuide self-test owner/service selection */
.gyg-test-config-help{margin:-4px 0 20px;color:#667d96;line-height:1.55}
.gyg-test-config-help code{padding:2px 6px;border-radius:7px;background:#eef5fd;color:#176fd3;font-size:11px}
.gyg-test-selection-note{min-height:24px}
.gyg-test-selection-note small{color:#6b8097;line-height:1.5}
#gyg-test-owner,#gyg-test-service,#gyg-test-environment{min-height:48px}
@media(max-width:760px){
 .gyg-test-config .settings-form-grid.three{grid-template-columns:1fr!important}
 .gyg-test-config .settings-span-3{grid-column:auto!important}
}

/* V209 - GetYourGuide outbound Availability Update test */
.gyg-outbound-test-card{margin-top:20px;border-color:#cfe1f5!important;background:linear-gradient(145deg,#fff,#f7fbff)!important}
.gyg-outbound-test-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.gyg-outbound-test-head h2{margin:5px 0 7px}.gyg-outbound-test-head p{margin:0;color:#6b8097;max-width:760px;line-height:1.55}
.gyg-outbound-endpoint-badge{flex:0 0 auto;padding:8px 10px;border-radius:10px;background:#eaf4ff;color:#014BC8;font-size:10px;font-weight:900}
.gyg-outbound-test-form{margin-top:20px}.gyg-outbound-warning{display:grid;gap:4px;padding:13px 14px;border-radius:13px;background:#fff8e8;border:1px solid #f2deb1;color:#745620;margin-bottom:13px}.gyg-outbound-warning b{font-size:12px}.gyg-outbound-warning span{font-size:11px;line-height:1.45}
.gyg-outbound-send-btn{background:#0c79f5!important;color:#fff!important;font-weight:850!important}
.gyg-outbound-result{margin-top:20px}.gyg-outbound-result.pass{border-color:#9bdcc5!important;background:#f4fcf8!important}.gyg-outbound-result.fail{border-color:#efbbc1!important;background:#fff7f8!important}
.gyg-outbound-result-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.gyg-outbound-result-top h2{margin:4px 0}.gyg-outbound-result-top p{margin:0;color:#61768e}.gyg-outbound-result-top>strong{display:grid;place-items:center;min-width:92px;height:56px;padding:0 14px;border-radius:16px;background:#fff;font-size:18px;color:#0b8661}
.gyg-outbound-result.fail .gyg-outbound-result-top>strong{color:#b53e4d}
.gyg-outbound-meta{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:18px}.gyg-outbound-meta>div{display:grid;gap:4px;padding:11px;border-radius:12px;background:#fff;border:1px solid #e1ebf4;min-width:0}.gyg-outbound-meta span{font-size:9px;font-weight:850;color:#788ba0;text-transform:uppercase}.gyg-outbound-meta b{font-size:11px;color:#243b55;overflow-wrap:anywhere}
.gyg-outbound-details{margin-top:14px}.gyg-outbound-details pre{white-space:pre-wrap;overflow:auto;max-height:320px;background:#142033;color:#dce9f6;padding:13px;border-radius:12px;font-size:10px}
@media(max-width:760px){.gyg-outbound-test-head,.gyg-outbound-result-top{flex-direction:column}.gyg-outbound-endpoint-badge{align-self:flex-start}.gyg-outbound-send-btn{width:100%}.gyg-outbound-meta{grid-template-columns:1fr 1fr}.gyg-outbound-result-top>strong{min-width:0;width:100%;height:48px}}

/* V210 - stabilan desktop javni meni: isti font/razmaci na svim javnim stranicama */
@media(min-width:801px){
  body:not(.reboat-desktop-dashboard)>header.landing-header,
  body:not(.reboat-desktop-dashboard)>header.app-header{
    font-kerning:normal!important;
    font-variant-ligatures:normal!important;
    font-synthesis:none!important;
  }

  body:not(.reboat-desktop-dashboard)>header.landing-header nav#main-navigation,
  body:not(.reboat-desktop-dashboard)>header.app-header nav#main-navigation{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
  }

  body:not(.reboat-desktop-dashboard)>header.landing-header nav#main-navigation>a,
  body:not(.reboat-desktop-dashboard)>header.app-header nav#main-navigation>a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:42px!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:9px 10px!important;

    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
    font-size:14px!important;
    font-style:normal!important;
    font-weight:750!important;
    font-stretch:normal!important;
    font-variant:normal!important;
    letter-spacing:0!important;
    word-spacing:0!important;
    line-height:1.2!important;
    text-indent:0!important;
    text-transform:none!important;
    white-space:nowrap!important;

    transform:none!important;
    scale:1!important;
    transition:background-color .15s ease,color .15s ease,border-color .15s ease!important;
  }

  body:not(.reboat-desktop-dashboard)>header.landing-header nav#main-navigation>a:hover,
  body:not(.reboat-desktop-dashboard)>header.landing-header nav#main-navigation>a:focus,
  body:not(.reboat-desktop-dashboard)>header.landing-header nav#main-navigation>a:active,
  body:not(.reboat-desktop-dashboard)>header.landing-header nav#main-navigation>a.active,
  body:not(.reboat-desktop-dashboard)>header.app-header nav#main-navigation>a:hover,
  body:not(.reboat-desktop-dashboard)>header.app-header nav#main-navigation>a:focus,
  body:not(.reboat-desktop-dashboard)>header.app-header nav#main-navigation>a:active,
  body:not(.reboat-desktop-dashboard)>header.app-header nav#main-navigation>a.active{
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
    font-size:14px!important;
    font-style:normal!important;
    font-weight:750!important;
    font-stretch:normal!important;
    letter-spacing:0!important;
    word-spacing:0!important;
    line-height:1.2!important;
    text-indent:0!important;
    transform:none!important;
  }

  /* Registracija može ostati vizualno istaknuta, ali tipografija i dimenzije su identične ostalim stavkama. */
  body:not(.reboat-desktop-dashboard)>header nav#main-navigation>.public-register-link{
    min-height:42px!important;
    padding:9px 10px!important;
    font-size:14px!important;
    font-weight:750!important;
    letter-spacing:0!important;
    word-spacing:0!important;
    line-height:1.2!important;
  }
}


/* V211 — Superadmin web settings use the same card navigation as mobile app */
body.superadmin-settings-card-navigation .superadmin-mobile-settings-overview{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:4px 0 8px;
}
body.superadmin-settings-card-navigation .superadmin-mobile-settings-card{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 20px;
  align-items:center;
  gap:13px;
  min-height:92px;
  padding:15px 16px;
  border:1px solid #dbe8f7;
  border-radius:17px;
  background:#fff;
  color:#12233b;
  text-decoration:none;
  box-shadow:0 7px 22px rgba(20,54,92,.05);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
body.superadmin-settings-card-navigation .superadmin-mobile-settings-card:hover{
  transform:translateY(-1px);
  border-color:#b8d6fb;
  box-shadow:0 10px 26px rgba(20,54,92,.09);
}
body.superadmin-settings-card-navigation .superadmin-mobile-settings-card>span{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:14px;
  background:#eff6ff;
  font-size:21px;
}
body.superadmin-settings-card-navigation .superadmin-mobile-settings-card div{min-width:0}
body.superadmin-settings-card-navigation .superadmin-mobile-settings-card b{display:block;font-size:15px;line-height:1.25}
body.superadmin-settings-card-navigation .superadmin-mobile-settings-card small{display:block;margin-top:4px;color:#6d7f97;font-size:11.5px;line-height:1.4}
body.superadmin-settings-card-navigation .superadmin-mobile-settings-card .superadmin-setting-kicker{margin-top:0;color:#014BC8;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
body.superadmin-settings-card-navigation .superadmin-mobile-settings-card i{font-style:normal;font-size:28px;color:#9aabc0;text-align:right}
body.superadmin-settings-card-navigation .superadmin-mobile-setting-toolbar{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:16px;
  margin:2px 0 16px;
}
body.superadmin-settings-card-navigation .superadmin-mobile-settings-back{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  padding:10px 14px;
  border:1px solid #dbe8f7;
  border-radius:14px;
  background:#fff;
  color:#16304f;
  text-decoration:none;
  font-size:14px;
  font-weight:800;
}
body.superadmin-settings-card-navigation .superadmin-mobile-setting-toolbar small{display:block;color:#014BC8;font-size:9px;font-weight:850;letter-spacing:.09em}
body.superadmin-settings-card-navigation .superadmin-mobile-setting-toolbar strong{display:block;margin-top:3px;font-size:23px;line-height:1.1;overflow-wrap:anywhere}
body.superadmin-settings-card-navigation .superadmin-mobile-setting-active{display:block!important;width:100%!important;max-width:100%!important}
body.superadmin-settings-card-navigation #settings-subscriptions.superadmin-mobile-setting-active{display:block!important}
@media(max-width:999px){
  body.superadmin-settings-card-navigation .superadmin-mobile-settings-overview{grid-template-columns:1fr}
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-toolbar{grid-template-columns:1fr;gap:10px}
  body.superadmin-settings-card-navigation .superadmin-mobile-settings-back{justify-content:flex-start}
}

/* =========================================================
   V214 — Superadmin settings in mobile WEB browser: fit viewport
   Scoped only to /settings card-navigation mode.
   ========================================================= */
@media (max-width:999px){
  html,body{max-width:100%;overflow-x:hidden}
  body.superadmin-settings-card-navigation main{
    width:100%!important;
    max-width:100vw!important;
    min-width:0!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
  }
  body.superadmin-settings-card-navigation main *,
  body.superadmin-settings-card-navigation main *::before,
  body.superadmin-settings-card-navigation main *::after{box-sizing:border-box}

  body.superadmin-settings-card-navigation .superadmin-settings-page,
  body.superadmin-settings-card-navigation .superadmin-settings-page>*{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  body.superadmin-settings-card-navigation .superadmin-settings-page{
    padding-left:0!important;
    padding-right:0!important;
    overflow-x:hidden!important;
  }
  body.superadmin-settings-card-navigation .superadmin-settings-grid{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  body.superadmin-settings-card-navigation .superadmin-mobile-settings-overview{
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  body.superadmin-settings-card-navigation .superadmin-mobile-settings-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    grid-template-columns:44px minmax(0,1fr) 18px!important;
    gap:10px!important;
    padding:13px!important;
    overflow:hidden!important;
  }
  body.superadmin-settings-card-navigation .superadmin-mobile-settings-card>span{
    width:44px!important;height:44px!important;min-width:44px!important;
  }
  body.superadmin-settings-card-navigation .superadmin-mobile-settings-card div,
  body.superadmin-settings-card-navigation .superadmin-mobile-settings-card b,
  body.superadmin-settings-card-navigation .superadmin-mobile-settings-card small{
    min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important;word-break:break-word!important;
  }

  body.superadmin-settings-card-navigation .superadmin-mobile-setting-toolbar{
    width:100%!important;max-width:100%!important;min-width:0!important;
    grid-template-columns:1fr!important;gap:9px!important;
  }
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-toolbar>div,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-toolbar strong{
    min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important;
  }
  body.superadmin-settings-card-navigation .superadmin-mobile-settings-back{
    width:100%!important;max-width:100%!important;justify-content:flex-start!important;
  }

  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active,
  body.superadmin-settings-card-navigation .superadmin-settings-page section.card.superadmin-mobile-setting-active,
  body.superadmin-settings-card-navigation #settings-subscriptions.superadmin-mobile-setting-active{
    width:100%!important;max-width:100%!important;min-width:0!important;
    padding:14px!important;margin-left:0!important;margin-right:0!important;
    overflow:hidden!important;
  }
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active .settings-card-head,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active .commission-control-head{
    display:flex!important;flex-direction:column!important;align-items:flex-start!important;
    width:100%!important;max-width:100%!important;min-width:0!important;gap:10px!important;
  }
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active .settings-card-head>div,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active .commission-control-head>div{
    width:100%!important;max-width:100%!important;min-width:0!important;
  }
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active h1,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active h2,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active h3,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active h4,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active p,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active small,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active b,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active strong,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active code{
    max-width:100%!important;overflow-wrap:anywhere!important;word-break:break-word!important;
  }

  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active form,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active fieldset,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active label,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active .form-grid,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active .settings-form-grid,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active .settings-form-grid.two,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active .settings-form-grid.three,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active .settings-form-grid.smtp,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active .commission-choice-grid,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active .commission-calc-grid,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active .commission-calc-inputs,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active .android-app-status-grid{
    width:100%!important;max-width:100%!important;min-width:0!important;
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active [style*="grid-template-columns"]{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active [style*="min-width"]{
    min-width:0!important;
  }
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active select,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active textarea{
    width:100%!important;max-width:100%!important;min-width:0!important;font-size:16px!important;
  }
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active button,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active .btn{
    max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;
  }
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active form>button,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active form>.btn{
    width:100%!important;
  }

  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active .settings-checkbox-card,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active .bank-status,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active .commission-choice,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active .commission-pending,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active details,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active summary{
    width:100%!important;max-width:100%!important;min-width:0!important;overflow-wrap:anywhere!important;
  }
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active .bank-status>div,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active .settings-checkbox-card>span{
    min-width:0!important;max-width:100%!important;
  }

  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active .table-wrap,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active .table-responsive,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active [class*="table-wrap"]{
    width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;
  }
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active table{
    max-width:none!important;
  }
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active pre{
    width:100%!important;max-width:100%!important;overflow:auto!important;white-space:pre-wrap!important;word-break:break-word!important;
  }

  body.superadmin-settings-card-navigation .superadmin-avatar-row{
    grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:100%!important;min-width:0!important;
  }
  body.superadmin-settings-card-navigation .superadmin-avatar-copy{min-width:0!important;text-align:left!important}
  body.superadmin-settings-card-navigation .superadmin-avatar-actions{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;
  }
  body.superadmin-settings-card-navigation .superadmin-avatar-actions .btn{width:100%!important}
  body.superadmin-settings-card-navigation .superadmin-avatar-modal-card{
    width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;min-width:0!important;
  }
}

@media (max-width:420px){
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active{padding:12px!important}
  body.superadmin-settings-card-navigation .superadmin-mobile-settings-card{grid-template-columns:40px minmax(0,1fr) 16px!important;padding:12px!important}
  body.superadmin-settings-card-navigation .superadmin-mobile-settings-card>span{width:40px!important;height:40px!important;min-width:40px!important}
  body.superadmin-settings-card-navigation .superadmin-mobile-settings-card b{font-size:14.5px!important}
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-toolbar strong{font-size:20px!important}
}

/* =========================================================
   V215 — Superadmin settings mobile WEB: real single-column layout
   Fixes desktop tables/forms being squeezed into phone width.
   ========================================================= */
@media (max-width:999px){
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active h1,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active h2,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active h3,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active h4,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active p,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active small,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active b,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active strong,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active label,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active summary{
    word-break:normal!important;
    overflow-wrap:break-word!important;
    white-space:normal!important;
  }

  /* Settings tables become vertical cards on phones instead of squeezed columns. */
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active .table-wrap,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active .table-responsive,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active [class*="table-wrap"]{
    overflow:visible!important;
    width:100%!important;
    max-width:100%!important;
  }
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active .table-wrap table,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active .table-responsive table{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    border:0!important;
  }
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active .table-wrap thead,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active .table-responsive thead{
    display:none!important;
  }
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active .table-wrap tbody,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active .table-responsive tbody{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;
    width:100%!important;
    min-width:0!important;
  }
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active .table-wrap tr,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active .table-responsive tr{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:9px!important;
    width:100%!important;
    min-width:0!important;
    padding:13px!important;
    border:1px solid #dbe7f3!important;
    border-radius:15px!important;
    background:#fff!important;
  }
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active .table-wrap td,
  body.superadmin-settings-card-navigation .superadmin-mobile-setting-active .table-responsive td{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:4px 0!important;
    border:0!important;
    text-align:left!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }

  /* Channel Manager platform editor: use the entire phone width. */
  body.superadmin-settings-card-navigation #channel-manager-platform.superadmin-mobile-setting-active details,
  body.superadmin-settings-card-navigation #channel-manager-platform.superadmin-mobile-setting-active details[open],
  body.superadmin-settings-card-navigation #channel-manager-platform.superadmin-mobile-setting-active details form{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  body.superadmin-settings-card-navigation #channel-manager-platform.superadmin-mobile-setting-active details summary{
    display:flex!important;
    width:100%!important;
    min-height:44px!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body.superadmin-settings-card-navigation #channel-manager-platform.superadmin-mobile-setting-active details form{
    margin-top:12px!important;
  }
  body.superadmin-settings-card-navigation #channel-manager-platform.superadmin-mobile-setting-active details form > *{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  body.superadmin-settings-card-navigation #channel-manager-platform.superadmin-mobile-setting-active .settings-checkbox-card{
    display:grid!important;
    grid-template-columns:24px minmax(0,1fr)!important;
    align-items:start!important;
    gap:10px!important;
    padding:13px!important;
  }
  body.superadmin-settings-card-navigation #channel-manager-platform.superadmin-mobile-setting-active .settings-checkbox-card input[type="checkbox"]{
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    margin:2px 0 0!important;
  }
  body.superadmin-settings-card-navigation #channel-manager-platform.superadmin-mobile-setting-active .settings-checkbox-card span{
    display:block!important;
    width:auto!important;
    min-width:0!important;
  }
  body.superadmin-settings-card-navigation #channel-manager-platform.superadmin-mobile-setting-active .settings-checkbox-card b,
  body.superadmin-settings-card-navigation #channel-manager-platform.superadmin-mobile-setting-active .settings-checkbox-card small{
    display:block!important;
    width:100%!important;
    min-width:0!important;
  }
  body.superadmin-settings-card-navigation #channel-manager-platform.superadmin-mobile-setting-active .settings-help{
    display:block!important;
    width:100%!important;
    padding:8px 0!important;
    line-height:1.5!important;
  }
  body.superadmin-settings-card-navigation #channel-manager-platform.superadmin-mobile-setting-active label{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 0 12px!important;
    line-height:1.35!important;
  }
  body.superadmin-settings-card-navigation #channel-manager-platform.superadmin-mobile-setting-active label input:not([type="checkbox"]):not([type="radio"]),
  body.superadmin-settings-card-navigation #channel-manager-platform.superadmin-mobile-setting-active label select{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-top:7px!important;
  }
  body.superadmin-settings-card-navigation #channel-manager-platform.superadmin-mobile-setting-active .gyg-selftest-link,
  body.superadmin-settings-card-navigation #channel-manager-platform.superadmin-mobile-setting-active form button{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    justify-content:center!important;
    text-align:center!important;
  }

  /* Owner-access matrix also stacks instead of forcing many channel columns. */
  body.superadmin-settings-card-navigation #channel-manager-access.superadmin-mobile-setting-active select,
  body.superadmin-settings-card-navigation #channel-manager-access.superadmin-mobile-setting-active button{
    width:100%!important;
    max-width:100%!important;
  }
}

/* V216 · reBOAT AI Assistant */
.ai-assistant-page{max-width:980px;margin:0 auto;padding:10px 0 36px}.ai-assistant-head{text-align:center;margin:8px auto 24px;max-width:720px}.ai-assistant-head h1{font-size:clamp(30px,5vw,48px);margin:6px 0 10px}.ai-assistant-head p{color:#64748b;font-size:16px;line-height:1.6}.ai-orb-card{background:linear-gradient(145deg,#fff,#f6faff);border:1px solid #dbeafe;border-radius:28px;box-shadow:0 22px 60px rgba(15,23,42,.08);padding:42px 24px;text-align:center;overflow:hidden}.ai-voice-orb{position:relative;width:190px;height:190px;border:0;border-radius:50%;padding:0;background:transparent;cursor:pointer;isolation:isolate}.ai-voice-orb:disabled{opacity:.45;cursor:not-allowed}.ai-orb-core{position:absolute;inset:26px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#5fb0ff,#014BC8 48%,#0b56c7);color:white;font-weight:900;font-size:36px;letter-spacing:-2px;box-shadow:0 18px 46px rgba(22,119,255,.35);z-index:3}.ai-orb-ring{position:absolute;border:2px solid rgba(22,119,255,.22);border-radius:50%;inset:12px;z-index:1}.ai-orb-ring.r2{inset:0;border-color:rgba(22,119,255,.10)}.ai-voice-orb.listening .ai-orb-core{animation:aiPulse 1.1s ease-in-out infinite}.ai-voice-orb.listening .ai-orb-ring.r1{animation:aiRing 1.5s ease-out infinite}.ai-voice-orb.listening .ai-orb-ring.r2{animation:aiRing 1.5s .35s ease-out infinite}@keyframes aiPulse{50%{transform:scale(1.06);box-shadow:0 20px 55px rgba(22,119,255,.5)}}@keyframes aiRing{0%{transform:scale(.86);opacity:.95}100%{transform:scale(1.14);opacity:.08}}.ai-orb-card h2{margin:20px 0 4px;font-size:23px}.ai-status-note{margin:0;color:#64748b;font-size:14px}.ai-conversation{display:flex;flex-direction:column;gap:12px;margin-top:22px;background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:18px;min-height:125px;max-height:470px;overflow:auto}.ai-empty{margin:auto;color:#64748b;text-align:center;max-width:620px;line-height:1.6}.ai-msg{max-width:82%;border-radius:18px;padding:12px 15px}.ai-msg b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.ai-msg p{margin:0;line-height:1.55;white-space:pre-wrap}.ai-msg.user{align-self:flex-end;background:#014BC8;color:#fff;border-bottom-right-radius:6px}.ai-msg.assistant{align-self:flex-start;background:#f1f5f9;color:#0f172a;border-bottom-left-radius:6px}.ai-scope-note{margin-top:14px;border:1px solid #dbeafe;background:#eff6ff;border-radius:16px;padding:13px 15px;color:#334155;font-size:13px}.ai-scope-note b{color:#0f172a}.nav a[href="/ai-assistant"]:before,.sidebar a[href="/ai-assistant"]:before{content:"✦";margin-right:9px}
@media(max-width:700px){.ai-assistant-page{padding:0 0 22px}.ai-assistant-head{margin-top:0}.ai-assistant-head h1{font-size:32px}.ai-orb-card{border-radius:22px;padding:30px 14px}.ai-voice-orb{width:160px;height:160px}.ai-orb-core{inset:23px;font-size:30px}.ai-msg{max-width:94%}.ai-conversation{border-radius:18px;padding:12px}.ai-status-note{padding:0 8px}}

/* V217 AI voice-only conversation */
.ai-voice-only .ai-assistant-head{margin-bottom:18px}.ai-voice-only .ai-assistant-head h1{margin-bottom:0}.ai-voice-only-card{min-height:430px;display:grid;place-items:center;padding:54px 24px}.ai-voice-only-card .ai-voice-orb{width:220px;height:220px}.ai-voice-only-card .ai-orb-core{inset:30px;font-size:40px}.ai-voice-orb.thinking .ai-orb-core{animation:aiThink 1.25s ease-in-out infinite}.ai-voice-orb.thinking .ai-orb-ring.r1{animation:aiRing 1.1s ease-out infinite}.ai-voice-orb.speaking .ai-orb-core{animation:aiSpeak .8s ease-in-out infinite}.ai-voice-orb.speaking .ai-orb-ring.r1,.ai-voice-orb.speaking .ai-orb-ring.r2{animation:aiRing 1.25s ease-out infinite}@keyframes aiThink{50%{transform:scale(.96);filter:brightness(1.08)}}@keyframes aiSpeak{25%{transform:scale(1.035)}75%{transform:scale(.985)}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:700px){.ai-voice-only .ai-assistant-head{margin-bottom:10px}.ai-voice-only-card{min-height:calc(100dvh - 250px);padding:28px 14px}.ai-voice-only-card .ai-voice-orb{width:190px;height:190px}.ai-voice-only-card .ai-orb-core{inset:27px;font-size:34px}}

/* V218 AI voice + visible conversation */
.ai-chat-voice .ai-assistant-head{margin-bottom:20px}.ai-chat-card{padding:34px 22px 26px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:350px;background:radial-gradient(circle at 50% 30%,#f8fbff 0,#fff 62%)}
.ai-voice-orb-v218{width:210px;height:210px;transition:transform .2s ease}.ai-voice-orb-v218:active{transform:scale(.97)}.ai-voice-orb-v218 .ai-orb-core{inset:28px;background:radial-gradient(circle at 35% 25%,#67b8ff,#014BC8 50%,#0758c9);box-shadow:0 20px 55px rgba(22,119,255,.36)}
.ai-mic-icon{position:relative;width:38px;height:50px;border-radius:22px;background:#fff;display:block}.ai-mic-icon:before{content:"";position:absolute;left:-9px;right:-9px;bottom:6px;height:25px;border:4px solid #fff;border-top:0;border-radius:0 0 25px 25px}.ai-mic-icon:after{content:"";position:absolute;left:16px;bottom:-12px;width:6px;height:16px;background:#fff;border-radius:4px;box-shadow:-9px 14px 0 -1px #fff,9px 14px 0 -1px #fff}
.ai-voice-orb-v218.listening .ai-orb-core{background:radial-gradient(circle at 35% 25%,#4ade80,#16a34a 52%,#08752c);box-shadow:0 20px 60px rgba(22,163,74,.42);animation:aiPulse 1s ease-in-out infinite}.ai-voice-orb-v218.listening .ai-orb-ring{border-color:rgba(22,163,74,.32)}.ai-voice-orb-v218.listening .ai-orb-ring.r1,.ai-voice-orb-v218.listening .ai-orb-ring.r2{animation:aiRing 1.35s ease-out infinite}.ai-voice-orb-v218.error .ai-orb-core{background:radial-gradient(circle at 35% 25%,#fb7185,#e11d48 52%,#9f1239)}
.ai-live-state{margin-top:22px;font-weight:800;font-size:17px;color:#0f172a;text-align:center;min-height:26px}.ai-send-hint{display:none;margin-top:8px;color:#15803d;font-weight:700;font-size:14px;text-align:center}.ai-conversation-v218{margin-top:20px;min-height:180px;max-height:520px;box-shadow:0 12px 34px rgba(15,23,42,.05)}
.ai-conversation-v218 .ai-msg b{text-transform:none;letter-spacing:0;font-size:12px}.ai-conversation-v218 .ai-msg.user{background:#014BC8}.ai-conversation-v218 .ai-msg.assistant{background:#eef4f8}.ai-chat-voice .ai-empty{font-size:14px}
@media(max-width:700px){.ai-chat-card{padding:28px 14px 22px;min-height:310px}.ai-voice-orb-v218{width:180px;height:180px}.ai-voice-orb-v218 .ai-orb-core{inset:25px}.ai-live-state{font-size:16px}.ai-conversation-v218{margin-top:14px;max-height:430px}.ai-send-hint{font-size:13px;padding:0 8px}}

/* V219 AI voice button */
.ai-chat-card{min-height:280px;padding:34px 22px 24px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 12px 34px rgba(15,23,42,.08)}
.ai-voice-main{width:150px;height:150px;border-radius:50%;border:0;background:linear-gradient(145deg,#1d8cff,#0967da);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 18px 40px rgba(9,103,218,.28),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .16s ease,background .2s ease,box-shadow .2s ease}
.ai-voice-main span{font-size:42px;font-weight:800;letter-spacing:-2px;line-height:1}
.ai-voice-main:hover{transform:translateY(-2px)}
.ai-voice-main:active{transform:scale(.97)}
.ai-voice-main:disabled{opacity:.45;cursor:not-allowed}
.ai-voice-main.listening{background:linear-gradient(145deg,#2dcc70,#149447);box-shadow:0 18px 42px rgba(20,148,71,.3),0 0 0 9px rgba(34,197,94,.10)}
.ai-voice-main.thinking{background:linear-gradient(145deg,#4b9eff,#176fd4)}
.ai-voice-main.speaking{background:linear-gradient(145deg,#7c6cff,#5845d8)}
.ai-voice-main.error{background:linear-gradient(145deg,#fb7185,#dc2649)}
.ai-live-state{margin-top:20px;font-weight:700;font-size:16px;color:#0f172a;text-align:center}
.ai-send-hint{display:none;margin-top:7px;font-size:14px;color:#15803d;font-weight:700;text-align:center}
@media(max-width:700px){.ai-chat-card{min-height:245px;padding:28px 14px 22px}.ai-voice-main{width:132px;height:132px}.ai-voice-main span{font-size:37px}}

/* V230 — Landing Tap to Pay: balanced desktop composition */
@media(min-width:901px){
  .landing-tap-separator-v230{max-width:1180px;margin:34px auto 14px!important;padding-top:26px!important}
  .landing-tap-v230{grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr)!important;gap:48px!important;align-items:center!important;max-width:1180px!important;margin:14px auto 88px!important;padding:44px 54px!important;min-height:0!important}
  .landing-tap-v230 .landing-tap-visual{min-height:342px!important;width:100%!important;max-width:350px!important;justify-self:center!important}
  .landing-tap-v230 .tap-phone.iphone-frame{width:164px!important;height:338px!important;border-radius:37px!important;padding:5px!important;box-shadow:0 24px 52px rgba(0,0,0,.32)!important;transform:rotate(-2deg)!important}
  .landing-tap-v230 .iphone-screen{border-radius:32px!important}
  .landing-tap-v230 .iphone-island{top:7px!important;width:51px!important;height:15px!important}
  .landing-tap-v230 .iphone-status{height:24px!important;padding:0 13px!important;font-size:7px!important}
  .landing-tap-v230 .iphone-frame .tap-screen{padding:48px 12px 22px!important}
  .landing-tap-v230 .tap-reboat-mini{font-size:13px!important;margin-bottom:9px!important}
  .landing-tap-v230 .tap-eyebrow{font-size:8px!important}
  .landing-tap-v230 .iphone-frame .tap-amount{font-size:25px!important;margin:17px 0 18px!important}
  .landing-tap-v230 .tap-contactless{height:48px!important;margin-bottom:10px!important;transform:scale(.78)!important}
  .landing-tap-v230 .tap-success-line{margin-top:15px!important;padding:6px!important;font-size:7px!important}
  .landing-tap-v230 .iphone-home-indicator{bottom:5px!important;width:58px!important;height:3px!important}
  .landing-tap-v230 .landing-tap-visual .tap-card{right:3%!important;top:44%!important;width:84px!important;height:50px!important;padding:8px!important;border-radius:10px!important;font-size:10px!important}
  .landing-tap-v230 .landing-tap-copy{max-width:650px!important;justify-self:start!important}
  .landing-tap-v230 .landing-tap-copy h2{font-size:clamp(34px,3.25vw,48px)!important;line-height:1.04!important;margin-bottom:17px!important}
  .landing-tap-v230 .landing-tap-copy>p{max-width:620px!important;font-size:16px!important;line-height:1.7!important}
  .landing-tap-v230 .landing-tap-points{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px 18px!important;margin-top:24px!important}
}


/* =========================================================
   V239 — Superadmin sidebar icon cleanup
   - one icon only for Settings
   - semantic monochrome outline icons for main Superadmin menu
   ========================================================= */
@media (min-width:1000px){
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > .nav-settings-group > .nav-settings-parent .nav-settings-icon{
    display:none!important;
  }

  body.reboat-desktop-dashboard > .app-header nav#main-navigation > a::before,
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > .nav-settings-group > .nav-settings-parent::before{
    content:""!important;
    display:inline-block!important;
    flex:0 0 22px!important;
    width:22px!important;
    min-width:22px!important;
    height:22px!important;
    margin:0!important;
    padding:0!important;
    background-color:currentColor!important;
    -webkit-mask-repeat:no-repeat!important;
    mask-repeat:no-repeat!important;
    -webkit-mask-position:center!important;
    mask-position:center!important;
    -webkit-mask-size:20px 20px!important;
    mask-size:20px 20px!important;
  }

  /* Dashboard — grid */
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > a[href="/dashboard"]::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.2'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.2'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.2'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.2'/%3E%3C/svg%3E")!important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.2'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.2'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.2'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.2'/%3E%3C/svg%3E")!important;
  }

  /* Renters — anchor */
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > a[href="/admin/owners"]::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='5' r='2'/%3E%3Cpath d='M12 7v14M5 11H2c0 5.5 4.5 10 10 10s10-4.5 10-10h-3M8 11h8'/%3E%3C/svg%3E")!important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='5' r='2'/%3E%3Cpath d='M12 7v14M5 11H2c0 5.5 4.5 10 10 10s10-4.5 10-10h-3M8 11h8'/%3E%3C/svg%3E")!important;
  }

  /* Users — people */
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > a[href="/admin/customers"]::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E")!important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E")!important;
  }

  /* Notifications — bell */
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > a[href="/admin/notifications"]::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9'/%3E%3Cpath d='M13.73 21a2 2 0 0 1-3.46 0'/%3E%3C/svg%3E")!important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9'/%3E%3Cpath d='M13.73 21a2 2 0 0 1-3.46 0'/%3E%3C/svg%3E")!important;
  }

  /* Reviews — star */
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > a[href="/reviews"]::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 2.8 2.8 5.7 6.3.9-4.6 4.4 1.1 6.3-5.6-3-5.6 3 1.1-6.3-4.6-4.4 6.3-.9L12 2.8z'/%3E%3C/svg%3E")!important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 2.8 2.8 5.7 6.3.9-4.6 4.4 1.1 6.3-5.6-3-5.6 3 1.1-6.3-4.6-4.4 6.3-.9L12 2.8z'/%3E%3C/svg%3E")!important;
  }

  /* Promo API — tag */
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > a[href="/admin/promo"]::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.6 13.6 11 23l-9-9V4h10l8.6 8.6a1.4 1.4 0 0 1 0 2z'/%3E%3Ccircle cx='7.5' cy='8.5' r='1.5'/%3E%3C/svg%3E")!important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.6 13.6 11 23l-9-9V4h10l8.6 8.6a1.4 1.4 0 0 1 0 2z'/%3E%3Ccircle cx='7.5' cy='8.5' r='1.5'/%3E%3C/svg%3E")!important;
  }

  /* Settings — single gear icon */
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > .nav-settings-group > .nav-settings-parent::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.7 1.7 0 0 0 .34 1.88l.06.06-2.83 2.83-.06-.06A1.7 1.7 0 0 0 15 19.4a1.7 1.7 0 0 0-1 .6 1.7 1.7 0 0 0-.4 1V21h-4v-.08A1.7 1.7 0 0 0 8.6 19.4a1.7 1.7 0 0 0-1.88.34l-.06.06-2.83-2.83.06-.06A1.7 1.7 0 0 0 4.6 15a1.7 1.7 0 0 0-.6-1 1.7 1.7 0 0 0-1-.4H3v-4h.08A1.7 1.7 0 0 0 4.6 8.6a1.7 1.7 0 0 0-.34-1.88l-.06-.06 2.83-2.83.06.06A1.7 1.7 0 0 0 9 4.6a1.7 1.7 0 0 0 1-.6 1.7 1.7 0 0 0 .4-1V3h4v.08A1.7 1.7 0 0 0 15.4 4.6a1.7 1.7 0 0 0 1.88-.34l.06-.06 2.83 2.83-.06.06A1.7 1.7 0 0 0 19.4 9c.4.3.75.64 1 1 .25.35.39.77.4 1.2V13c0 .44-.14.86-.4 1.2-.25.35-.6.69-1 1z'/%3E%3C/svg%3E")!important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.7 1.7 0 0 0 .34 1.88l.06.06-2.83 2.83-.06-.06A1.7 1.7 0 0 0 15 19.4a1.7 1.7 0 0 0-1 .6 1.7 1.7 0 0 0-.4 1V21h-4v-.08A1.7 1.7 0 0 0 8.6 19.4a1.7 1.7 0 0 0-1.88.34l-.06.06-2.83-2.83.06-.06A1.7 1.7 0 0 0 4.6 15a1.7 1.7 0 0 0-.6-1 1.7 1.7 0 0 0-1-.4H3v-4h.08A1.7 1.7 0 0 0 4.6 8.6a1.7 1.7 0 0 0-.34-1.88l-.06-.06 2.83-2.83.06.06A1.7 1.7 0 0 0 9 4.6a1.7 1.7 0 0 0 1-.6 1.7 1.7 0 0 0 .4-1V3h4v.08A1.7 1.7 0 0 0 15.4 4.6a1.7 1.7 0 0 0 1.88-.34l.06-.06 2.83 2.83-.06.06A1.7 1.7 0 0 0 19.4 9c.4.3.75.64 1 1 .25.35.39.77.4 1.2V13c0 .44-.14.86-.4 1.2-.25.35-.6.69-1 1z'/%3E%3C/svg%3E")!important;
  }

  /* Logout — door/arrow */
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > a[href="/logout"]::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 17l5-5-5-5M15 12H3'/%3E%3Cpath d='M14 3h5a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-5'/%3E%3C/svg%3E")!important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 17l5-5-5-5M15 12H3'/%3E%3Cpath d='M14 3h5a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-5'/%3E%3C/svg%3E")!important;
  }

  body.reboat-desktop-dashboard > .app-header nav#main-navigation > .nav-settings-group > .nav-settings-parent{
    gap:10px!important;
  }
}


/* =========================================================
   V244 — language selection inside owner/employee Settings
   ========================================================= */
.settings-icon-language{font-size:19px!important;letter-spacing:-2px}
.language-settings-card{
  position:relative;
  overflow:hidden;
  margin:0 0 22px;
  padding:24px;
  border:1px solid #dbe8f8!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,#ffffff 0%,#f8fbff 58%,#eef6ff 100%)!important;
  box-shadow:0 16px 40px rgba(22,85,150,.07)!important;
}
.language-settings-card:after{
  content:"";position:absolute;right:-70px;top:-90px;width:210px;height:210px;border-radius:50%;
  background:radial-gradient(circle,rgba(22,119,255,.10),rgba(22,119,255,0) 70%);pointer-events:none;
}
.language-settings-head{position:relative;z-index:1;display:flex;align-items:flex-start;gap:15px;margin-bottom:19px}
.language-settings-symbol{
  flex:0 0 50px;width:50px;height:50px;border-radius:15px;display:grid;place-items:center;
  background:#eaf4ff;color:#014BC8;font-size:20px;font-weight:950;letter-spacing:-2px;
  box-shadow:inset 0 0 0 1px #d8eaff;
}
.language-settings-head h2{margin:3px 0 6px;font-size:22px;line-height:1.15;color:#16263d}
.language-settings-head p{margin:0;max-width:760px;color:#687d96;line-height:1.5;font-size:13px}
.language-choice-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.language-choice{
  min-width:0;min-height:76px;display:grid;grid-template-columns:44px minmax(0,1fr) 28px;align-items:center;gap:10px;
  padding:13px 14px;border:1px solid #dce7f3;border-radius:16px;background:#fff;color:#243a55!important;
  text-decoration:none!important;box-shadow:0 7px 20px rgba(30,70,115,.045);
  transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease,background .15s ease;
}
.language-choice:hover{transform:translateY(-1px);border-color:#9cc8ff;box-shadow:0 10px 26px rgba(22,119,255,.10)}
.language-choice.active{border-color:#67adff;background:#eef6ff;box-shadow:0 0 0 2px rgba(22,119,255,.08),0 10px 28px rgba(22,119,255,.10)}
.language-choice-flag{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#f4f8fd;font-size:25px;line-height:1}
.language-choice.active .language-choice-flag{background:#fff}
.language-choice-copy{min-width:0;display:grid;gap:2px}
.language-choice-copy b{font-size:15px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.language-choice-copy small{font-size:10px;font-weight:850;letter-spacing:.08em;color:#8092a8;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.language-choice-state{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;justify-self:end;background:#f1f5fa;color:#8ba0b8;font-size:18px;font-weight:900}
.language-choice.active .language-choice-state{background:#014BC8;color:#fff;font-size:13px}
.language-choice-auto{grid-column:1/-1;max-width:none}
.language-auto-icon{font-size:16px;font-weight:950;color:#014BC8;background:#eaf4ff}
.language-settings-note{position:relative;z-index:1;display:flex;align-items:flex-start;gap:9px;margin-top:14px;padding:11px 13px;border-radius:13px;background:rgba(255,255,255,.72);border:1px solid #e3edf7;color:#60758d}
.language-settings-note>span{flex:0 0 auto;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#e8f8f0;color:#0a9d65;font-size:11px;font-weight:900}
.language-settings-note p{margin:1px 0 0;font-size:11.5px;line-height:1.45}

@media(max-width:760px){
  .language-settings-card{margin:0 0 14px;padding:15px;border-radius:18px!important;box-shadow:0 10px 28px rgba(22,85,150,.06)!important}
  .language-settings-head{gap:11px;margin-bottom:13px}
  .language-settings-symbol{flex-basis:42px;width:42px;height:42px;border-radius:13px;font-size:17px}
  .language-settings-head h2{font-size:19px;margin-top:2px}
  .language-settings-head p{font-size:11.5px;line-height:1.42}
  .language-choice-grid{grid-template-columns:1fr;gap:8px}
  .language-choice,.language-choice-auto{grid-column:auto;min-height:62px;padding:9px 11px;grid-template-columns:40px minmax(0,1fr) 26px;border-radius:14px}
  .language-choice-flag{width:40px;height:40px;border-radius:12px;font-size:23px}
  .language-auto-icon{font-size:15px}
  .language-choice-copy b{font-size:14px}
  .language-choice-copy small{font-size:9.5px}
  .language-settings-note{margin-top:10px;padding:9px 10px}
  .language-settings-note p{font-size:10.5px}
  body.reboat-mobile-app-body .profile-settings-page{padding-top:4px}
  body.reboat-mobile-app-body .language-settings-card{margin-left:0;margin-right:0}
}

/* OCTO Supplier Certified — integrated with reBOAT Channel Manager */
.octo-certified-panel{position:relative;min-height:0!important;padding:28px!important;background:linear-gradient(145deg,#f7fbff 0%,#eef7ff 52%,#fff 100%)!important;border:1px solid #cfe3f7!important;box-shadow:0 22px 55px rgba(32,92,150,.10);overflow:hidden!important}
.octo-certified-panel:before{content:""!important;position:absolute!important;width:260px!important;height:260px!important;right:-90px!important;top:-120px!important;border-radius:50%!important;background:rgba(22,119,255,.07)!important;border:0!important;transform:none!important}
.octo-certified-panel:after{content:""!important;position:absolute!important;width:190px!important;height:190px!important;left:-110px!important;bottom:-120px!important;border-radius:50%!important;background:rgba(65,190,255,.08)!important;border:0!important;transform:none!important}
.octo-certified-top{position:relative;z-index:2;display:grid;grid-template-columns:210px minmax(0,1fr);gap:25px;align-items:center}
.octo-badge-wrap{display:grid;place-items:center;padding:17px;border-radius:24px;background:#fff;border:1px solid #d8e8f8;box-shadow:0 16px 36px rgba(30,89,148,.11)}
.octo-badge-wrap a{display:block;width:100%}.octo-badge-wrap img{display:block;width:100%;max-width:190px;height:auto;margin:auto}
.octo-kicker{display:inline-flex;padding:6px 9px;border-radius:999px;background:#e7f3ff;color:#014BC8;font-size:9px;font-weight:950;letter-spacing:.1em}
.octo-certified-copy h3{margin:10px 0 8px;color:#10213d;font-size:28px;line-height:1.08;letter-spacing:-.8px}.octo-certified-copy p{margin:0;color:#607892;font-size:13px;line-height:1.6}
.octo-verify-btn{display:inline-flex!important;margin-top:16px!important;padding:11px 15px!important;font-size:11px!important;border-radius:12px!important;box-shadow:0 10px 24px rgba(22,119,255,.18)}
.octo-capabilities{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:22px}.octo-capabilities>div{padding:12px 13px;border-radius:14px;background:rgba(255,255,255,.88);border:1px solid #d9e8f6}.octo-capabilities b,.octo-capabilities span{display:block}.octo-capabilities b{color:#24415f;font-size:11px}.octo-capabilities span{margin-top:3px;color:#71869c;font-size:9px;line-height:1.35}
.octo-ecosystem{position:relative;z-index:2;display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:10px;padding:12px 13px;border-radius:14px;background:#fff;border:1px solid #d9e8f6}.octo-ecosystem-title b,.octo-ecosystem-title span{display:block}.octo-ecosystem-title b{color:#24415f;font-size:11px}.octo-ecosystem-title span{margin-top:3px;color:#7b8fa4;font-size:9px}.octo-partners{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.octo-partners span{padding:6px 8px;border-radius:9px;background:#eef6ff;border:1px solid #d3e7fa;color:#2f5d8b;font-size:9px;font-weight:850}
.octo-disclaimer{position:relative;z-index:2;margin:10px 0 0!important;padding:10px 12px;border-radius:12px;background:#f3f8fd;border:1px solid #dceaf7;color:#71859a!important;font-size:9px!important;line-height:1.45!important}
@media(max-width:900px){.octo-certified-panel{padding:25px!important}.octo-certified-top{grid-template-columns:180px minmax(0,1fr)}.octo-certified-copy h3{font-size:25px}}
@media(max-width:700px){.octo-certified-panel{padding:18px!important;border-radius:20px!important}.octo-certified-top{grid-template-columns:1fr;gap:17px}.octo-badge-wrap{padding:16px;max-width:280px;width:100%;box-sizing:border-box;margin:0 auto}.octo-badge-wrap img{max-width:245px}.octo-certified-copy{text-align:center}.octo-certified-copy h3{font-size:26px}.octo-certified-copy p{font-size:12px}.octo-verify-btn{width:100%;justify-content:center;box-sizing:border-box}.octo-capabilities{grid-template-columns:1fr 1fr}.octo-ecosystem{display:block;text-align:center}.octo-partners{justify-content:center;margin-top:9px}.octo-disclaimer{text-align:left!important}.landing-channel-manager{overflow:visible!important}}
@media(max-width:430px){.octo-capabilities{grid-template-columns:1fr}.octo-badge-wrap{max-width:250px}.octo-badge-wrap img{max-width:215px}}

/* 2026-09-18 reservations cancelled cards + GYG partner landing patch */
.calendar-cancelled-badge{display:block!important;margin-top:auto!important;padding-top:5px!important;background:transparent!important;border:0!important;border-radius:0!important;color:#dc2626!important;font-size:10px!important;font-weight:800!important;line-height:1.1!important;letter-spacing:.02em!important;box-shadow:none!important;position:static!important;width:100%!important}
.cancelled-reservation-card{border-color:#fecaca!important;background:linear-gradient(180deg,#fff,#fffafa)!important;overflow:hidden}
.cancelled-reservation-card>summary{background:transparent}.cancelled-reservation-card .cancelled-badge{background:#fff1f2!important;color:#dc2626!important;border:1px solid #fecaca!important}.cancelled-reservation-card .cancelled-money-status{color:#dc2626!important;font-size:14px!important}.cancelled-reservation-card .cancelled-date-value{font-size:13px!important}.day-cancelled-section{margin-top:24px}.day-cancelled-head{margin-bottom:12px}.day-cancelled-head h3{margin:4px 0 0}.day-cancelled-list{display:grid;gap:12px}
.gyg-partner-banner{grid-column:1/-1;display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:center;padding:26px 30px;margin-bottom:24px;border:1px solid #ffd0c3;border-radius:26px;background:linear-gradient(135deg,#fff7f3,#fff 58%,#f4f9ff);box-shadow:0 18px 50px rgba(15,23,42,.08)}.gyg-partner-logo{display:flex;align-items:center;justify-content:center;min-height:132px;padding:20px;border-radius:22px;background:#ff5533}.gyg-partner-logo img{display:block;max-width:100%;max-height:94px;object-fit:contain}.gyg-partner-kicker{display:inline-block;color:#f04b2d;font-size:12px;font-weight:900;letter-spacing:.13em}.gyg-partner-copy h3{font-size:30px;margin:7px 0 9px;color:#0f172a}.gyg-partner-copy p{margin:0;color:#526174;line-height:1.65}.gyg-partner-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.gyg-partner-points span{padding:8px 11px;border-radius:999px;background:#fff;border:1px solid #e5e7eb;color:#334155;font-size:12px;font-weight:800}.channel-brand-official{display:flex!important;flex-direction:column;gap:2px}.channel-brand-official small{font-size:8px;letter-spacing:.04em;color:#f04b2d}
@media(max-width:760px){.gyg-partner-banner{grid-template-columns:1fr;padding:18px;gap:15px}.gyg-partner-logo{min-height:100px}.gyg-partner-logo img{max-height:72px}.gyg-partner-copy h3{font-size:24px}.gyg-partner-points{display:grid}.calendar-cancelled-badge{font-size:8px!important;padding-top:3px!important}}

/* 2026-09-18 calendar cancelled badge center + GYG system-color refinement */
.calendar-cancelled-badge{text-align:center!important;align-self:center!important;justify-self:center!important;color:#e3343f!important;letter-spacing:.01em!important;font-size:10px!important;font-weight:850!important}
.gyg-partner-banner{border-color:#cfe3fb!important;background:linear-gradient(135deg,#eef7ff 0%,#ffffff 56%,#f5f9ff 100%)!important;box-shadow:0 18px 50px rgba(22,119,255,.10)!important}
.gyg-partner-logo{background:#fff!important;border:1px solid #d7e7f8!important;box-shadow:0 10px 28px rgba(30,90,150,.08)!important}
.gyg-partner-kicker{color:#014BC8!important}.gyg-partner-copy h3{color:#10213d!important}.gyg-partner-copy p{color:#58708a!important}.gyg-partner-secondary{margin-top:10px!important}.gyg-partner-points span{background:#f7fbff!important;border-color:#d6e8fa!important;color:#315b7d!important}.channel-brand-official small{color:#014BC8!important}
@media(max-width:760px){.calendar-cancelled-badge{text-align:center!important;font-size:8px!important}.gyg-partner-secondary{margin-top:9px!important}}
/* GetYourGuide logo: fill the complete partner logo frame */
.gyg-partner-logo{padding:0!important;overflow:hidden!important;background:#ff5533!important;border-radius:22px!important}
.gyg-partner-logo img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;min-height:132px!important;display:block!important;object-fit:cover!important;border-radius:inherit!important}
@media(max-width:760px){.gyg-partner-logo img{min-height:100px!important}}

/* 2026-09-18 GYG landing: full mobile responsiveness + localized copy support */
.gyg-partner-copy,.landing-channel-copy{min-width:0}
.gyg-partner-copy p,.landing-channel-copy p,.landing-channel-copy li{overflow-wrap:anywhere}
@media(max-width:760px){
 .gyg-partner-banner{width:100%;box-sizing:border-box;margin-left:0;margin-right:0;padding:14px!important;border-radius:18px!important;gap:14px!important}
 .gyg-partner-logo{width:100%;min-height:0!important;aspect-ratio:2.25/1;border-radius:16px!important}
 .gyg-partner-logo img{width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important;border-radius:16px!important}
 .gyg-partner-copy{text-align:left!important;width:100%}
 .gyg-partner-kicker{font-size:9px!important;line-height:1.3;letter-spacing:.1em!important}
 .gyg-partner-copy h3{font-size:22px!important;line-height:1.12!important;letter-spacing:-.35px!important;margin:7px 0 9px!important}
 .gyg-partner-copy p{font-size:12px!important;line-height:1.55!important}
 .gyg-partner-points{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;margin-top:12px!important}
 .gyg-partner-points span{width:100%;box-sizing:border-box;padding:8px 10px!important;font-size:10px!important;line-height:1.35!important;border-radius:12px!important}
 .landing-channel-copy h2{font-size:29px!important;line-height:1.06!important}
 .landing-channel-copy p,.landing-channel-copy li{font-size:12px!important;line-height:1.55!important}
 .channel-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 .channel-brand-grid>span{min-width:0!important;overflow-wrap:anywhere!important}
}
@media(max-width:390px){
 .gyg-partner-banner{padding:12px!important}
 .gyg-partner-copy h3{font-size:20px!important}
 .landing-channel-copy h2{font-size:26px!important}
 .channel-brand-grid{grid-template-columns:1fr!important}
}

/* Cancelled bookings: payment confirmation is never an available action. */
.cancelled-reservation-card .mark-paid-btn,.day-cancelled-section .mark-paid-btn{display:none!important}
.auto-translation-status{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:7px;font-size:11px;color:#64748b;font-weight:600}.translation-lang{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:3px 6px;border-radius:999px;background:#eef2f7;color:#94a3b8;border:1px solid #dbe3ee}.translation-lang.ready{background:#e9f9ef;color:#15803d;border-color:#86efac}.translation-edit-link{border:0;background:none;color:#014BC8;font-size:11px;font-weight:700;cursor:pointer;padding:2px 0;margin-left:3px}.translation-editor-modal[hidden]{display:none}.translation-editor-modal{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:20px}.translation-editor-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(3px)}.translation-editor-box{position:relative;width:min(620px,100%);background:#fff;border-radius:22px;padding:24px;box-shadow:0 24px 70px rgba(15,23,42,.25);display:grid;gap:14px}.translation-editor-box label{display:flex;flex-direction:column;gap:6px;font-weight:700}.translation-editor-box input,.translation-editor-box textarea,.translation-editor-box select{width:100%}.translation-editor-close{position:absolute;right:16px;top:12px;border:0;background:none;font-size:28px;cursor:pointer}.translation-editor-actions{display:flex;justify-content:flex-end;gap:10px}

/* V8 translation popup close button visibility */
.translation-editor-close{display:flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;right:14px!important;top:14px!important;border:1px solid #dbe5f2!important;border-radius:12px!important;background:#fff!important;color:#172033!important;font-size:30px!important;line-height:1!important;font-weight:400!important;box-shadow:0 4px 16px rgba(15,23,42,.08)!important;z-index:3!important}.translation-editor-close:hover{background:#f5f8fc!important}.translation-editor-box h3{padding-right:54px}
/* V9 multi-image galleries */
.media-gallery-thumbs{display:flex;gap:10px;overflow-x:auto;padding:10px 2px 4px;min-height:8px}.media-gallery-thumb{position:relative;flex:0 0 86px;height:68px;border:2px solid #dbe8fb;border-radius:12px;overflow:hidden;background:#f7fbff;cursor:grab}.media-gallery-thumb.dragging{opacity:.45}.media-gallery-thumb img{width:100%;height:100%;object-fit:cover;cursor:pointer}.media-thumb-remove{position:absolute;right:4px;top:4px;width:23px;height:23px;border:0;border-radius:50%;background:#fff;color:#e53e3e;font-size:17px;line-height:20px;box-shadow:0 2px 8px #0003;cursor:pointer}.media-viewer-modal,.public-gallery-lightbox{position:fixed;inset:0;z-index:100000;display:grid;place-items:center}.media-viewer-backdrop,.public-gallery-lightbox-bg{position:absolute;inset:0;background:#061126d9;backdrop-filter:blur(5px)}.media-viewer-box,.public-gallery-lightbox-box{position:relative;z-index:1;width:min(920px,92vw);height:min(720px,86vh);display:grid;place-items:center}.media-viewer-box img,.public-gallery-lightbox-box img{max-width:100%;max-height:100%;object-fit:contain;border-radius:16px;box-shadow:0 20px 70px #0008}.media-viewer-x,.public-gallery-lightbox-x{position:absolute;right:0;top:0;z-index:3;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#14213d;font-size:30px;cursor:pointer}.media-viewer-prev,.media-viewer-next,.public-gallery-lightbox-prev,.public-gallery-lightbox-next{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:48px;height:48px;border:0;border-radius:50%;background:#fff;color:#014BC8;font-size:36px;cursor:pointer}.media-viewer-prev,.public-gallery-lightbox-prev{left:0}.media-viewer-next,.public-gallery-lightbox-next{right:0}.media-viewer-delete{position:absolute;bottom:0;z-index:3}.public-gallery-lightbox-box>span{position:absolute;bottom:10px;background:#fff;color:#14213d;padding:6px 10px;border-radius:20px}.public-media-gallery{position:relative;overflow:hidden;cursor:zoom-in}.public-media-gallery>img{width:100%;height:100%;object-fit:cover;display:block}.public-gallery-prev,.public-gallery-next{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:38px;height:38px;border:0;border-radius:50%;background:#fffffff0;color:#014BC8;font-size:28px;box-shadow:0 3px 12px #0002;cursor:pointer}.public-gallery-prev{left:10px}.public-gallery-next{right:10px}.public-gallery-count{position:absolute;right:10px;bottom:10px;background:#0d1b35c9;color:#fff;padding:5px 9px;border-radius:16px;font-size:12px}.booking-service-hero.public-media-gallery{height:auto;aspect-ratio:16/7;border-radius:18px}.trip-boat-card>.public-media-gallery{width:128px;min-width:128px;height:104px;border-radius:14px}.gallery-drop-zone.dragging{outline:2px dashed #2584ff;outline-offset:4px}

/* V10 compact gallery controls */
.media-gallery-thumb{flex-basis:72px;height:56px;border-radius:10px}.media-thumb-remove{right:3px;top:3px;width:18px;height:18px;font-size:13px;line-height:16px;border:1px solid #fecaca;background:rgba(255,255,255,.96);box-shadow:0 1px 5px #0002;display:flex;align-items:center;justify-content:center;padding:0}.media-thumb-remove:hover{background:#fff1f2;color:#be123c}.translation-editor-close{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#f8fafc;color:#334155;font-size:23px;line-height:1;box-shadow:0 1px 5px #0001}.translation-editor-close:hover{background:#eef2f7}

/* reBOAT V11: language/card/adults-only/reviews polish */
.adults-only-editor{margin:12px 0}.adults-only-toggle{display:flex!important;align-items:flex-start;gap:10px;padding:14px 16px;border:1px solid #b9d8ff;border-radius:16px;background:#f5faff}.adults-only-toggle span{display:grid;gap:3px}.adults-only-toggle small{color:#6b7d96}.adults-only-badge{display:inline-flex;align-items:center;margin:8px 8px 8px 0;padding:7px 11px;border-radius:999px;background:#13233d;color:#fff;font-size:12px;font-weight:800;letter-spacing:.04em}.adults-only-party label:has(#booking-child1),.adults-only-party label:has(#booking-child2){display:none!important}.booking-inline-rating{border:0;background:transparent;padding:0;margin:0 0 14px;color:#e99a00;font-weight:800;cursor:pointer}.booking-inline-rating:hover{text-decoration:underline}.booking-category-card{min-width:0}.booking-category-card h2,.booking-category-card h3{font-size:clamp(24px,2.15vw,34px)!important;line-height:1.05!important;overflow-wrap:anywhere}.booking-category-card p{overflow-wrap:anywhere}.booking-category-icon svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.booking-category-icon{color:#1677d2}.public-reviews{scroll-margin-top:24px}
/* reBOAT V12: category icons, adults-only age and responsive parity */
.public-category-card>div:last-child{min-width:0;flex:1}.public-category-card h2{font-size:clamp(24px,2vw,30px);line-height:1.05;overflow-wrap:anywhere}.public-category-card p{overflow-wrap:anywhere}.category-icon svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.category-icon{font-size:0!important;color:#1677d2!important}.card-adults-only{margin:8px 0 2px}.adults-only-age{display:flex!important;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:10px 14px;border:1px solid #d7e7fb;border-radius:14px;background:#fff}.adults-only-age>div{display:flex;align-items:center;gap:5px}.adults-only-age input{width:84px!important}.service-card-gallery{height:auto}.service-card-gallery>img{width:100%;aspect-ratio:16/10;object-fit:cover}.public-preview .adults-only-badge{margin:5px 0 8px}.preview-wrap .public-preview{overflow:hidden}.preview-wrap .public-preview h3{overflow-wrap:anywhere}

/* V13 service-card image normalization + editor adults-only visibility */
.service-card>.service-card-gallery{padding:0!important;flex:0 0 220px!important;height:220px!important;min-height:220px!important;aspect-ratio:auto!important;background:#eaf4ff}
.service-card>.service-card-gallery>img{width:100%!important;height:220px!important;aspect-ratio:auto!important;object-fit:cover!important;display:block!important}
.service-card>.image-placeholder{height:220px!important;min-height:220px!important;flex:0 0 220px!important}
.adults-only-age.hidden{display:none!important}
/* Live customer preview follows the same image proportions as the public service card */
#service-live-preview .preview-image{height:220px!important;min-height:220px!important;aspect-ratio:auto!important;background-size:cover!important;background-position:center!important}

/* V14: public service cards are static; gallery navigation/lightbox stays on the full service page only. */
.service-card>.service-card-gallery{cursor:default!important}
.service-card>.service-card-gallery>img{pointer-events:none}
.public-service-live-card.service-card{display:flex;flex-direction:column;overflow:hidden;background:#fff}
.public-service-live-card>.service-card-gallery{height:220px!important;min-height:220px!important;background-size:cover;background-position:center;position:relative}
.public-service-live-card>.service-card-gallery.has-image .preview-image-placeholder{display:none}
.public-service-live-card>.service-card-gallery .preview-image-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#7890aa;font-weight:800;background:#eaf4ff}
.public-service-live-card>div:last-child{display:flex;flex-direction:column;flex:1}
.public-service-live-card .price{margin-top:auto}
.service-preview-open{margin-top:12px;text-align:center}

/* V245 live service preview fidelity */
.adults-only-badge .adult-plus{margin-left:2px}.preview-service-boats{display:grid;gap:8px;margin:10px 0}.preview-service-boats.hidden{display:none}.preview-boat-card{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid #e5eaf2;border-radius:12px;background:#fff}.preview-boat-card img,.preview-boat-placeholder{width:54px;height:42px;border-radius:9px;object-fit:cover;flex:0 0 54px}.preview-boat-placeholder{display:flex;align-items:center;justify-content:center;background:#f4f7fb}.preview-boat-card div{min-width:0;display:flex;flex-direction:column;gap:3px}.preview-boat-card b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-boat-card span{font-size:11px;color:#64748b}.public-service-live-card .preview-image.has-image .preview-image-placeholder{display:none}

/* 2026-09-19 tenant public navigation/category polish */
.tenant-public .public-category-card h2{white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;font-size:clamp(18px,1.72vw,30px)!important;letter-spacing:-.025em}
.tenant-public .category-icon svg{width:42px;height:42px;stroke-width:1.9}
.booking-service-back{display:inline-flex;align-items:center;margin:0 0 16px;text-decoration:none;color:#1769b5;font-weight:800}
.booking-service-back:hover{text-decoration:underline}
#guest-reviews{scroll-margin-top:28px}
@media(max-width:760px){.tenant-public .public-category-card h2{font-size:clamp(18px,6vw,25px)!important}}
/* reBOAT category icon patch 2026-09-19 */
.public-category-card .category-icon{display:flex;align-items:center;justify-content:center;overflow:hidden}
.public-category-card .category-icon .reboat-category-svg{width:54px;height:54px;display:block;color:#014BC8;flex:0 0 auto}


/* V106 – Discounts / Last minute responsive UI */
#promotion-modal{overflow:hidden;padding:18px!important}
#promotion-modal .promo-modal-card{width:min(760px,calc(100vw - 36px))!important;max-width:760px!important;max-height:calc(100dvh - 36px);overflow-y:auto;overscroll-behavior:contain;padding:28px!important;gap:18px;scrollbar-gutter:stable}
#promotion-modal .promo-modal-card fieldset,.promo-builder fieldset{border:1px solid #dce8f6;border-radius:18px;padding:16px;background:#fff;min-width:0}
#promotion-modal .promo-modal-card legend,.promo-builder legend{padding:0 8px;font-weight:850;color:#233b5b}
#promotion-modal .promo-kind-grid,.promo-builder .promo-kind-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:4px 0 2px}
#promotion-modal .permission-grid,.promo-builder .permission-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}
#promotion-modal .promo-modal-card h3{margin:6px 0 0}
.promo-builder{border-radius:22px!important;box-shadow:0 12px 34px rgba(32,82,145,.06)}
.promo-builder .section-title{align-items:flex-start;gap:16px}.promo-builder .promo-master{padding:10px 13px;border:1px solid #cfe0f5;border-radius:14px;background:#fff}
.promo-builder #promo-service-options{margin-top:18px;display:grid;gap:16px}
.promo-builder .last-minute-targets{padding:18px;border:1px solid #dce8f6;border-radius:18px;background:#fdfefe}.promo-builder .last-minute-targets>h4{margin:0 0 12px;font-size:18px}
.promo-builder .form-grid.two>fieldset{height:100%}.promo-builder fieldset>label{display:flex;align-items:center;gap:8px;margin:8px 0;font-weight:700;color:#425a78}
@media(max-width:760px){#promotion-modal{padding:10px!important;align-items:center!important}#promotion-modal .promo-modal-card{width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px);padding:22px 16px!important;border-radius:20px!important}#promotion-modal .promo-kind-grid,.promo-builder .promo-kind-grid,.promo-builder .form-grid.two,#promotion-modal .form-grid.two{grid-template-columns:1fr!important}.promo-builder .section-title{display:grid}.promo-builder .permission-grid,#promotion-modal .permission-grid{grid-template-columns:1fr}}

/* V245 unified official reBOAT logo */
.reboat-brand-logo{display:block;width:116px;max-width:100%;height:auto;object-fit:contain}.logo .reboat-brand-logo{width:116px}.mobile-drawer-brand img,.mobile-auth-logo img{width:min(180px,72%);height:auto;object-fit:contain}.tenant-reboat-mark .reboat-brand-logo{width:86px}.booking-market-logo img{display:block;width:112px;height:auto;object-fit:contain}.booking-market-logo{display:flex!important;align-items:center;gap:5px}.booking-footer-brand img,.reboat-inline-logo{display:inline-block;width:72px;height:auto;vertical-align:middle}.reboat-mobile-splash-loader img{object-fit:contain!important}.mobile-simple-state img{width:min(210px,70%);height:auto;object-fit:contain}
@media(max-width:800px){.logo .reboat-brand-logo{width:102px}.tenant-reboat-mark .reboat-brand-logo{width:76px}.booking-market-logo img{width:98px}.mobile-drawer-brand img{width:150px}}
/* v246 Superadmin Test centar */
.health-page{display:grid;gap:18px}.health-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 28px;border-radius:24px;background:linear-gradient(135deg,#071d48,#0b5bd3);color:#fff;box-shadow:0 18px 45px rgba(11,91,211,.18)}.health-hero h1{margin:4px 0 6px;font-size:34px}.health-hero p{margin:0;max-width:720px;opacity:.82}.health-score,.mini-score{--score:0;width:132px;height:132px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#53e3a6 calc(var(--score)*1%),rgba(255,255,255,.16) 0);position:relative;flex:0 0 auto}.health-score:after,.mini-score:after{content:"";position:absolute;inset:10px;border-radius:50%;background:#0a3479}.health-score>div,.mini-score>b{position:relative;z-index:1;text-align:center}.health-score strong{display:block;font-size:28px}.health-score span{display:block;font-size:11px;opacity:.8}.health-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.health-kpis>div{background:#fff;border:1px solid #e4eaf2;border-radius:18px;padding:18px;box-shadow:0 8px 24px rgba(15,35,70,.05)}.health-kpis b{display:block;font-size:25px;color:#0c55bd}.health-kpis span{font-size:12px;color:#718096}.health-run{display:flex;justify-content:space-between;gap:24px;align-items:center}.health-run h2,.health-section-head h2{margin:0 0 5px}.health-run p,.health-section-head p{margin:0;color:#6f7c90}.health-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.health-actions form{margin:0}.health-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.health-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.mini-score{width:74px;height:74px;color:#fff}.mini-score:after{inset:7px}.health-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.health-check{display:flex;gap:11px;border:1px solid #e5eaf1;border-radius:15px;padding:13px;background:#fff}.health-check>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:800;flex:0 0 auto}.health-check.ok>span{background:#e8fbf2;color:#0c8b58}.health-check.bad>span{background:#fff0f0;color:#d52b2b}.health-check p{margin:3px 0;color:#657187;font-size:13px}.health-check small{color:#b45309}.health-alert-list{display:grid;gap:9px}.health-alert{border-left:4px solid #f59e0b;background:#fff8e8;border-radius:10px;padding:12px}.health-alert.critical{border-color:#dc2626;background:#fff1f1}.health-alert.error{border-color:#f97316}.health-alert p{margin:4px 0;font-size:13px}.health-alert small{color:#7b8494}.health-empty{padding:24px;text-align:center;background:#f7fafc;border-radius:14px;color:#6d7889}.quality-bar{width:120px;height:7px;background:#e9eef5;border-radius:99px;overflow:hidden;display:inline-block;margin-right:8px;vertical-align:middle}.quality-bar i{display:block;height:100%;background:#014BC8;border-radius:inherit}.health-history{display:grid;gap:8px}.health-history>a{display:flex;align-items:center;gap:11px;padding:11px 13px;border:1px solid #e7ebf1;border-radius:13px;text-decoration:none;color:inherit}.health-history>a div{display:grid;flex:1}.health-history small{color:#7a8494}.health-dot{width:11px;height:11px;border-radius:50%;background:#f59e0b}.health-dot.healthy{background:#16a66a}.health-dot.critical{background:#dc2626}
@media(max-width:850px){.health-hero{align-items:flex-start;padding:20px}.health-hero h1{font-size:28px}.health-score{width:100px;height:100px}.health-kpis{grid-template-columns:1fr 1fr}.health-run{display:block}.health-actions{justify-content:flex-start;margin-top:16px}.health-grid,.health-checks{grid-template-columns:1fr}.health-section-head{align-items:flex-start}.health-page .table-wrap{overflow-x:auto}.health-page table{min-width:700px}}
@media(max-width:520px){.health-hero{flex-direction:column}.health-kpis{grid-template-columns:1fr 1fr}.health-kpis>div{padding:14px}.health-actions form,.health-actions button{width:100%}.health-actions{display:grid;grid-template-columns:1fr}.health-section-head{display:block}.health-section-head form{margin-top:12px}.health-section-head form button{width:100%}}

/* v255: calendar must remain visible before/without JavaScript */
#owner-calendar.server-calendar-fallback{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;min-height:430px!important;visibility:visible!important;opacity:1!important}
#owner-calendar.server-calendar-fallback .admin-cal-day{text-decoration:none;color:inherit}
@media(max-width:700px){#owner-calendar.server-calendar-fallback{min-height:330px!important}}

/* V307: keep service-card action buttons inside cards with long translated type labels */
.management-grid .manage-card,.management-grid .manage-body,.management-grid .manage-top,.management-grid .manage-top>div{min-width:0}
.management-grid .manage-top{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important}
.management-grid .manage-top>div:first-child{min-width:0;overflow:hidden}
.management-grid .status-dot,.management-grid .manage-top h3{overflow-wrap:anywhere;word-break:normal}
.management-grid .card-menu{flex:0 0 auto;white-space:nowrap;align-self:start}
.management-grid .card-menu .icon-action{flex:0 0 34px}
@media(max-width:1180px){.management-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.management-grid{grid-template-columns:1fr}.management-grid .manage-top{grid-template-columns:minmax(0,1fr) auto!important}}
/* v309 booking.reboat.app manual language selector */
.booking-market-header .language-switcher{margin-left:10px;align-self:center}.booking-market-header nav .language-switcher a{padding:5px 6px}@media(max-width:800px){.booking-market-header nav .language-switcher{margin:8px 0 0;width:100%;justify-content:center}}
/* V300: booking marketplace language selector lives in footer, same placement pattern as reBOAT public pages */
.booking-market-footer .footer-language{display:flex;justify-content:center;margin:0 0 10px;width:100%}
.booking-market-footer .footer-language .language-switcher{margin:0;background:rgba(255,255,255,.88)}


/* V246 — semantic Superadmin icons for Marketing and Test center */
@media (min-width:1000px){
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > a[href="/admin/marketing"]::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11v2a2 2 0 0 0 2 2h2l4 4V5L7 9H5a2 2 0 0 0-2 2z'/%3E%3Cpath d='M15 9a4 4 0 0 1 0 6M18 6a8 8 0 0 1 0 12'/%3E%3C/svg%3E")!important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11v2a2 2 0 0 0 2 2h2l4 4V5L7 9H5a2 2 0 0 0-2 2z'/%3E%3Cpath d='M15 9a4 4 0 0 1 0 6M18 6a8 8 0 0 1 0 12'/%3E%3C/svg%3E")!important;
  }
  body.reboat-desktop-dashboard > .app-header nav#main-navigation > a[href="/admin/system-health"]::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3h6M10 3v5l-5.5 9.5A2.3 2.3 0 0 0 6.5 21h11a2.3 2.3 0 0 0 2-3.5L14 8V3'/%3E%3Cpath d='M7.5 15h9'/%3E%3Ccircle cx='10' cy='17.5' r='.8' fill='black' stroke='none'/%3E%3Ccircle cx='14' cy='18' r='.8' fill='black' stroke='none'/%3E%3C/svg%3E")!important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3h6M10 3v5l-5.5 9.5A2.3 2.3 0 0 0 6.5 21h11a2.3 2.3 0 0 0 2-3.5L14 8V3'/%3E%3Cpath d='M7.5 15h9'/%3E%3Ccircle cx='10' cy='17.5' r='.8' fill='black' stroke='none'/%3E%3Ccircle cx='14' cy='18' r='.8' fill='black' stroke='none'/%3E%3C/svg%3E")!important;
  }
}

/* === 2026-09-23 Unified mobile calendar UI patch ===
   Owner monthly calendar, public availability calendar and move-booking calendar.
   Keep 7 columns readable inside Android WebView / mobile browsers. */
@media (max-width:640px){
  .booking-calendar-wrap,.admin-calendar-card,.manual-calendar-block,.mini-move-calendar{
    overflow:hidden!important;max-width:100%!important;box-sizing:border-box!important;
  }
  .availability-calendar,.admin-res-calendar,.mini-cal-grid.move-capacity-grid{
    display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;
    gap:3px!important;width:100%!important;max-width:100%!important;min-width:0!important;
  }
  .availability-calendar .cal-head,.admin-res-calendar .cal-head,.mini-cal-grid.move-capacity-grid .cal-head{
    padding:3px 0!important;font-size:8px!important;line-height:1!important;font-weight:800!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;color:#475569!important;
  }

  /* Shared day-card proportions */
  .availability-calendar .cal-day,.admin-res-calendar .admin-cal-day,.mini-cal-grid.move-capacity-grid .move-capacity-day{
    width:100%!important;min-width:0!important;min-height:72px!important;height:72px!important;
    padding:5px 3px!important;border-radius:10px!important;box-sizing:border-box!important;
    overflow:hidden!important;position:relative!important;line-height:1.08!important;
  }
  .availability-calendar .day-num,.admin-res-calendar .day-num,.move-capacity-day .move-day-num{
    display:block!important;font-size:12px!important;line-height:1!important;font-weight:900!important;
    margin:0!important;white-space:nowrap!important;
  }

  /* Public booking availability calendar */
  .availability-calendar .cal-day{justify-content:space-between!important;align-items:flex-start!important}
  .availability-calendar .cal-day .day-status{
    width:100%!important;margin-top:auto!important;font-size:7.5px!important;line-height:1.12!important;
    font-weight:800!important;white-space:normal!important;overflow:hidden!important;text-overflow:clip!important;
    overflow-wrap:normal!important;word-break:normal!important;text-align:left!important;
    display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:4!important;
  }

  /* Owner monthly overview: readable counts, guests and cancellations */
  .admin-res-calendar .admin-cal-day{justify-content:flex-start!important;gap:3px!important;text-align:left!important}
  .admin-res-calendar .admin-cal-day .booking-count{
    display:block!important;width:100%!important;max-width:100%!important;margin:3px 0 0!important;
    padding:3px 2px!important;border-radius:6px!important;font-size:7.5px!important;line-height:1.05!important;
    text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  .admin-res-calendar .admin-cal-day .booking-count span{display:inline!important}
  .admin-res-calendar .calendar-day-stats{display:block!important;width:100%!important;min-width:0!important}
  .admin-res-calendar .calendar-day-stats strong{
    display:block!important;font-size:7.5px!important;line-height:1.05!important;white-space:nowrap!important;
    overflow:hidden!important;text-overflow:ellipsis!important;
  }
  .admin-res-calendar .calendar-day-stats .persons-long{display:inline!important}
  .admin-res-calendar .calendar-day-stats .persons-short{display:none!important}
  .admin-res-calendar .calendar-day-stats small{display:none!important}
  .admin-res-calendar .calendar-free-label{
    margin:auto 0!important;width:100%!important;font-size:7.5px!important;line-height:1.12!important;
    white-space:normal!important;text-align:center!important;overflow:hidden!important;
  }
  .admin-res-calendar .calendar-cancelled-badge{
    position:absolute!important;top:3px!important;right:3px!important;left:auto!important;width:auto!important;
    max-width:calc(100% - 20px)!important;margin:0!important;padding:2px 3px!important;border-radius:5px!important;
    font-size:6px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
    z-index:2!important;
  }
  .admin-res-calendar .calendar-new-badge,.admin-res-calendar .calendar-hold-badge{
    font-size:6px!important;line-height:1!important;padding:2px 3px!important;max-width:100%!important;
    overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  }

  /* Move booking calendar: same geometry, no clipped boat names/status text */
  .mini-move-calendar{margin:10px 0!important}
  .mini-move-calendar .calendar-toolbar{margin-bottom:8px!important}
  .mini-move-calendar .move-month-title strong{font-size:16px!important;line-height:1.05!important}
  .mini-move-calendar .move-month-title small{font-size:9px!important;line-height:1.1!important}
  .mini-move-calendar .move-calendar-legend{gap:7px!important;margin-bottom:8px!important;font-size:8px!important;line-height:1.15!important}
  .move-capacity-day{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:2px!important}
  .move-capacity-day .move-day-boat{
    display:block!important;width:100%!important;max-width:100%!important;font-size:6.5px!important;line-height:1.05!important;
    font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:center!important;
  }
  .move-capacity-day .move-day-free,.move-capacity-day .move-day-missing,.move-capacity-day .move-day-no{
    display:block!important;width:100%!important;margin-top:auto!important;font-size:7px!important;line-height:1.05!important;
    font-weight:900!important;white-space:normal!important;overflow:hidden!important;text-overflow:clip!important;text-align:center!important;
  }
}

@media (max-width:390px){
  .availability-calendar,.admin-res-calendar,.mini-cal-grid.move-capacity-grid{gap:2px!important}
  .availability-calendar .cal-day,.admin-res-calendar .admin-cal-day,.mini-cal-grid.move-capacity-grid .move-capacity-day{
    min-height:68px!important;height:68px!important;padding:4px 2px!important;border-radius:8px!important;
  }
  .availability-calendar .day-num,.admin-res-calendar .day-num,.move-capacity-day .move-day-num{font-size:11px!important}
  .availability-calendar .cal-day .day-status,.admin-res-calendar .admin-cal-day .booking-count,
  .admin-res-calendar .calendar-day-stats strong,.admin-res-calendar .calendar-free-label{font-size:7px!important}
  .move-capacity-day .move-day-boat{font-size:6px!important}
  .move-capacity-day .move-day-free,.move-capacity-day .move-day-missing,.move-capacity-day .move-day-no{font-size:6.5px!important}
}

/* V308 — unified mobile calendars: viewport-safe, compact labels, no horizontal clipping */
@media (max-width:640px){
  html,body{max-width:100%;overflow-x:hidden}

  /* Never use 100vw for the normal booking/admin calendars: it can include the scrollbar
     and it also ignores parent padding. These two always stay inside the visible viewport. */
  .booking-calendar-wrap,.admin-calendar-card,.manual-calendar-block{
    width:100%!important;max-width:100%!important;min-width:0!important;
    margin-left:0!important;margin-right:0!important;padding-left:6px!important;padding-right:6px!important;
    box-sizing:border-box!important;overflow:hidden!important;
  }
  .availability-calendar,.admin-res-calendar,.manual-calendar{
    width:100%!important;max-width:100%!important;min-width:0!important;
    grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:2px!important;
    box-sizing:border-box!important;overflow:hidden!important;
  }

  /* One common mobile day design */
  .availability-calendar .cal-day,.admin-res-calendar .admin-cal-day,.manual-calendar .cal-day,
  .mini-cal-grid.move-capacity-grid .move-capacity-day{
    min-width:0!important;width:100%!important;max-width:100%!important;height:72px!important;min-height:72px!important;
    padding:4px 2px!important;border-radius:9px!important;box-sizing:border-box!important;overflow:hidden!important;
  }
  .availability-calendar .day-num,.admin-res-calendar .day-num,.manual-calendar .day-num,.move-capacity-day .move-day-num{
    font-size:clamp(10px,3vw,12px)!important;line-height:1!important;font-weight:900!important;
  }
  .availability-calendar .day-status,.manual-calendar .day-status{
    display:flex!important;flex-direction:column!important;justify-content:flex-end!important;gap:2px!important;
    width:100%!important;min-width:0!important;margin-top:auto!important;font-size:clamp(6px,1.85vw,7.5px)!important;
    line-height:1!important;font-weight:900!important;text-align:center!important;white-space:normal!important;
    overflow:hidden!important;
  }
  .availability-calendar .day-status>span,.manual-calendar .day-status>span{
    display:block!important;width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;
  }

  /* Move-reservation calendar intentionally breaks out of the narrow booking card,
     but remains exactly inside the phone viewport. */
  .move-rich-form{overflow:visible!important}
  .move-rich-form .mini-move-calendar{
    position:relative!important;
    width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;min-width:0!important;
    left:50%!important;transform:translateX(-50%)!important;
    margin:12px 0 16px!important;padding:10px 6px!important;box-sizing:border-box!important;
    border-radius:16px!important;overflow:hidden!important;background:#fff!important;
  }
  .move-rich-form .mini-move-calendar .mini-cal-grid.move-capacity-grid{
    width:100%!important;max-width:100%!important;min-width:0!important;
    grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:2px!important;overflow:hidden!important;
  }
  .move-capacity-day{display:flex!important;flex-direction:column!important;align-items:center!important;gap:2px!important}
  .move-capacity-day .move-day-boat{
    width:100%!important;max-width:100%!important;font-size:clamp(5.6px,1.65vw,6.8px)!important;line-height:1!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:center!important;
  }
  .move-capacity-day .move-day-free,.move-capacity-day .move-day-missing,.move-capacity-day .move-day-no{
    width:100%!important;max-width:100%!important;margin-top:auto!important;font-size:clamp(6px,1.8vw,7.2px)!important;
    line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;text-align:center!important;
  }
  .mini-move-calendar .calendar-toolbar{width:100%!important;box-sizing:border-box!important}
  .mini-move-calendar .move-calendar-legend{width:100%!important;box-sizing:border-box!important;overflow:hidden!important}

  /* Owner overview also keeps every item on its own line and never overlaps. */
  .admin-res-calendar .admin-cal-day{display:flex!important;flex-direction:column!important;gap:2px!important}
  .admin-res-calendar .booking-count,.admin-res-calendar .calendar-day-stats strong,
  .admin-res-calendar .calendar-free-label,.admin-res-calendar .calendar-new-badge,
  .admin-res-calendar .calendar-hold-badge,.admin-res-calendar .calendar-cancelled-badge{
    max-width:100%!important;box-sizing:border-box!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;
    font-size:clamp(5.8px,1.75vw,7px)!important;line-height:1!important;
  }
}
@media (max-width:360px){
  .booking-calendar-wrap,.admin-calendar-card,.manual-calendar-block{padding-left:3px!important;padding-right:3px!important}
  .availability-calendar,.admin-res-calendar,.manual-calendar,.mini-cal-grid.move-capacity-grid{gap:1px!important}
  .availability-calendar .cal-day,.admin-res-calendar .admin-cal-day,.manual-calendar .cal-day,
  .mini-cal-grid.move-capacity-grid .move-capacity-day{height:68px!important;min-height:68px!important;padding:3px 1px!important;border-radius:7px!important}
  .move-rich-form .mini-move-calendar{width:calc(100vw - 6px)!important;max-width:calc(100vw - 6px)!important;padding-left:3px!important;padding-right:3px!important}
}

/* === V6 2026-09-23: true mobile calendar sections ===
   Calendar becomes its own full-width/full-height flow section, independent of surrounding cards/forms.
   One-line compact labels; no legends on phones; no horizontal overflow. */
@media (max-width:640px){
  html,body{max-width:100%!important;overflow-x:clip!important}

  /* Calendar shells: visually independent full-screen-width sections in normal document flow. */
  .admin-calendar-card,
  .booking-calendar-wrap,
  .manual-calendar-block,
  .move-rich-form .mini-move-calendar{
    position:relative!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    width:100dvw!important;
    max-width:100dvw!important;
    min-width:100dvw!important;
    margin:14px 0 18px!important;
    padding:12px max(4px,env(safe-area-inset-right)) 14px max(4px,env(safe-area-inset-left))!important;
    box-sizing:border-box!important;
    border-radius:0!important;
    border-left:0!important;border-right:0!important;
    overflow:hidden!important;
    background:#fff!important;
    z-index:3!important;
    isolation:isolate!important;
  }
  /* Parent must not clip the full-viewport calendar section. */
  .reservations-page,.manual-booking-panel,.manual-booking-panel>.card,
  .reservation-detail-card,.reservation-detail-body,.move-rich-form,
  #public-book-form,.booking-service-page,.booking-detail-shell,main{
    overflow:visible!important;
  }

  /* Legends are redundant on a phone and consume valuable vertical space. */
  .admin-calendar-card>.calendar-legend,
  .booking-calendar-wrap>.calendar-legend,
  .manual-calendar-block>.calendar-legend,
  .mini-move-calendar>.move-calendar-legend{display:none!important}

  /* Unified toolbar. */
  .admin-calendar-card .calendar-toolbar,
  .booking-calendar-wrap .calendar-toolbar,
  .manual-calendar-block .calendar-toolbar,
  .mini-move-calendar .calendar-toolbar{
    width:100%!important;min-height:54px!important;margin:0 0 7px!important;padding:0 5px!important;
    box-sizing:border-box!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) 42px!important;
    align-items:center!important;gap:5px!important;
  }
  .admin-calendar-card .cal-nav,.booking-calendar-wrap .cal-nav,
  .manual-calendar-block .cal-nav,.mini-move-calendar .cal-nav{
    width:42px!important;height:42px!important;min-width:42px!important;margin:0!important;padding:0!important;
  }
  .calendar-title-wrap,.booking-calendar-wrap .calendar-toolbar>div,.move-month-title{min-width:0!important;text-align:center!important}
  .admin-calendar-card .calendar-toolbar strong,.booking-calendar-wrap .calendar-toolbar strong,
  .manual-calendar-block .calendar-toolbar strong,.mini-move-calendar .move-month-title strong{
    display:block!important;max-width:100%!important;font-size:clamp(16px,5vw,21px)!important;line-height:1.05!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  .mini-move-calendar .move-month-title small{display:block!important;font-size:10px!important;line-height:1.1!important;white-space:nowrap!important}

  /* Every calendar uses exactly the same seven-column geometry. */
  .admin-res-calendar,.availability-calendar,.manual-calendar,.mini-cal-grid.move-capacity-grid{
    display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;
    grid-auto-rows:minmax(68px,1fr)!important;gap:2px!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    min-height:calc(100svh - 155px)!important;
    padding:0!important;margin:0!important;box-sizing:border-box!important;overflow:hidden!important;
  }
  .admin-res-calendar .cal-head,.availability-calendar .cal-head,.manual-calendar .cal-head,
  .mini-cal-grid.move-capacity-grid .cal-head{
    min-width:0!important;height:22px!important;min-height:22px!important;padding:4px 0 2px!important;
    font-size:clamp(7px,2.25vw,9px)!important;line-height:1!important;text-align:center!important;
    white-space:nowrap!important;overflow:hidden!important;
  }
  .admin-res-calendar .admin-cal-day,.availability-calendar .cal-day,.manual-calendar .cal-day,
  .mini-cal-grid.move-capacity-grid .move-capacity-day{
    width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:68px!important;
    margin:0!important;padding:4px 2px!important;border-radius:9px!important;box-sizing:border-box!important;
    overflow:hidden!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;
    justify-content:flex-start!important;gap:2px!important;text-align:center!important;
  }
  .admin-res-calendar .day-num,.availability-calendar .day-num,.manual-calendar .day-num,.move-capacity-day .move-day-num{
    flex:0 0 auto!important;display:block!important;width:100%!important;margin:0!important;
    font-size:clamp(11px,3.25vw,14px)!important;line-height:1!important;font-weight:900!important;
    white-space:nowrap!important;overflow:hidden!important;text-align:left!important;
  }

  /* Each label gets one dedicated row. It can shrink but never wrap/overlap. */
  .admin-res-calendar .calendar-new-badge,.admin-res-calendar .calendar-hold-badge,
  .admin-res-calendar .booking-count,.admin-res-calendar .calendar-day-stats strong,
  .admin-res-calendar .calendar-free-label,.admin-res-calendar .calendar-cancelled-badge,
  .availability-calendar .day-status>span,.manual-calendar .day-status>span,
  .move-capacity-day .move-day-boat,.move-capacity-day .move-day-free,
  .move-capacity-day .move-day-missing,.move-capacity-day .move-day-no{
    position:static!important;inset:auto!important;display:block!important;flex:0 0 auto!important;
    width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;
    margin:0!important;padding:1px 0!important;box-sizing:border-box!important;
    font-size:clamp(5.5px,1.75vw,7.4px)!important;line-height:1.05!important;font-weight:850!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;text-align:center!important;
    letter-spacing:-.01em!important;
  }
  .admin-res-calendar .booking-count{margin-top:auto!important;padding:2px 1px!important;border-radius:5px!important}
  .admin-res-calendar .calendar-day-stats{display:block!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important}
  .admin-res-calendar .calendar-day-stats small{display:none!important}
  .admin-res-calendar .calendar-cancelled-badge{margin-top:1px!important;color:#dc2626!important;background:transparent!important;border:0!important}
  .admin-res-calendar .calendar-new-badge{color:#b91c1c!important;background:transparent!important;border:0!important}
  .admin-res-calendar .calendar-hold-badge{color:#a16207!important;background:transparent!important;border:0!important}
  .admin-res-calendar .calendar-free-label{margin-top:auto!important;color:#94a3b8!important}

  .availability-calendar .day-status,.manual-calendar .day-status{
    display:flex!important;flex-direction:column!important;justify-content:flex-end!important;gap:2px!important;
    width:100%!important;min-width:0!important;margin-top:auto!important;overflow:hidden!important;
  }
  .move-capacity-day .move-day-boat{margin-top:3px!important;font-weight:800!important;text-overflow:ellipsis!important}
  .move-capacity-day .move-day-free,.move-capacity-day .move-day-missing,.move-capacity-day .move-day-no{margin-top:auto!important}

  /* Selected info belongs below the calendar, not inside its grid. */
  .booking-calendar-wrap .selected-date-info,.manual-calendar-block .selected-date-info{
    margin:9px 4px 0!important;padding:10px!important;box-sizing:border-box!important;
  }

  /* Move calendar is a standalone section between the upper reservation controls and the controls below it. */
  .move-rich-form .mini-move-calendar{
    z-index:8!important;box-shadow:0 8px 30px rgba(15,23,42,.10)!important;
  }
  .move-rich-form .move-selected-info{margin-top:12px!important}
}

@media (max-width:360px){
  .admin-calendar-card,.booking-calendar-wrap,.manual-calendar-block,.move-rich-form .mini-move-calendar{
    padding-left:2px!important;padding-right:2px!important;
  }
  .admin-res-calendar,.availability-calendar,.manual-calendar,.mini-cal-grid.move-capacity-grid{gap:1px!important;grid-auto-rows:minmax(64px,1fr)!important}
  .admin-res-calendar .admin-cal-day,.availability-calendar .cal-day,.manual-calendar .cal-day,.mini-cal-grid.move-capacity-grid .move-capacity-day{
    min-height:64px!important;padding-left:1px!important;padding-right:1px!important;border-radius:7px!important;
  }
  .admin-res-calendar .calendar-new-badge,.admin-res-calendar .calendar-hold-badge,
  .admin-res-calendar .booking-count,.admin-res-calendar .calendar-day-stats strong,
  .admin-res-calendar .calendar-free-label,.admin-res-calendar .calendar-cancelled-badge,
  .availability-calendar .day-status>span,.manual-calendar .day-status>span,
  .move-capacity-day .move-day-boat,.move-capacity-day .move-day-free,.move-capacity-day .move-day-missing,.move-capacity-day .move-day-no{
    font-size:5.4px!important;letter-spacing:-.02em!important;
  }
}

/* reBOAT Mobile Navigation + Dashboard V13 */
@media (max-width:800px){
  body.reboat-desktop-dashboard,body.reboat-mobile-app-body{padding-bottom:88px!important;background:#f6f9ff!important;overflow-x:hidden!important}
  body.reboat-desktop-dashboard>.app-header,body.reboat-mobile-app-body>.app-header{height:64px!important;min-height:64px!important;padding:8px 16px!important;background:rgba(255,255,255,.96)!important;border:0!important;box-shadow:0 1px 0 rgba(15,23,42,.06)!important;display:flex!important;justify-content:flex-end!important;position:sticky!important;top:0!important;z-index:90!important}
  body.reboat-desktop-dashboard>.app-header .logo,body.reboat-desktop-dashboard>.app-header .mobile-menu-toggle,body.reboat-desktop-dashboard>.app-header #main-navigation,body.reboat-mobile-app-body>.app-header .mobile-menu-toggle,body.reboat-mobile-app-body>.app-header #main-navigation{display:none!important}
  .header-profile{margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;min-width:0!important}
  .header-profile img,.header-profile-avatar-fallback{width:46px!important;height:46px!important;border-radius:50%!important}
  .header-profile-copy{display:none!important}
  body.reboat-desktop-dashboard>main,body.reboat-mobile-app-body>main{margin:0!important;padding:14px 14px 24px!important;width:100%!important;max-width:none!important;box-sizing:border-box!important}
  .reboat-mobile-bottom-nav{position:fixed;z-index:999;left:0;right:0;bottom:0;height:76px;padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:rgba(255,255,255,.97);backdrop-filter:blur(18px);border-top:1px solid #e6edf8;display:grid;grid-template-columns:repeat(5,1fr);box-shadow:0 -8px 30px rgba(30,64,175,.06)}
  .reboat-mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#71809b;text-decoration:none!important;font-weight:700;min-width:0;border-radius:14px}
  .reboat-mobile-bottom-nav a span{width:25px;height:25px;display:grid;place-items:center}
  .reboat-mobile-bottom-nav svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .reboat-mobile-bottom-nav small{font-size:10.5px;line-height:1;white-space:nowrap}
  .reboat-mobile-bottom-nav a.active{color:#1262ed}.reboat-mobile-bottom-nav a.active span{background:#eaf2ff;border-radius:10px;width:38px;height:32px}
  .mobile-owner-dashboard{height:calc(100dvh - 64px - 76px - 28px);min-height:520px;display:flex;flex-direction:column;overflow:hidden}
  .mobile-dashboard-head{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 14px}.mobile-dashboard-head span{font-size:12px;letter-spacing:.14em;color:#4d83c2;font-weight:900}.mobile-dashboard-head h1{font-size:26px;line-height:1.05;margin:3px 0 0;color:#0f1d38}.mobile-dashboard-avatar{display:none}
  .mobile-dashboard-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:11px}
  .mobile-dashboard-tile{position:relative;min-height:0;background:#fff;border:1px solid #e6edf8;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-decoration:none!important;color:#12213e;box-shadow:0 8px 24px rgba(30,64,175,.07)}
  .mobile-dashboard-icon{width:52px;height:52px;border-radius:17px;background:#edf4ff;color:#1464ef;display:grid;place-items:center}.mobile-dashboard-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.mobile-dashboard-tile strong{font-size:14px}.mobile-dashboard-tile i{position:absolute;top:9px;right:10px;min-width:21px;height:21px;padding:0 6px;border-radius:11px;background:#ef4444;color:white;font:800 11px/21px sans-serif;text-align:center}
  .mobile-reservation-reviews{display:flex!important;align-items:center;gap:12px;background:#fff;border:1px solid #e6edf8;border-radius:20px;padding:14px 15px;margin:0 0 14px;text-decoration:none!important;color:#10203c;box-shadow:0 7px 22px rgba(30,64,175,.06)}
  .mobile-review-star{width:45px;height:45px;border-radius:15px;background:#fff7df;color:#f5a000;display:grid;place-items:center;font-size:25px}.mobile-review-copy{display:flex;flex-direction:column;min-width:0;flex:1}.mobile-review-copy small{font-size:10px;font-weight:900;letter-spacing:.1em;color:#74839b}.mobile-review-copy strong{font-size:17px;line-height:1.25}.mobile-review-copy em{font-size:12px;font-style:normal;color:#74839b}.mobile-review-new{font-size:11px;background:#e7f8ee;color:#16934c;padding:6px 8px;border-radius:999px;white-space:nowrap}.mobile-review-arrow{font-size:28px;color:#8a99af}
  /* Settings becomes the mobile More/Settings hub; notification section is a first-class card. */
  body:has(.settings-page) .settings-page .settings-nav a[href*="section=notifications"]{background:#fff!important;border:1px solid #e6edf8!important;border-radius:18px!important;padding:15px!important;box-shadow:0 6px 18px rgba(30,64,175,.05)!important}
  body:has(.settings-page) .settings-page a[href="/logout"]{margin-top:18px!important;color:#d92d20!important}
}
@media (max-width:370px){.reboat-mobile-bottom-nav small{font-size:9.5px}.mobile-dashboard-grid{gap:8px}.mobile-dashboard-tile{border-radius:18px}.mobile-dashboard-icon{width:46px;height:46px}}

/* V14 — mobile application shell, navigation, POS and reservation interaction polish */
@media (max-width:800px){
  :root{--rb-mobile-edge:16px;--rb-nav-h:88px;--rb-blue:#1769f6;--rb-ink:#0d1b35;--rb-line:#e4ebf5;--rb-bg:#f6f9fd}
  html,body{max-width:100%;overflow-x:hidden!important;background:var(--rb-bg)}
  body.reboat-desktop-dashboard,body.reboat-mobile-app-body{padding-bottom:calc(var(--rb-nav-h) + env(safe-area-inset-bottom))!important}
  body.reboat-desktop-dashboard main,body.reboat-mobile-app-body main{padding-top:72px!important}

  /* Clean fixed app header: logo only, centered. */
  body.reboat-desktop-dashboard>.app-header,body.reboat-mobile-app-body>.reboat-mobile-app-header{
    position:fixed!important;z-index:1200!important;top:0!important;left:0!important;right:0!important;height:64px!important;min-height:64px!important;
    padding:0!important;margin:0!important;background:rgba(255,255,255,.96)!important;border:0!important;border-bottom:1px solid rgba(222,231,243,.85)!important;
    box-shadow:0 5px 22px rgba(20,45,85,.045)!important;backdrop-filter:blur(18px)!important;display:flex!important;align-items:center!important;justify-content:center!important
  }
  body.reboat-desktop-dashboard>.app-header>.logo,body.reboat-mobile-app-body>.reboat-mobile-app-header>.mobile-centered-logo{
    display:flex!important;position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;padding:0!important;width:auto!important;height:auto!important
  }
  body.reboat-desktop-dashboard>.app-header>.logo img,body.reboat-mobile-app-body>.reboat-mobile-app-header>.mobile-centered-logo img{display:block!important;width:auto!important;height:29px!important;max-width:138px!important;object-fit:contain!important}
  body.reboat-desktop-dashboard>.app-header>.header-profile,body.reboat-mobile-app-body>.reboat-mobile-app-header>.header-profile,
  body.reboat-desktop-dashboard>.app-header>.mobile-menu-toggle,body.reboat-mobile-app-body>.reboat-mobile-app-header>.mobile-menu-toggle{display:none!important}
  body.reboat-desktop-dashboard>.app-header>#main-navigation,body.reboat-mobile-app-body>.reboat-mobile-app-header>#main-navigation{display:none!important}

  /* Bottom app bar. Reservations is the visual primary action. */
  .reboat-mobile-bottom-nav{height:78px!important;padding:8px max(7px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left))!important;overflow:visible!important;align-items:end!important;background:rgba(255,255,255,.98)!important;border-top:1px solid #e5edf7!important;box-shadow:0 -10px 32px rgba(24,56,104,.08)!important}
  .reboat-mobile-bottom-nav a{height:61px!important;gap:4px!important;border-radius:15px!important;position:relative!important;overflow:visible!important;font-size:inherit!important}
  .reboat-mobile-bottom-nav a span{width:27px!important;height:27px!important;background:transparent!important;position:relative!important}
  .reboat-mobile-bottom-nav small{font-size:10px!important;line-height:1!important;font-weight:750!important;letter-spacing:-.15px!important}
  .reboat-mobile-bottom-nav a.active:not(.mobile-nav-bookings){color:var(--rb-blue)!important;background:#f0f6ff!important}
  .reboat-mobile-bottom-nav .mobile-nav-bookings{transform:translateY(-12px)!important;color:var(--rb-blue)!important}
  .reboat-mobile-bottom-nav .mobile-nav-bookings span{width:54px!important;height:54px!important;border-radius:50%!important;background:linear-gradient(145deg,#2584ff,#145be8)!important;color:#fff!important;border:5px solid #fff!important;box-shadow:0 9px 22px rgba(23,105,246,.30)!important}
  .reboat-mobile-bottom-nav .mobile-nav-bookings svg{width:25px!important;height:25px!important;stroke-width:2!important}
  .reboat-mobile-bottom-nav .mobile-nav-bookings small{color:#175fd9!important;font-weight:850!important;font-size:10.5px!important}
  .mobile-nav-new-badge{position:absolute!important;right:-8px!important;top:-6px!important;min-width:19px!important;height:19px!important;padding:0 5px!important;border-radius:999px!important;background:#ef3340!important;color:#fff!important;border:2px solid #fff!important;font-size:9px!important;font-style:normal!important;font-weight:900!important;display:grid!important;place-items:center!important;line-height:1!important;box-shadow:0 3px 8px rgba(239,51,64,.3)!important}

  /* Dashboard: 10 native-style launch tiles, no avatar header. */
  .mobile-owner-dashboard{height:calc(100dvh - 72px - var(--rb-nav-h) - env(safe-area-inset-bottom))!important;min-height:0!important;overflow:hidden!important;padding:10px var(--rb-mobile-edge) 8px!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important}
  .mobile-dashboard-head{display:none!important}
  .mobile-dashboard-grid{flex:1!important;min-height:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(5,minmax(0,1fr))!important;gap:9px!important;margin:0!important}
  .mobile-dashboard-tile{min-height:0!important;height:auto!important;padding:8px 10px!important;border-radius:20px!important;background:#fff!important;border:1px solid #e4ebf5!important;box-shadow:0 7px 20px rgba(34,63,105,.06)!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:5px!important;position:relative!important}
  .mobile-dashboard-icon{width:42px!important;height:42px!important;border-radius:14px!important;background:#edf5ff!important;color:#1769f6!important;display:grid!important;place-items:center!important}
  .mobile-dashboard-icon svg{width:23px!important;height:23px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  .mobile-dashboard-tile strong{font-size:13px!important;line-height:1.08!important;color:#14233c!important}
  .mobile-dashboard-tile>i{position:absolute!important;right:9px!important;top:9px!important;min-width:20px!important;height:20px!important;border-radius:999px!important;background:#ef3340!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:9px!important;font-style:normal!important;font-weight:900!important}

  /* Floating New Booking CTA lives above the bottom navigation while Reservations is open. */
  body:has(#owner-calendar) #toggle-manual{position:fixed!important;z-index:1150!important;right:16px!important;bottom:calc(var(--rb-nav-h) + 12px + env(safe-area-inset-bottom))!important;width:auto!important;min-width:156px!important;height:52px!important;padding:0 20px!important;border-radius:26px!important;background:linear-gradient(135deg,#247cff,#145de9)!important;color:#fff!important;border:0!important;box-shadow:0 10px 26px rgba(23,105,246,.32)!important;font-size:14px!important;font-weight:850!important}
  body:has(#owner-calendar) .reservations-head-actions{min-height:0!important}

  /* Payment confirmation is always a viewport-safe bottom sheet. */
  .payment-confirm-modal{padding:10px!important;align-items:flex-end!important;overflow:hidden!important}
  .payment-confirm-card,.payment-channel-card{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 20px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;box-sizing:border-box!important;border-radius:24px 24px 14px 14px!important;padding:22px 16px calc(18px + env(safe-area-inset-bottom))!important}
  .payment-confirm-card h2{font-size:22px!important;padding-right:42px!important}.payment-channel-grid{grid-template-columns:1fr!important}.payment-channel-choice{min-height:62px!important}

  /* Move-booking calendar: detach visually from the inline editor but stay strictly inside viewport. */
  .reservation-detail-card .move-box,.inline-editor.move-box{overflow:visible!important;max-width:none!important}
  .move-box .move-capacity-calendar,.move-box .move-calendar-card,.move-box .mini-calendar-card{width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important;margin-left:calc(50% - 50vw + 16px)!important;margin-right:0!important;box-sizing:border-box!important;overflow:hidden!important;border-radius:22px!important;padding:14px 10px!important;background:#fff!important;border:1px solid #e1e9f4!important;box-shadow:0 8px 26px rgba(27,56,99,.07)!important}
  .move-box .mini-cal-grid,.move-box .move-capacity-grid{width:100%!important;max-width:100%!important;display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:3px!important;overflow:hidden!important;box-sizing:border-box!important}
  .move-box .move-capacity-day{min-width:0!important;width:100%!important;max-width:100%!important;height:76px!important;min-height:76px!important;padding:5px 2px!important;box-sizing:border-box!important;overflow:hidden!important;border-radius:10px!important}
  .move-box .move-day-num{font-size:14px!important}.move-box .move-day-boat,.move-box .move-day-free,.move-box .move-day-missing,.move-box .move-day-no{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:7.5px!important;line-height:1.15!important}

  /* Virtual POS — modern reBOAT payment surface rather than a plastic terminal imitation. */
  .vpos-workspace{padding:8px var(--rb-mobile-edge) 24px!important;display:block!important;background:transparent!important}
  .vpos-shell{width:100%!important;max-width:520px!important;margin:0 auto 18px!important}
  .vpos-device{width:100%!important;max-width:none!important;border:1px solid #dfe8f4!important;border-radius:28px!important;background:#fff!important;padding:16px!important;box-shadow:0 14px 40px rgba(31,66,116,.10)!important;overflow:hidden!important}
  .vpos-device:before,.vpos-device:after{display:none!important}.vpos-device-top{padding:0 2px 12px!important;border-bottom:1px solid #edf2f8!important}.vpos-brand{font-size:18px!important;color:#14233c!important}.vpos-signal{color:#1769f6!important;letter-spacing:2px!important;font-size:8px!important}
  .vpos-screen{margin:14px 0!important;padding:18px!important;border-radius:20px!important;background:linear-gradient(145deg,#edf6ff,#f7fbff)!important;border:1px solid #d9eaff!important;color:#10213d!important;text-align:left!important;box-shadow:none!important}
  .vpos-screen-label{color:#3974bd!important;font-size:11px!important;letter-spacing:.14em!important}.vpos-screen-amount{justify-content:flex-start!important;color:#0d1b35!important}.vpos-screen-amount strong{font-size:42px!important}.vpos-screen small{color:#71819a!important}
  .vpos-keypad{gap:8px!important}.vpos-keypad button{height:52px!important;border-radius:16px!important;background:#f5f8fc!important;color:#172640!important;border:1px solid #e3ebf5!important;box-shadow:none!important;font-size:19px!important}.vpos-keypad button:active{background:#e9f2ff!important;color:#1769f6!important}
  .vpos-pay-key{height:56px!important;border-radius:18px!important;background:linear-gradient(135deg,#247cff,#145de9)!important;border:0!important;box-shadow:0 10px 24px rgba(23,105,246,.24)!important}.vpos-device-foot{color:#8795aa!important;border-top:1px solid #edf2f8!important;margin-top:12px!important;padding-top:11px!important}
  .vpos-history-section{border:0!important;border-radius:0!important;background:transparent!important;padding:4px 0!important;box-shadow:none!important}.vpos-transaction{background:#fff!important;border:1px solid #e3ebf5!important;border-radius:18px!important;box-shadow:0 5px 16px rgba(31,66,116,.05)!important}
}
@media(max-width:370px){
  .reboat-mobile-bottom-nav small{font-size:8.8px!important}.reboat-mobile-bottom-nav .mobile-nav-bookings small{font-size:9.2px!important}.mobile-dashboard-grid{gap:7px!important}.mobile-dashboard-tile{border-radius:17px!important}.mobile-dashboard-icon{width:36px!important;height:36px!important}.mobile-dashboard-tile strong{font-size:11.5px!important}
}

/* V15 — mobile shell correction: no top header, compact dashboard, safe content widths */
@media (max-width:800px){
  :root{--rb-nav-h:78px;--rb-mobile-edge:14px}
  body.reboat-desktop-dashboard>.app-header,body.reboat-mobile-app-body>.reboat-mobile-app-header{display:none!important;height:0!important;min-height:0!important}
  body.reboat-desktop-dashboard main,body.reboat-mobile-app-body main{padding-top:12px!important;margin-top:0!important}
  body.reboat-desktop-dashboard,body.reboat-mobile-app-body{padding-top:0!important}
  .page-head,.reservations-head,.services-page .page-head,.settings-page .page-head,.virtual-pos-page .page-head{margin-top:0!important;padding-top:6px!important}
  .page-head h1,.reservations-head h1{margin-top:3px!important}

  /* Restore the simple V13 bottom navigation: equal icons, no raised/filled bookings button. */
  .reboat-mobile-bottom-nav{height:76px!important;padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;align-items:stretch!important;overflow:hidden!important}
  .reboat-mobile-bottom-nav a,.reboat-mobile-bottom-nav .mobile-nav-bookings{height:auto!important;transform:none!important;gap:3px!important;border-radius:14px!important;color:#71809b!important}
  .reboat-mobile-bottom-nav a span,.reboat-mobile-bottom-nav .mobile-nav-bookings span{width:25px!important;height:25px!important;border:0!important;border-radius:0!important;background:transparent!important;color:inherit!important;box-shadow:none!important}
  .reboat-mobile-bottom-nav svg,.reboat-mobile-bottom-nav .mobile-nav-bookings svg{width:24px!important;height:24px!important;stroke-width:1.8!important}
  .reboat-mobile-bottom-nav small,.reboat-mobile-bottom-nav .mobile-nav-bookings small{font-size:10px!important;color:inherit!important;font-weight:750!important}
  .reboat-mobile-bottom-nav a.active{color:#1262ed!important;background:#f0f6ff!important}
  .reboat-mobile-bottom-nav a.active span{width:38px!important;height:32px!important;border-radius:10px!important;background:#eaf2ff!important}
  .mobile-nav-new-badge{right:-7px!important;top:-5px!important}

  /* Dashboard: original V13 card language, now 10 cards in 2x5 and still one screen. */
  .mobile-owner-dashboard{height:calc(100dvh - var(--rb-nav-h) - env(safe-area-inset-bottom) - 16px)!important;padding:4px var(--rb-mobile-edge) 6px!important;overflow:hidden!important}
  .mobile-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(5,minmax(0,1fr))!important;gap:8px!important}
  .mobile-dashboard-tile{padding:6px 9px!important;border-radius:20px!important;align-items:center!important;text-align:center!important;gap:5px!important;box-shadow:0 7px 20px rgba(30,64,175,.06)!important}
  .mobile-dashboard-icon{width:42px!important;height:42px!important;border-radius:14px!important;background:#edf4ff!important;color:#1464ef!important}
  .mobile-dashboard-icon svg{width:24px!important;height:24px!important}.mobile-dashboard-tile strong{font-size:12.5px!important;line-height:1.05!important}

  /* Reviews becomes a compact peer of the New bookings chip. */
  .mobile-reservation-reviews{display:inline-flex!important;width:auto!important;max-width:190px!important;min-height:48px!important;margin:8px 0 0 auto!important;padding:7px 10px!important;border-radius:16px!important;gap:7px!important;box-shadow:none!important;background:#fff9e8!important;border:1px solid #f6df9c!important}
  .mobile-review-star{width:30px!important;height:30px!important;border-radius:10px!important;font-size:18px!important}.mobile-review-copy small{display:none!important}.mobile-review-copy strong{font-size:11px!important;white-space:nowrap!important}.mobile-review-copy em{font-size:9px!important;white-space:nowrap!important}.mobile-review-new{font-size:8px!important;padding:3px 5px!important}.mobile-review-arrow{font-size:18px!important}
  .reservations-eyebrow-row{align-items:flex-start!important;flex-wrap:wrap!important}.reservations-eyebrow-row .mobile-reservation-reviews{flex-basis:auto!important}

  /* New booking is back in the page header, never floating over content. */
  body:has(#owner-calendar) #toggle-manual{position:static!important;z-index:auto!important;right:auto!important;bottom:auto!important;width:100%!important;min-width:0!important;height:52px!important;margin-top:10px!important;border-radius:17px!important;box-shadow:none!important}
  body:has(#owner-calendar) .reservations-head-actions{width:100%!important}

  /* Services / Tours: hard viewport safety and mobile-native cards. */
  .services-page,.services-page *,.services-grid,.service-card,.service-card *,.service-form,.service-editor,.tour-card,.tours-grid{box-sizing:border-box!important;max-width:100%!important}
  .services-page,.services-grid,.tours-grid{width:100%!important;min-width:0!important;overflow-x:hidden!important}
  .services-grid,.tours-grid{grid-template-columns:1fr!important;gap:12px!important}
  .service-card,.tour-card{width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;overflow:hidden!important;border-radius:18px!important}
  .service-card img,.tour-card img{max-width:100%!important;height:auto!important}.service-card input,.service-card select,.service-card textarea,.service-form input,.service-form select,.service-form textarea{width:100%!important;min-width:0!important}
  .service-card .actions,.tour-card .actions{display:flex!important;flex-wrap:wrap!important;gap:7px!important}.service-card .actions>*{min-width:0!important;max-width:100%!important}

  /* All generic cards/forms stay inside mobile viewport. */
  main>.card,main .card,.inline-editor,.reservation-detail-card,.settings-page,.virtual-pos-page{max-width:100%!important;box-sizing:border-box!important}

  /* Virtual POS QR creation/result modal: centered, fully visible with safe edge spacing. */
  .vpos-modal{padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom))!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
  .vpos-modal-card,.vpos-modal-card.qr{width:100%!important;max-width:calc(100vw - 28px)!important;max-height:calc(100dvh - 28px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;overflow-y:auto!important;overscroll-behavior:contain!important;box-sizing:border-box!important;border-radius:22px!important;padding:22px 16px!important;margin:0 auto!important}
  .vpos-popup-qr{width:min(250px,72vw)!important;max-width:100%!important}.vpos-popup-qr img{max-width:100%!important;height:auto!important}
  .vpos-modal-x{position:sticky!important;float:right!important;top:0!important;z-index:2!important}

  /* Move calendar: same safe width as new-booking calendar, centered with real edge clearance. */
  .reservation-detail-card .move-box,.inline-editor.move-box{width:100%!important;max-width:100%!important;overflow:visible!important}
  .move-box .move-capacity-calendar,.move-box .move-calendar-card,.move-box .mini-calendar-card{width:calc(100vw - 28px)!important;max-width:calc(100vw - 28px)!important;margin-left:calc(50% - 50vw + 14px)!important;margin-right:0!important;padding:12px 8px!important;border-radius:18px!important;overflow:hidden!important}
  .move-box .mini-cal-grid,.move-box .move-capacity-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:3px!important;width:100%!important;overflow:hidden!important}
  .move-box .move-capacity-day{height:70px!important;min-height:70px!important;padding:4px 1px!important;border-radius:9px!important;min-width:0!important;overflow:hidden!important}
  .move-box .move-day-num{font-size:13px!important}.move-box .move-day-boat,.move-box .move-day-free,.move-box .move-day-missing,.move-box .move-day-no{font-size:7px!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
}
@media(max-width:370px){.mobile-dashboard-grid{gap:6px!important}.mobile-dashboard-icon{width:36px!important;height:36px!important}.mobile-dashboard-tile strong{font-size:11px!important}}

/* V16 — mobile-only layout correction. Desktop >=801px is intentionally untouched. */
@media (max-width:800px){
  /* Dashboard is a true one-screen app launcher: no document scrolling. */
  body:has(.mobile-owner-dashboard){overflow:hidden!important;height:100dvh!important;min-height:100dvh!important;padding-bottom:0!important}
  body:has(.mobile-owner-dashboard)>main{position:fixed!important;inset:0 0 calc(76px + env(safe-area-inset-bottom)) 0!important;width:100%!important;height:auto!important;min-height:0!important;padding:8px 14px!important;margin:0!important;overflow:hidden!important;box-sizing:border-box!important}
  .mobile-owner-dashboard{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;min-height:0!important;padding:0!important;margin:0!important;overflow:hidden!important;display:block!important}
  .mobile-dashboard-grid{width:100%!important;height:100%!important;min-height:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(5,minmax(0,1fr))!important;gap:clamp(5px,1.1dvh,9px)!important}
  .mobile-dashboard-tile{min-width:0!important;min-height:0!important;height:100%!important;padding:clamp(4px,.8dvh,8px) 8px!important;border-radius:18px!important;gap:clamp(3px,.6dvh,6px)!important;overflow:visible!important}
  .mobile-dashboard-icon{width:clamp(34px,5.5dvh,44px)!important;height:clamp(34px,5.5dvh,44px)!important;border-radius:13px!important;flex:0 0 auto!important}
  .mobile-dashboard-icon svg{width:clamp(20px,3dvh,25px)!important;height:clamp(20px,3dvh,25px)!important}
  .mobile-dashboard-tile strong{font-size:clamp(10.5px,1.55dvh,13px)!important;line-height:1.05!important;white-space:nowrap!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important}

  /* Unread state: visible on dashboard tiles and bottom Dashboard/Bookings icons until counts reach zero. */
  @keyframes rbUnreadPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(239,51,64,.38)}50%{transform:scale(1.12);box-shadow:0 0 0 5px rgba(239,51,64,0)}}
  .mobile-nav-new-badge.is-unread,.mobile-dashboard-unread.is-unread{animation:rbUnreadPulse 1.15s ease-in-out infinite!important}
  .mobile-dashboard-unread{position:absolute!important;top:8px!important;right:8px!important;min-width:21px!important;height:21px!important;padding:0 6px!important;border-radius:999px!important;background:#ef3340!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:9px!important;line-height:1!important;font-style:normal!important;font-weight:900!important;border:2px solid #fff!important}

  /* Reservations: reviews and new bookings are equal peer cards directly under the page description. */
  .reservations-title-block>p{margin-bottom:10px!important}
  .mobile-reservation-status-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:9px!important;width:100%!important;margin:0 0 12px!important;align-items:stretch!important}
  .mobile-reservation-status-row .mobile-reservation-reviews,
  .mobile-reservation-status-row .new-reservations-alert.mobile-new-alert{display:flex!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:52px!important;height:52px!important;margin:0!important;padding:7px 9px!important;border-radius:15px!important;box-sizing:border-box!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;box-shadow:none!important}
  .mobile-reservation-status-row .mobile-reservation-reviews{background:#fff9e8!important;border:1px solid #f4dfa1!important}
  .mobile-reservation-status-row .mobile-review-star{width:30px!important;height:30px!important;min-width:30px!important;border-radius:9px!important;font-size:17px!important}
  .mobile-reservation-status-row .mobile-review-copy{min-width:0!important;overflow:hidden!important}
  .mobile-reservation-status-row .mobile-review-copy strong{font-size:10.5px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .mobile-reservation-status-row .mobile-review-copy em{font-size:8.5px!important;line-height:1!important;white-space:nowrap!important}
  .mobile-reservation-status-row .mobile-review-new{font-size:8px!important;padding:3px 4px!important;margin-left:auto!important}
  .mobile-reservation-status-row .mobile-review-arrow{display:none!important}
  .mobile-reservation-status-row .new-reservations-alert.mobile-new-alert{background:#fff4f4!important;border:1px solid #fecaca!important;color:#b91c1c!important}
  .mobile-reservation-status-row .new-reservations-alert.mobile-new-alert.is-zero{background:#f8fafc!important;border-color:#e2e8f0!important;color:#64748b!important}
  .mobile-reservation-status-row .new-reservations-alert.mobile-new-alert span:nth-child(2){font-size:10.5px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:0!important}
  .mobile-reservation-status-row .new-reservations-alert.mobile-new-alert strong{margin-left:auto!important;flex:0 0 auto!important;min-width:24px!important;height:24px!important;padding:0 6px!important}
  .mobile-reservation-status-row .notification-bell{font-size:17px!important;flex:0 0 auto!important}
  .reservations-eyebrow-row .mobile-new-alert{display:none!important}

  /* Move reservation: the calendar becomes its own viewport-safe card, visually detached from the accordion width. */
  .reservation-detail-card,.reservation-detail-body,.inline-editor.move-box,.move-rich-form,.service-reservation-group,.service-group-reservations,.reservation-category{overflow:visible!important}
  .inline-editor.move-box:not(.hidden){padding-left:0!important;padding-right:0!important}
  .move-rich-form{width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important}
  .move-rich-form>.mini-move-calendar{
    width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important;min-width:0!important;
    margin:14px 0 16px calc(50% - 50vw + 16px)!important;padding:14px 10px!important;box-sizing:border-box!important;
    border:1px solid #e3eaf4!important;border-radius:20px!important;background:#fff!important;box-shadow:0 8px 24px rgba(25,55,100,.07)!important;overflow:hidden!important;position:relative!important;z-index:4!important
  }
  .move-rich-form>.mini-move-calendar .calendar-toolbar{width:100%!important;max-width:100%!important;padding:0 2px 8px!important;margin:0!important;box-sizing:border-box!important}
  .move-rich-form>.mini-move-calendar .mini-cal-grid.move-capacity-grid{width:100%!important;max-width:100%!important;min-width:0!important;display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:4px!important;padding:0!important;margin:0!important;box-sizing:border-box!important;overflow:hidden!important}
  .move-rich-form>.mini-move-calendar .cal-head{min-width:0!important;padding:2px 0!important;font-size:clamp(7px,2.1vw,10px)!important;text-align:center!important;overflow:hidden!important}
  .move-rich-form>.mini-move-calendar .mini-day{width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:72px!important;aspect-ratio:.78!important;padding:5px 2px!important;border-radius:11px!important;box-sizing:border-box!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:space-between!important;gap:2px!important}
  .move-rich-form>.mini-move-calendar .mini-day>*{max-width:100%!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .move-rich-form>.mini-move-calendar .mini-day .day-num{font-size:clamp(14px,4.1vw,20px)!important;line-height:1!important}
  .move-rich-form>.mini-move-calendar .mini-day .move-day-boat,.move-rich-form>.mini-move-calendar .mini-day .move-day-free,.move-rich-form>.mini-move-calendar .mini-day .move-day-no,.move-rich-form>.mini-move-calendar .mini-day .move-day-missing{font-size:clamp(6.5px,1.9vw,9px)!important;line-height:1.05!important}

  /* Keep the rest of the move form in normal flow below the standalone calendar. */
  .move-rich-form>.move-selected-info,.move-rich-form>label,.move-rich-form>.move-split-wrap,.move-rich-form>button{position:relative!important;z-index:1!important;max-width:100%!important;box-sizing:border-box!important}
}

@media (max-width:370px){
  .mobile-reservation-status-row{gap:6px!important}
  .mobile-reservation-status-row .mobile-reservation-reviews,.mobile-reservation-status-row .new-reservations-alert.mobile-new-alert{padding:6px!important}
  .move-rich-form>.mini-move-calendar{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;margin-left:calc(50% - 50vw + 12px)!important;padding:12px 7px!important}
  .move-rich-form>.mini-move-calendar .mini-cal-grid.move-capacity-grid{gap:3px!important}
}

/* V17 — mobile dashboard sizing, move-calendar geometry and Services creator */
@media (max-width:800px){
  /* Dashboard: larger iconography and labels while preserving the fixed 2 x 5 screen grid. */
  .mobile-owner-dashboard{overflow:hidden!important}
  .mobile-dashboard-grid{gap:clamp(5px,.85dvh,8px)!important}
  .mobile-dashboard-tile{padding:clamp(3px,.65dvh,7px) 8px!important;gap:clamp(2px,.45dvh,5px)!important}
  .mobile-dashboard-icon{width:clamp(40px,6.2dvh,50px)!important;height:clamp(40px,6.2dvh,50px)!important;border-radius:15px!important}
  .mobile-dashboard-icon svg{width:clamp(24px,3.6dvh,30px)!important;height:clamp(24px,3.6dvh,30px)!important}
  .mobile-dashboard-tile strong{font-size:clamp(12px,1.75dvh,15px)!important;line-height:1.05!important;max-width:100%!important}

  /* Move reservation: normal in-flow full card. Never escape the viewport or inherit old wide-calendar sizing. */
  .move-rich-form{min-width:0!important;width:100%!important;max-width:100%!important;overflow:visible!important}
  .move-rich-form>.mini-move-calendar{
    position:relative!important;left:auto!important;right:auto!important;transform:none!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    margin:12px 0 16px!important;padding:12px 8px!important;box-sizing:border-box!important;
    border:1px solid #e1e9f4!important;border-radius:18px!important;background:#fff!important;
    overflow:hidden!important;box-shadow:0 7px 22px rgba(27,56,99,.06)!important;
  }
  .move-rich-form>.mini-move-calendar .calendar-toolbar{width:100%!important;max-width:100%!important;margin:0 0 8px!important;padding:0!important;box-sizing:border-box!important}
  .move-rich-form>.mini-move-calendar .mini-cal-grid.move-capacity-grid{
    width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;
    display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;grid-auto-flow:row!important;
    grid-auto-rows:auto!important;align-items:stretch!important;gap:4px!important;overflow:hidden!important;box-sizing:border-box!important;
  }
  .move-rich-form>.mini-move-calendar .cal-head{min-width:0!important;width:auto!important;height:auto!important;padding:3px 0 5px!important;font-size:clamp(7px,2vw,10px)!important;line-height:1!important;text-align:center!important}
  .move-rich-form>.mini-move-calendar .mini-cal-grid>div:not(.cal-head){min-width:0!important;min-height:0!important}
  .move-rich-form>.mini-move-calendar .mini-day{
    min-width:0!important;width:100%!important;max-width:100%!important;height:clamp(64px,18vw,78px)!important;min-height:0!important;aspect-ratio:auto!important;
    margin:0!important;padding:5px 2px!important;border-radius:10px!important;box-sizing:border-box!important;overflow:hidden!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:space-between!important;gap:2px!important;
  }
  .move-rich-form>.mini-move-calendar .move-day-num{font-size:clamp(13px,3.7vw,18px)!important;line-height:1!important}
  .move-rich-form>.mini-move-calendar .move-day-boat,.move-rich-form>.mini-move-calendar .move-day-free,.move-rich-form>.mini-move-calendar .move-day-no,.move-rich-form>.mini-move-calendar .move-day-missing{display:block!important;width:100%!important;max-width:100%!important;font-size:clamp(6px,1.65vw,8.5px)!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:center!important}

  /* Tours & Services: nothing may exceed the mobile content width. */
  #tab-services,#tab-services *{box-sizing:border-box}
  #tab-services{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important}
  #tab-services>.catalog-grid,#tab-services>.listing-section,#tab-services>.service-type-manager{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important}
  #tab-services .catalog-grid{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
  #tab-services .editor-card,#tab-services .preview-wrap,#tab-services .service-card,#tab-services .manage-card,#tab-services .modern-form,#tab-services .drop-zone,#tab-services .trip-boats-picker,#tab-services .boat-select-grid,#tab-services .service-availability-editor{width:100%!important;max-width:100%!important;min-width:0!important}
  #tab-services input,#tab-services select,#tab-services textarea,#tab-services button{max-width:100%}
  #tab-services .form-grid,#tab-services .form-grid.two,#tab-services .form-grid.three,#tab-services .boat-select-grid,#tab-services .management-grid{grid-template-columns:minmax(0,1fr)!important}
  #tab-services .editor-card,#tab-services .preview-wrap{padding-left:14px!important;padding-right:14px!important}
  #tab-services .preview-wrap{position:static!important;inset:auto!important}
  #tab-services .public-service-live-card{margin:0!important}

  /* One clear entry point for creating/editing a service on mobile. Form + Customer Preview + Service Types stay hidden until opened. */
  .mobile-add-service-toggle{display:flex!important;width:100%!important;max-width:100%!important;min-height:54px!important;margin:12px 0 14px!important;align-items:center!important;justify-content:center!important;border-radius:16px!important;font-size:15px!important;font-weight:900!important}
  #tab-services:not(.mobile-service-create-open)>.catalog-grid,
  #tab-services:not(.mobile-service-create-open)>.service-type-manager{display:none!important}
  #tab-services.mobile-service-create-open>.catalog-grid{display:grid!important}
  #tab-services.mobile-service-create-open>.service-type-manager{display:block!important;margin-top:14px!important}
  #tab-services>.service-type-manager{order:3}
  #tab-services>.service-type-manager>summary{border-radius:16px!important;padding:15px!important}
  #tab-services>.service-type-manager .service-type-manager-body{padding:12px 0 0!important}
  #tab-services>.listing-section{margin-top:16px!important}
}
@media (min-width:801px){.mobile-add-service-toggle{display:none!important}}

/* V18 — mobile Channel Manager, Virtual POS viewport and reservation actions */
@media (max-width:800px){
  /* Channel Manager: every block must stay inside the phone viewport. */
  .channel-manager-page{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;gap:14px!important;overflow:hidden!important}
  .channel-manager-page *{max-width:100%;box-sizing:border-box}
  .channel-manager-page .card,.channel-manager-page details,.channel-manager-page form,.channel-manager-page .cm-grid,.channel-manager-page .cm-hero,.channel-manager-page .cm-steps,.channel-manager-page .cm-endpoint,.channel-manager-page .table-wrap{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important}
  .channel-manager-page .card{padding:16px!important;border-radius:18px!important;overflow:hidden!important}
  .channel-manager-page h1{font-size:clamp(26px,8vw,36px)!important;line-height:1.05!important;overflow-wrap:anywhere}
  .channel-manager-page h2{font-size:clamp(20px,6vw,27px)!important;line-height:1.12!important;overflow-wrap:anywhere}
  .channel-manager-page p,.channel-manager-page small,.channel-manager-page code{overflow-wrap:anywhere!important;word-break:break-word!important}
  .channel-manager-page input,.channel-manager-page select,.channel-manager-page textarea,.channel-manager-page button,.channel-manager-page .btn{width:100%!important;max-width:100%!important;min-width:0!important}
  .cm-grid,.cm-map-form{grid-template-columns:1fr!important;gap:12px!important}
  .cm-hero{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;align-items:start!important}
  .cm-status{width:max-content!important;max-width:100%!important;white-space:normal!important;padding:9px 12px!important}
  .cm-steps>div{grid-template-columns:30px minmax(0,1fr)!important}
  .cm-endpoint code{white-space:normal!important}
  .channel-manager-page .table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  .channel-manager-page .table-wrap table{min-width:0!important;width:100%!important;table-layout:fixed!important}
  .channel-manager-page .table-wrap th,.channel-manager-page .table-wrap td{white-space:normal!important;overflow-wrap:anywhere!important;padding:9px 6px!important;font-size:11px!important}

  /* Mobile channel selector replaces desktop channel tabs with a real select card. */
  .cm-channel-tabs.cm-mobile-select-ready{display:none!important}
  .cm-mobile-platform-picker{display:block!important;width:100%!important;margin:0 0 4px!important;padding:14px!important;background:#fff!important;border:1px solid #dce6f2!important;border-radius:18px!important;box-shadow:0 7px 24px rgba(28,61,105,.06)!important}
  .cm-mobile-platform-picker label{display:block!important;margin:0!important;color:#60738d!important;font-size:11px!important;font-weight:850!important;text-transform:uppercase!important;letter-spacing:.06em!important}
  .cm-mobile-platform-picker select{display:block!important;width:100%!important;height:52px!important;margin:8px 0 0!important;padding:0 42px 0 14px!important;border:1px solid #d7e2ef!important;border-radius:14px!important;background:#f8fbff!important;color:#14243d!important;font-size:15px!important;font-weight:800!important}
  .cm-mobile-platform-picker .cm-mobile-current{display:flex!important;align-items:center!important;gap:8px!important;margin-top:10px!important;font-size:12px!important;color:#64758c!important}
  .cm-mobile-platform-picker .cm-mobile-current i{display:block;width:10px;height:10px;border-radius:50%;background:#a8b2c1;flex:0 0 10px}
  .cm-mobile-platform-picker .cm-mobile-current i.connected{background:#25a866}.cm-mobile-platform-picker .cm-mobile-current i.pending{background:#f0a62e}.cm-mobile-platform-picker .cm-mobile-current i.error{background:#d84b4b}

  /* Virtual POS: device is the first full phone-screen experience; content follows on scroll. */
  .vpos-workspace{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}
  .vpos-shell{width:100%!important;max-width:100%!important;min-height:calc(100dvh - 92px)!important;margin:0!important;padding:10px 14px 18px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;box-sizing:border-box!important;overflow:hidden!important}
  .vpos-device{width:100%!important;max-width:430px!important;height:auto!important;max-height:calc(100dvh - 126px)!important;margin:auto!important;padding:14px!important;border-radius:28px!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
  .vpos-device-top{flex:0 0 auto!important}.vpos-screen{flex:0 0 auto!important;padding:14px!important;min-height:0!important}.vpos-screen-amount strong{font-size:clamp(34px,10vw,54px)!important}
  .vpos-device form{display:flex!important;flex-direction:column!important;min-height:0!important;flex:1 1 auto!important}
  .vpos-keypad{flex:1 1 auto!important;min-height:0!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;grid-template-rows:repeat(4,minmax(38px,1fr))!important;gap:7px!important}
  .vpos-keypad button{min-height:0!important;height:auto!important;font-size:clamp(17px,5vw,24px)!important;border-radius:13px!important}
  .vpos-pay-key{flex:0 0 auto!important;min-height:48px!important;margin-top:8px!important;border-radius:15px!important}
  .vpos-device-foot{flex:0 0 auto!important;padding-top:8px!important}
  .vpos-under-device{flex:0 0 auto!important;width:100%!important;max-width:430px!important;margin:8px auto 0!important}
  .vpos-history-section{width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding-left:14px!important;padding-right:14px!important;overflow:hidden!important}
  .vpos-transaction,.vpos-history-head{max-width:100%!important;min-width:0!important;box-sizing:border-box!important}

  /* Reservation action controls: balanced touch grid, never overflow the card. */
  .reservation-detail-body .reservation-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;width:100%!important;max-width:100%!important;align-items:stretch!important}
  .reservation-detail-body .reservation-actions>form,.reservation-detail-body .reservation-actions>a,.reservation-detail-body .reservation-actions>button,.reservation-detail-body .reservation-actions>span{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box!important}
  .reservation-detail-body .reservation-actions>form{display:block!important}
  .reservation-detail-body .reservation-actions .btn,.reservation-detail-body .reservation-actions>span{width:100%!important;min-height:48px!important;height:100%!important;padding:9px 8px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:normal!important;line-height:1.15!important;font-size:clamp(10px,2.9vw,13px)!important;border-radius:13px!important;overflow-wrap:anywhere!important}
  .reservation-detail-body .reservation-actions .reservation-ticket-state{grid-column:1/-1!important}
  .reservation-detail-body .reservation-actions .danger{box-shadow:none!important}
}
@media (min-width:801px){.cm-mobile-platform-picker{display:none!important}}


/* V19 — mobile viewport polish */
@media (max-width:800px){
  /* Virtual POS uses almost the whole visible phone screen. */
  .vpos-shell{min-height:calc(100dvh - 78px)!important;padding:4px 5px 8px!important;justify-content:flex-start!important}
  .vpos-device{width:calc(100vw - 10px)!important;max-width:none!important;max-height:calc(100dvh - 88px)!important;margin:0 auto!important;border-radius:22px!important;padding:10px!important}
  .vpos-under-device{width:calc(100vw - 10px)!important;max-width:none!important;margin:5px auto 0!important}

  /* Statistics/filter results always stay inside the viewport. */
  .analytics-page,.statistics-page,.statistics-results,.analytics-results{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}
  .analytics-page .card,.statistics-page .card,.statistics-results .card,.analytics-results .card{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important;overflow:hidden!important}
  .analytics-page .table-wrap,.statistics-page .table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important}
  .analytics-page input,.analytics-page select,.statistics-page input,.statistics-page select{max-width:100%!important;min-width:0!important}

  /* Boat editor is collapsed behind one mobile action, just like services. */
  #tab-boats>.catalog-grid.mobile-boat-editor-closed{display:none!important}
  #tab-boats>.mobile-add-boat-toggle{display:flex!important;width:100%!important;min-height:54px!important;align-items:center!important;justify-content:center!important;margin:0 0 16px!important;border-radius:16px!important;font-weight:900!important}
  #tab-boats .catalog-grid,#tab-boats .editor-card,#tab-boats .preview-wrap,#tab-boats .public-preview{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}

  /* Reservation header: ref + scanned on one row; service title gets full width below. */
  .reservation-detail-body .reservation-main{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;min-width:0!important}
  .reservation-detail-body .mobile-reservation-topline{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important;width:100%!important;margin-bottom:10px!important}
  .reservation-detail-body .mobile-reservation-topline .reservation-ticket-badge,.reservation-detail-body .mobile-reservation-topline .reservation-ticket-state{white-space:nowrap!important;line-height:1!important;padding:7px 9px!important}
  .reservation-detail-body .reservation-main h2,.reservation-detail-body .reservation-main h3{width:100%!important;max-width:100%!important;line-height:1.15!important;overflow-wrap:anywhere!important;margin-top:4px!important}
  .reservation-detail-body .reservation-main p{max-width:100%!important;overflow-wrap:anywhere!important}
  .reservation-detail-body .reservation-ticket-badge{white-space:nowrap!important}

  /* Past ticket checkbox lives in the top-right corner and never steals text width. */
  .tickets-page.v82 .ticket-card{position:relative!important;padding-top:18px!important}
  .tickets-page.v82 .ticket-check{position:absolute!important;right:12px!important;top:12px!important;left:auto!important;z-index:3!important}
  .tickets-page.v82 .ticket-check input{width:22px!important;height:22px!important}
  .tickets-page.v82 .ticket-main{padding-right:26px!important;min-width:0!important}

  /* Notification expands inside the list instead of navigating away. */
  .notification-inbox-card{overflow:hidden!important}
  .notification-inline-detail{display:none;border-top:1px solid #e5edf6;padding:14px 14px 16px;background:#fbfdff}
  .notification-inbox-card.inline-open .notification-inline-detail{display:block}
  .notification-inline-body{white-space:normal;overflow-wrap:anywhere;line-height:1.55;color:#42566f}
  .notification-inline-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin-top:14px!important}
  .notification-inline-actions .btn,.notification-inline-actions form,.notification-inline-actions form .btn{width:100%!important;min-width:0!important;margin:0!important;min-height:46px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
}
@media (min-width:801px){#tab-boats>.mobile-add-boat-toggle{display:none!important}}

/* V20 — corrected mobile geometry from real-device screenshots */
@media (max-width:800px){
  /* Virtual POS: never wider than the actual content viewport. */
  body:has(.vpos-workspace)>main{padding-left:6px!important;padding-right:6px!important}
  .vpos-workspace,.vpos-shell{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;overflow:hidden!important;box-sizing:border-box!important}
  .vpos-shell{min-height:calc(100dvh - 82px)!important;padding:6px!important;justify-content:flex-start!important}
  .vpos-device{width:100%!important;max-width:100%!important;min-width:0!important;height:calc(100dvh - 96px)!important;max-height:none!important;margin:0!important;padding:10px!important;border-radius:22px!important;box-sizing:border-box!important;overflow:hidden!important}
  .vpos-device form,.vpos-keypad{width:100%!important;max-width:100%!important;min-width:0!important}
  .vpos-keypad{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
  .vpos-keypad button,.vpos-pay-key{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
  .vpos-under-device{width:100%!important;max-width:100%!important;margin:8px 0 0!important}

  /* Reservation cards: compact identity row, then full-width title/customer copy. */
  .reservation-detail-card>summary{display:block!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding:14px!important;overflow:hidden!important}
  .reservation-detail-card>summary .reservation-main{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important}
  .reservation-detail-card>summary .mobile-reservation-topline{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0 0 10px!important;flex-wrap:nowrap!important}
  .reservation-detail-card>summary .mobile-reservation-topline .badge{flex:0 1 auto!important;min-width:0!important;white-space:nowrap!important}
  .reservation-detail-card>summary .reservation-ticket-badge{display:inline-flex!important;align-items:center!important;gap:4px!important;flex:0 0 auto!important;white-space:nowrap!important;line-height:1!important;padding:7px 9px!important;margin:0!important;font-size:clamp(9px,2.7vw,12px)!important}
  .reservation-detail-card>summary .reservation-summary-copy{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important}
  .reservation-detail-card>summary .reservation-summary-copy h3{width:100%!important;max-width:100%!important;margin:0 0 5px!important;font-size:clamp(17px,5vw,22px)!important;line-height:1.12!important;overflow-wrap:break-word!important}
  .reservation-detail-card>summary .reservation-summary-copy p,.reservation-detail-card>summary .reservation-summary-copy small{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;overflow-wrap:anywhere!important}
  .reservation-detail-card>summary .money-grid{width:100%!important;max-width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin-top:12px!important}
  .reservation-detail-card>summary .money-grid>div{min-width:0!important;padding:9px 6px!important;box-sizing:border-box!important}
  .reservation-detail-card>summary .money-grid span{font-size:9px!important}.reservation-detail-card>summary .money-grid strong{font-size:clamp(13px,4vw,17px)!important}
  .reservation-detail-card>summary .mark-paid-btn{font-size:8px!important;padding:5px 3px!important;white-space:normal!important;line-height:1.05!important}
  .reservation-detail-card>summary .detail-arrow{position:absolute!important;right:8px!important;top:50%!important}

  /* Statistics receipts: no desktop two-column summary on phones. */
  .receipts-module,.receipts-list,.receipt-row,.receipt-row details,.receipt-row summary{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
  .receipt-row{position:relative!important;overflow:hidden!important;padding:0!important}
  .receipt-row> .receipt-check{position:absolute!important;top:14px!important;right:14px!important;left:auto!important;z-index:3!important}
  .receipt-row details{padding:0!important}
  .receipt-row summary{display:block!important;padding:14px 48px 14px 14px!important;overflow:hidden!important}
  .receipt-summary-main{display:block!important;width:100%!important;min-width:0!important}
  .receipt-summary-main>div{width:100%!important;min-width:0!important;margin-top:8px!important}
  .receipt-summary-main strong,.receipt-summary-main small{display:block!important;width:100%!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.2!important}
  .receipt-summary-main strong{font-size:15px!important}.receipt-summary-main small{font-size:11px!important;margin-top:3px!important}
  .receipt-created-by,.receipt-business-scope,.receipt-channel{display:inline-flex!important;max-width:100%!important;margin:6px 5px 0 0!important;font-size:9px!important}
  .receipt-summary-side{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:8px!important;align-items:center!important;width:100%!important;min-width:0!important;margin-top:11px!important}
  .receipt-summary-side span,.receipt-summary-side b,.receipt-summary-side time{min-width:0!important;font-size:11px!important;white-space:nowrap!important}.receipt-summary-side b{font-size:15px!important}
  .receipts-toolbar{width:100%!important;max-width:100%!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .receipts-toolbar>div{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)!important;gap:8px!important;align-items:center!important}
  .receipts-toolbar .btn{width:100%!important;min-width:0!important}

  /* Boat editor mobile action + editor/preview are safely inset. */
  #tab-boats{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}
  #tab-boats .mobile-add-boat-toggle{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
  #tab-boats .catalog-grid{grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:100%!important;min-width:0!important;gap:14px!important}
  #tab-boats .editor-card,#tab-boats .preview-wrap,#tab-boats .public-preview,#tab-boats .modern-form{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important}
  #tab-boats .preview-wrap{position:static!important}

  /* Notification inline actions are always equal and contained. */
  .notification-inbox-page,.notification-inbox-list,.notification-inbox-card{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
  .notification-card-main{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;text-align:left!important}
  .notification-inline-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}
  .notification-inline-actions>*,.notification-inline-actions .btn{min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
}

/* V21 — mobile receipts, notifications and Channel Manager mapping polish */
@media (max-width:800px){
  /* Statistics receipts: true phone card layout. */
  .receipts-module{padding:14px!important;overflow:hidden!important}
  .receipts-list{gap:12px!important;width:100%!important}
  .receipt-row{display:block!important;position:relative!important;width:100%!important;max-width:100%!important;min-width:0!important;border-radius:18px!important;overflow:hidden!important;padding:0!important}
  .receipt-row>.receipt-check{position:absolute!important;top:14px!important;right:14px!important;left:auto!important;padding:0!important;z-index:5!important}
  .receipt-row details,.receipt-row summary{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
  .receipt-row summary{display:block!important;padding:14px 48px 14px 14px!important}
  .receipt-summary-main{display:block!important;width:100%!important;min-width:0!important}
  .receipt-summary-main>.receipt-channel{margin:0 0 8px!important;width:max-content!important;max-width:calc(100% - 4px)!important}
  .receipt-summary-main>div{display:block!important;width:100%!important;min-width:0!important;margin:0!important}
  .receipt-summary-main strong{font-size:16px!important;line-height:1.18!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;padding-right:0!important}
  .receipt-summary-main small{font-size:11px!important;line-height:1.3!important;white-space:normal!important;overflow:visible!important;max-width:100%!important;overflow-wrap:anywhere!important}
  .receipt-created-by,.receipt-business-scope{font-size:9px!important;line-height:1!important;padding:5px 7px!important;white-space:nowrap!important;max-width:100%!important}
  .receipt-summary-side{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px 10px!important;width:100%!important;margin-top:12px!important;align-items:center!important}
  .receipt-summary-side>span{grid-column:1!important;grid-row:1!important;text-align:left!important;white-space:normal!important;max-width:100%!important}
  .receipt-summary-side>b{grid-column:1!important;grid-row:2!important;text-align:left!important;min-width:0!important;font-size:17px!important}
  .receipt-summary-side>time{grid-column:2!important;grid-row:2!important;text-align:right!important;white-space:nowrap!important}
  .receipt-summary-side>i{position:absolute!important;right:16px!important;bottom:15px!important}
  .receipt-detail{grid-template-columns:1fr!important;padding:12px!important}.receipt-actions{display:grid!important;grid-template-columns:1fr 1fr!important;padding:0 12px 12px!important;gap:8px!important}.receipt-actions .btn{width:100%!important;min-width:0!important;text-align:center!important}

  /* Notifications: restore the clean compact card; only actions/body expand below it. */
  .notification-inbox-list{display:grid!important;gap:11px!important}
  .notification-inbox-card{background:#fff!important;border:1px solid #e2eaf3!important;border-radius:17px!important;box-shadow:0 5px 16px rgba(30,64,175,.045)!important;overflow:hidden!important}
  .notification-card-main{display:block!important;width:100%!important;padding:14px!important;border:0!important;background:transparent!important;color:inherit!important}
  .notification-card-main>img{display:block!important;max-width:100%!important;height:auto!important;margin:0 auto 10px!important;border-radius:12px!important}
  .notification-card-top{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important}.notification-card-top strong{font-size:14px!important;line-height:1.25!important;text-align:left!important}.notification-card-top time{font-size:10px!important;white-space:nowrap!important;color:#7b8ba0!important}
  .notification-card-main p{margin:6px 0 0!important;font-size:12px!important;line-height:1.35!important;text-align:left!important;color:#60738a!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  .notification-unread-dot{display:inline-flex!important;margin-top:8px!important;font-size:9px!important;padding:4px 7px!important;border-radius:999px!important}
  .notification-inline-detail{padding:13px 14px 14px!important;background:#fbfdff!important}.notification-inline-body{font-size:13px!important}
  .notification-inline-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.notification-inline-actions>span:empty{display:none!important}.notification-inline-actions>span:empty+form{grid-column:1/-1!important}

  /* Channel Manager mapping: each desktop table row becomes a contained mobile card; Remove stays on one line at bottom. */
  .channel-manager-page .table-wrap,.cm-page .table-wrap{overflow:visible!important;width:100%!important;max-width:100%!important}
  .channel-manager-page table,.cm-page table{width:100%!important;max-width:100%!important}
  .channel-manager-page table thead,.cm-page table thead{display:none!important}
  .channel-manager-page table tbody,.channel-manager-page table tr,.channel-manager-page table td,.cm-page table tbody,.cm-page table tr,.cm-page table td{display:block!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
  .channel-manager-page table tr,.cm-page table tr{margin:0 0 12px!important;padding:13px!important;border:1px solid #dce7f2!important;border-radius:16px!important;background:#fff!important;overflow:hidden!important}
  .channel-manager-page table td,.cm-page table td{padding:5px 0!important;border:0!important;overflow-wrap:anywhere!important;white-space:normal!important}
  .channel-manager-page table td:last-child form,.cm-page table td:last-child form{display:block!important;width:100%!important;margin-top:7px!important}
  .channel-manager-page table td:last-child .btn,.cm-page table td:last-child .btn{display:flex!important;width:100%!important;min-width:0!important;min-height:42px!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;word-break:normal!important}
  .settings-overview-logout{margin-top:2px!important}
}

/* V22 — notification accordion + settings icons */
@media (max-width:800px){
  .notification-inbox-page{padding-left:14px!important;padding-right:14px!important;overflow-x:hidden!important}
  .notification-inbox-list{display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important}
  .notification-inbox-card{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;border:1px solid #dce6f1!important;border-radius:18px!important;background:#fff!important;overflow:hidden!important;box-sizing:border-box!important}
  .notification-card-main{appearance:none!important;-webkit-appearance:none!important;display:block!important;width:100%!important;min-width:0!important;margin:0!important;padding:15px 16px!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;text-align:left!important;overflow:hidden!important}
  .notification-card-main>div{display:block!important;width:100%!important;min-width:0!important}
  .notification-card-top{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:10px!important;width:100%!important}
  .notification-card-top strong{display:block!important;min-width:0!important;font-size:15px!important;line-height:1.25!important;overflow-wrap:anywhere!important}
  .notification-card-top time{display:block!important;font-size:10px!important;line-height:1.25!important;white-space:nowrap!important;color:#7d8b9c!important}
  .notification-card-main p{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;width:100%!important;max-width:100%!important;margin:7px 0 0!important;font-size:12px!important;line-height:1.4!important;overflow:hidden!important;white-space:normal!important;color:#607086!important}
  .notification-inline-detail{display:none!important;position:static!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:14px 16px 16px!important;border-top:1px solid #e6edf5!important;background:#f8fbff!important;box-sizing:border-box!important;overflow:hidden!important}
  .notification-inbox-card.inline-open .notification-inline-detail{display:block!important}
  .notification-inline-body{display:block!important;width:100%!important;min-width:0!important;margin:0 0 13px!important;font-size:13px!important;line-height:1.5!important;color:#26364b!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .notification-inline-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:9px!important;width:100%!important;align-items:stretch!important}
  .notification-inline-actions>a,.notification-inline-actions>form,.notification-inline-actions>form>.btn{width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;box-sizing:border-box!important}
  .notification-inline-actions .btn{display:flex!important;align-items:center!important;justify-content:center!important;min-height:46px!important;padding:9px 10px!important;border-radius:13px!important;font-size:11px!important;line-height:1.15!important;text-align:center!important;white-space:normal!important;word-break:normal!important}
  .notification-inline-actions>span:empty{display:none!important}
  .notification-inline-actions>span:empty+form{grid-column:1/-1!important}
  .settings-overview-icon.settings-icon-language,.settings-overview-icon.settings-icon-channel,.settings-overview-icon.settings-icon-logout{font-size:0!important;letter-spacing:0!important;position:relative!important}
  .settings-overview-icon.settings-icon-language:before,.settings-overview-icon.settings-icon-channel:before,.settings-overview-icon.settings-icon-logout:before{content:""!important;display:block!important;width:24px!important;height:24px!important;background:currentColor!important;-webkit-mask-size:contain!important;mask-size:contain!important;-webkit-mask-position:center!important;mask-position:center!important;-webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important}
  .settings-overview-icon.settings-icon-language:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm6.9 6h-3.1a15 15 0 0 0-1.4-3.3A8.1 8.1 0 0 1 18.9 8ZM12 4c.9 1.1 1.6 2.4 2 4h-4c.4-1.6 1.1-2.9 2-4ZM4.3 14a8 8 0 0 1 0-4h3.4a16.7 16.7 0 0 0 0 4H4.3Zm.8 2h3.1c.3 1.2.8 2.3 1.4 3.3A8.1 8.1 0 0 1 5.1 16ZM8.2 8H5.1a8.1 8.1 0 0 1 4.5-3.3A15 15 0 0 0 8.2 8ZM12 20c-.9-1.1-1.6-2.4-2-4h4c-.4 1.6-1.1 2.9-2 4Zm2.4-.7c.6-1 1.1-2.1 1.4-3.3h3.1a8.1 8.1 0 0 1-4.5 3.3ZM16.2 14a16.7 16.7 0 0 0 0-4h3.5a8 8 0 0 1 0 4h-3.5ZM9.7 10h4.6a14 14 0 0 1 0 4H9.7a14 14 0 0 1 0-4Z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm6.9 6h-3.1a15 15 0 0 0-1.4-3.3A8.1 8.1 0 0 1 18.9 8ZM12 4c.9 1.1 1.6 2.4 2 4h-4c.4-1.6 1.1-2.9 2-4ZM4.3 14a8 8 0 0 1 0-4h3.4a16.7 16.7 0 0 0 0 4H4.3Zm.8 2h3.1c.3 1.2.8 2.3 1.4 3.3A8.1 8.1 0 0 1 5.1 16ZM8.2 8H5.1a8.1 8.1 0 0 1 4.5-3.3A15 15 0 0 0 8.2 8ZM12 20c-.9-1.1-1.6-2.4-2-4h4c-.4 1.6-1.1 2.9-2 4Zm2.4-.7c.6-1 1.1-2.1 1.4-3.3h3.1a8.1 8.1 0 0 1-4.5 3.3ZM16.2 14a16.7 16.7 0 0 0 0-4h3.5a8 8 0 0 1 0 4h-3.5ZM9.7 10h4.6a14 14 0 0 1 0 4H9.7a14 14 0 0 1 0-4Z'/%3E%3C/svg%3E")!important}
  .settings-overview-icon.settings-icon-channel:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 7h8.2l-2.6-2.6L14 3l5 5-5 5-1.4-1.4L15.2 9H7V7Zm10 10H8.8l2.6 2.6L10 21l-5-5 5-5 1.4 1.4L8.8 15H17v2Z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 7h8.2l-2.6-2.6L14 3l5 5-5 5-1.4-1.4L15.2 9H7V7Zm10 10H8.8l2.6 2.6L10 21l-5-5 5-5 1.4 1.4L8.8 15H17v2Z'/%3E%3C/svg%3E")!important}
  .settings-overview-icon.settings-icon-logout:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h5v-2H5V5h5V3Zm4.6 4.6L13.2 9l2 2H8v2h7.2l-2 2 1.4 1.4L19 12l-4.4-4.4Z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h5v-2H5V5h5V3Zm4.6 4.6L13.2 9l2 2H8v2h7.2l-2 2 1.4 1.4L19 12l-4.4-4.4Z'/%3E%3C/svg%3E")!important}
  #owner-calendar{touch-action:pan-y!important}
}


/* FINAL mobile Dashboard geometry — match Virtual POS bottom clearance without runtime JS.
   Do not add safe-area twice: the fixed reBOAT navigation already sits above Android system navigation. */
@media (max-width:800px){
  body:has(.mobile-owner-dashboard){height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;padding-bottom:0!important}
  body:has(.mobile-owner-dashboard)>main{
    position:fixed!important;
    inset:0 0 76px 0!important;
    width:100%!important;height:auto!important;min-height:0!important;
    padding:8px 14px 8px!important;margin:0!important;
    overflow:hidden!important;box-sizing:border-box!important;
  }
  .mobile-owner-dashboard{width:100%!important;height:100%!important;min-height:0!important;padding:0!important;margin:0!important;overflow:hidden!important}
  .mobile-dashboard-head{display:none!important}
  .mobile-dashboard-grid{
    width:100%!important;height:100%!important;min-height:0!important;
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(5,minmax(0,1fr))!important;
    gap:clamp(7px,1dvh,10px)!important;align-content:stretch!important;
    padding:0!important;margin:0!important;box-sizing:border-box!important;
  }
  .mobile-dashboard-tile{height:100%!important;min-height:0!important;margin:0!important;box-sizing:border-box!important}
}

/* FINAL POS/Dashboard bottom clearance sync — mobile only.
   Dashboard ends 8px above the fixed 76px nav; make Virtual POS end at the exact same Y position. */
@media (max-width:800px){
  body:has(.vpos-workspace)>main{padding-top:0!important;padding-bottom:0!important;margin:0!important}
  .vpos-shell{padding-top:8px!important;padding-bottom:0!important;box-sizing:border-box!important}
  .vpos-device{
    height:calc(100dvh - 92px)!important;
    min-height:calc(100dvh - 92px)!important;
    max-height:none!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
}


/* V254 — desktop must never render Android-only reservation UI. */
@media (min-width:801px){
  .reboat-mobile-bottom-nav,
  .mobile-reservation-reviews,
  .mobile-reservation-status-row,
  .mobile-dashboard-grid,
  .mobile-owner-dashboard{
    display:none!important;
  }
}

/* Explicit mobile defaults: these remain available only inside the Android/mobile layout. */
@media (max-width:800px){
  .reboat-mobile-bottom-nav{display:grid}
  .mobile-reservation-reviews{display:flex!important}
}

/* V255 HARD FIX: old circular splash is forbidden */
#reboat-mobile-splash,.reboat-mobile-splash,.reboat-mobile-splash-loader,
.reboat-mobile-splash-loader::before,.reboat-mobile-splash-loader::after,
.mobile-splash,.mobile-splash-loader,.splash-loader,.splash-spinner,.reboat-spinner{
display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;animation:none!important}
#reboat-video-splash-logo img{width:min(96vw,1100px)!important;max-width:96%!important;height:auto!important;
animation:reboatSplashLogoPulseV255 1.05s ease-in-out infinite!important}
@keyframes reboatSplashLogoPulseV255{0%,100%{transform:scale(.94);opacity:.88}50%{transform:scale(1.07);opacity:1}}

/* V256: obsolete circular startup splash is permanently retired. */
#reboat-mobile-splash,.reboat-mobile-splash,.reboat-mobile-splash-loader,
.reboat-mobile-splash-loader>span{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
  animation:none!important;
}
\n\n/* V257 — Virtual POS device parity + new reBOAT logo.\n   The POS terminal uses the same visual skin on desktop and mobile; only its responsive size changes. */\n.vpos-device-top{\n  min-height:52px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;\n  padding:4px 4px 12px!important;border-bottom:1px solid #edf2f8!important;box-sizing:border-box!important;\n}\n.vpos-device-top-spacer{display:none!important}\n.vpos-device-logo{\n  display:block!important;width:46px!important;height:46px!important;object-fit:contain!important;flex:0 0 46px!important;\n  border-radius:10px!important;background:#fff!important;\n}\n.vpos-brand,.vpos-signal{display:none!important}\n.vpos-device{\n  border:1px solid #dfe8f4!important;background:#fff!important;color:#14233c!important;\n  box-shadow:0 14px 40px rgba(31,66,116,.10)!important;box-sizing:border-box!important;\n}\n.vpos-device:before,.vpos-device:after{display:none!important}\n.vpos-screen{background:#f7faff!important;border:1px solid #e5edf7!important;color:#14233c!important}\n.vpos-device-foot{color:#8795aa!important;border-top:1px solid #edf2f8!important;margin-top:12px!important}\n@media (min-width:801px){\n  .vpos-device{border-radius:28px!important;padding:16px!important}\n}\n@media (max-width:800px){\n  .vpos-device{background:#fff!important;border:1px solid #dfe8f4!important;box-shadow:0 14px 40px rgba(31,66,116,.10)!important}\n  .vpos-device-top{min-height:48px!important;padding:2px 2px 10px!important}\n  .vpos-device-logo{width:42px!important;height:42px!important;flex-basis:42px!important;border-radius:9px!important}\n}\n
/* V259 — Virtual POS exact Android/mobile visual parity on every viewport */
.vpos-workspace{padding:8px 14px 24px!important;display:block!important;background:transparent!important}
.vpos-shell{width:100%!important;max-width:520px!important;margin:0 auto 18px!important;display:block!important}
.vpos-device{width:100%!important;max-width:none!important;height:auto!important;border:1px solid #dfe8f4!important;border-radius:28px!important;background:#fff!important;padding:16px!important;box-shadow:0 14px 40px rgba(31,66,116,.10)!important;overflow:hidden!important}
.vpos-device:before,.vpos-device:after{display:none!important}
.vpos-device-top{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:34px!important;padding:0 2px 12px!important;border-bottom:1px solid #edf2f8!important}
.vpos-device-logo{display:block!important;width:auto!important;height:30px!important;max-width:150px!important;object-fit:contain!important;object-position:left center!important;margin:0!important}
.vpos-device-top-spacer{display:none!important}
.vpos-signal{display:block!important;color:#1769f6!important;letter-spacing:2px!important;font-size:8px!important}
.vpos-screen{margin:14px 0!important;padding:18px!important;border-radius:20px!important;background:linear-gradient(145deg,#edf6ff,#f7fbff)!important;border:1px solid #d9eaff!important;color:#10213d!important;text-align:left!important;box-shadow:none!important}
.vpos-screen-label{display:block!important;text-align:left!important;color:#3974bd!important;font-size:11px!important;font-weight:850!important;letter-spacing:.14em!important}
.vpos-screen-amount{display:flex!important;align-items:baseline!important;justify-content:flex-start!important;gap:7px!important;margin:13px 0 4px!important;color:#0d1b35!important}
.vpos-screen-amount span{font-size:26px!important;font-weight:700!important}.vpos-screen-amount strong{font-size:42px!important;line-height:1!important;font-variant-numeric:tabular-nums!important;letter-spacing:-2px!important}.vpos-screen small{display:block!important;color:#71819a!important;font-size:11px!important}
.vpos-keypad{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.vpos-keypad button{height:52px!important;border-radius:16px!important;background:#f5f8fc!important;color:#172640!important;border:1px solid #e3ebf5!important;box-shadow:none!important;font-size:19px!important;font-weight:850!important}.vpos-keypad button:active{background:#e9f2ff!important;color:#1769f6!important;transform:none!important}.vpos-keypad .vpos-key-clear{color:#b92f40!important;background:#fff4f5!important}
.vpos-pay-key{margin-top:14px!important;width:100%!important;height:56px!important;border-radius:18px!important;background:linear-gradient(135deg,#247cff,#145de9)!important;color:#fff!important;border:0!important;box-shadow:0 10px 24px rgba(23,105,246,.24)!important;font-size:19px!important;font-weight:900!important}.vpos-pay-key:active{transform:none!important}
.vpos-device-foot{display:flex!important;align-items:center!important;justify-content:space-between!important;color:#8795aa!important;border-top:1px solid #edf2f8!important;margin-top:12px!important;padding:11px 5px 1px!important;font-size:12px!important}
.vpos-under-device{width:100%!important;max-width:520px!important;margin:8px auto 0!important}
.vpos-history-section{border:0!important;border-radius:0!important;background:transparent!important;padding:4px 0!important;box-shadow:none!important}.vpos-transaction{background:#fff!important;border:1px solid #e3ebf5!important;border-radius:18px!important;box-shadow:0 5px 16px rgba(31,66,116,.05)!important}
@media(max-width:800px){
 .vpos-workspace{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;padding:0!important}
 .vpos-shell{width:100%!important;max-width:100%!important;min-height:calc(100dvh - 78px)!important;margin:0!important;padding:4px 5px 8px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;box-sizing:border-box!important;overflow:hidden!important}
 .vpos-device{width:calc(100vw - 10px)!important;max-width:none!important;max-height:calc(100dvh - 88px)!important;margin:0 auto!important;border-radius:22px!important;padding:10px!important;display:flex!important;flex-direction:column!important}
 .vpos-device-logo{height:27px!important;max-width:135px!important}.vpos-device-top{flex:0 0 auto!important;padding-bottom:8px!important}
 .vpos-screen{flex:0 0 auto!important;padding:14px!important;min-height:0!important}.vpos-screen-amount strong{font-size:clamp(34px,10vw,54px)!important}
 .vpos-device form{display:flex!important;flex-direction:column!important;min-height:0!important;flex:1 1 auto!important}
 .vpos-keypad{flex:1 1 auto!important;min-height:0!important;grid-template-rows:repeat(4,minmax(38px,1fr))!important;gap:7px!important}.vpos-keypad button{min-height:0!important;height:auto!important;font-size:clamp(17px,5vw,24px)!important;border-radius:13px!important}
 .vpos-pay-key{flex:0 0 auto!important;min-height:48px!important;margin-top:8px!important;border-radius:15px!important}.vpos-device-foot{flex:0 0 auto!important;padding-top:8px!important}
}
/* reBOAT PATCH — iOS/iPad fixed bottom navigation safe-area alignment */
@media (max-width:800px){
  .reboat-mobile-bottom-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    height:calc(76px + env(safe-area-inset-bottom))!important;
    min-height:calc(76px + env(safe-area-inset-bottom))!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;
    transform:none!important;
  }
  body.reboat-desktop-dashboard,
  body.reboat-mobile-app-body{
    padding-bottom:calc(76px + env(safe-area-inset-bottom))!important;
  }
  .mobile-owner-dashboard{
    height:calc(100dvh - 76px - env(safe-area-inset-bottom) - 16px)!important;
  }
}

/* reBOAT employee mobile navigation + owner return */
@media(max-width:800px){
 .reboat-mobile-bottom-nav{grid-template-columns:repeat(var(--rb-mobile-nav-count,5),minmax(0,1fr))!important}
 .reboat-mobile-bottom-nav a{min-width:0!important;text-align:center!important}
 .employee-owner-return{position:sticky!important;top:0!important;z-index:1400!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:8px 12px!important}
 .employee-owner-return .btn{margin-left:auto!important;white-space:nowrap!important}
 .mobile-employee-logout{margin:22px 0 calc(92px + env(safe-area-inset-bottom))!important;padding:0 16px!important}
}


/* reBOAT PATCH — Android native bottom navigation must sit directly above the Android system bar.
   Android WebView already excludes the system navigation area from its visual viewport, so do not
   add env(safe-area-inset-bottom) a second time. iOS keeps its existing safe-area behavior. */
@media (max-width:800px){
  body.reboat-android-app .reboat-mobile-bottom-nav{
    bottom:0!important;
    height:76px!important;
    min-height:76px!important;
    padding:7px 8px!important;
    margin:0!important;
  }
  body.reboat-android-app.reboat-mobile-app-body,
  body.reboat-android-app.reboat-desktop-dashboard{
    padding-bottom:76px!important;
  }
  body.reboat-android-app .mobile-owner-dashboard{
    height:calc(100dvh - 76px - 16px)!important;
  }
  body.reboat-android-app .mobile-employee-logout{
    margin-bottom:92px!important;
  }
}
\n\n/* reBOAT PATCH — employee mobile bottom nav: exact equal distribution and centering */
@media (max-width:800px){
  .reboat-employee-bottom-nav{
    display:grid!important;
    grid-template-columns:repeat(var(--rb-mobile-nav-count,5),minmax(0,1fr))!important;
    justify-items:stretch!important;
    align-items:stretch!important;
  }
  .reboat-employee-bottom-nav>a{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding-left:2px!important;
    padding-right:2px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .reboat-employee-bottom-nav>a>span{
    margin-left:auto!important;
    margin-right:auto!important;
    display:grid!important;
    place-items:center!important;
  }
  .reboat-employee-bottom-nav>a>small{
    display:block!important;
    width:100%!important;
    margin:0 auto!important;
    padding:0!important;
    text-align:center!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .reboat-employee-bottom-nav>a>span>svg{
    display:block!important;
    margin:auto!important;
  }
}

/* V260 — single native-app bottom navigation geometry.
   Navigation owns its position. Dashboard only consumes the space above it. */
body.reboat-android-app,
body.reboat-ios-app{
  --rb-native-nav-content:76px;
  --rb-native-nav-safe:0px;
  --rb-native-nav-total:76px;
}
body.reboat-ios-app{
  --rb-native-nav-safe:env(safe-area-inset-bottom);
  --rb-native-nav-total:calc(var(--rb-native-nav-content) + env(safe-area-inset-bottom));
}
body.reboat-android-app .reboat-mobile-bottom-nav,
body.reboat-ios-app .reboat-mobile-bottom-nav{
  position:fixed!important;
  z-index:9999!important;
  left:0!important;right:0!important;bottom:0!important;
  width:100%!important;
  height:var(--rb-native-nav-total)!important;
  min-height:var(--rb-native-nav-total)!important;
  margin:0!important;
  padding:5px 8px calc(8px + var(--rb-native-nav-safe))!important;
  box-sizing:border-box!important;
  transform:none!important;
  align-items:stretch!important;
  overflow:hidden!important;
  background:#fff!important;
  border-top:1px solid #e5edf7!important;
}
body.reboat-android-app .reboat-mobile-bottom-nav>a,
body.reboat-ios-app .reboat-mobile-bottom-nav>a{
  height:auto!important;min-height:0!important;margin:0!important;
  transform:none!important;align-self:stretch!important;
}
body.reboat-android-app.reboat-mobile-app-body,
body.reboat-ios-app.reboat-mobile-app-body{
  padding-bottom:var(--rb-native-nav-total)!important;
}
/* Dashboard never positions the navigation. It fills exactly the viewport above it. */
body.reboat-android-app:has(.mobile-owner-dashboard),
body.reboat-ios-app:has(.mobile-owner-dashboard){
  height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;padding-bottom:0!important;
}
body.reboat-android-app:has(.mobile-owner-dashboard)>main,
body.reboat-ios-app:has(.mobile-owner-dashboard)>main{
  position:fixed!important;
  inset:0 0 var(--rb-native-nav-total) 0!important;
  width:100%!important;height:auto!important;min-height:0!important;
  margin:0!important;padding:8px 14px!important;
  overflow:hidden!important;box-sizing:border-box!important;
}
body.reboat-android-app .mobile-owner-dashboard,
body.reboat-ios-app .mobile-owner-dashboard{
  position:relative!important;inset:auto!important;
  width:100%!important;height:100%!important;min-height:0!important;
  margin:0!important;padding:0!important;overflow:hidden!important;
}
body.reboat-android-app .mobile-dashboard-grid,
body.reboat-ios-app .mobile-dashboard-grid{
  width:100%!important;height:100%!important;min-height:0!important;
  grid-template-rows:repeat(5,minmax(0,1fr))!important;
  align-content:stretch!important;
}

/* V260 — Virtual POS centered inside the exact visible area above the native nav. */
body.reboat-android-app:has(.vpos-workspace)>main,
body.reboat-ios-app:has(.vpos-workspace)>main{
  padding:0!important;margin:0!important;width:100%!important;max-width:none!important;
}
body.reboat-android-app .vpos-workspace,
body.reboat-ios-app .vpos-workspace{
  width:100%!important;max-width:none!important;padding:0!important;margin:0!important;overflow:visible!important;
}
body.reboat-android-app .vpos-shell,
body.reboat-ios-app .vpos-shell{
  width:100%!important;max-width:none!important;
  height:calc(100dvh - var(--rb-native-nav-total))!important;
  min-height:calc(100dvh - var(--rb-native-nav-total))!important;
  margin:0!important;padding:12px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  box-sizing:border-box!important;overflow:hidden!important;
}
body.reboat-android-app .vpos-device,
body.reboat-ios-app .vpos-device{
  width:min(520px,calc(100vw - 24px))!important;
  max-width:calc(100vw - 24px)!important;
  height:auto!important;
  max-height:calc(100dvh - var(--rb-native-nav-total) - 24px)!important;
  margin:auto!important;
  box-sizing:border-box!important;
}
body.reboat-android-app .vpos-device-top,
body.reboat-ios-app .vpos-device-top{
  min-height:92px!important;
  padding:4px 4px 10px!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
body.reboat-android-app .vpos-device-logo,
body.reboat-ios-app .vpos-device-logo{
  display:block!important;
  width:auto!important;
  height:clamp(82px,11dvh,108px)!important;
  max-width:min(78vw,360px)!important;
  object-fit:contain!important;
  object-position:left center!important;
  margin:0!important;
  flex:0 1 auto!important;
}


/* V263 — Native app Virtual POS: one full visible terminal screen, then content below. */
@keyframes rb-vpos-dot-pulse{0%,20%,100%{opacity:.28;transform:scale(.82)}40%{opacity:1;transform:scale(1)}}
body.reboat-android-app .vpos-live-dots,
body.reboat-ios-app .vpos-live-dots{display:flex!important;align-items:center!important;gap:6px!important;margin-left:auto!important;flex:0 0 auto!important}
body.reboat-android-app .vpos-live-dots span,
body.reboat-ios-app .vpos-live-dots span{display:block!important;width:9px!important;height:9px!important;border-radius:50%!important;background:#24b85a!important;animation:rb-vpos-dot-pulse 1.35s infinite ease-in-out!important}
body.reboat-android-app .vpos-live-dots span:nth-child(2),body.reboat-ios-app .vpos-live-dots span:nth-child(2){animation-delay:.18s!important}
body.reboat-android-app .vpos-live-dots span:nth-child(3),body.reboat-ios-app .vpos-live-dots span:nth-child(3){animation-delay:.36s!important}
body.reboat-android-app:has(.vpos-workspace)>main,
body.reboat-ios-app:has(.vpos-workspace)>main{padding:0!important;margin:0!important;width:100%!important;max-width:none!important;overflow:visible!important}
body.reboat-android-app .vpos-workspace,
body.reboat-ios-app .vpos-workspace{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow:visible!important}
body.reboat-android-app .vpos-shell,
body.reboat-ios-app .vpos-shell{width:100%!important;max-width:none!important;height:calc(100dvh - var(--rb-native-nav-total))!important;min-height:calc(100dvh - var(--rb-native-nav-total))!important;margin:0!important;padding:8px!important;display:block!important;box-sizing:border-box!important;overflow:hidden!important}
body.reboat-android-app .vpos-device,
body.reboat-ios-app .vpos-device{width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;margin:0!important;padding:10px!important;border-radius:22px!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important;overflow:hidden!important}
body.reboat-android-app .vpos-device-top,
body.reboat-ios-app .vpos-device-top{width:100%!important;min-height:40px!important;height:40px!important;padding:2px 4px 7px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;box-sizing:border-box!important;flex:0 0 40px!important}
body.reboat-android-app .vpos-device-logo,
body.reboat-ios-app .vpos-device-logo{display:block!important;width:auto!important;height:27px!important;max-width:150px!important;object-fit:contain!important;object-position:left center!important;margin:0!important;flex:0 1 auto!important}
body.reboat-android-app .vpos-screen,
body.reboat-ios-app .vpos-screen{flex:0 0 auto!important;margin:8px 0!important;padding:12px 14px!important;border-radius:18px!important;min-height:0!important}
body.reboat-android-app .vpos-screen-amount,
body.reboat-ios-app .vpos-screen-amount{margin:8px 0 3px!important}
body.reboat-android-app .vpos-screen-amount strong,
body.reboat-ios-app .vpos-screen-amount strong{font-size:clamp(38px,7.2dvh,62px)!important}
body.reboat-android-app .vpos-device form,
body.reboat-ios-app .vpos-device form{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:0!important;width:100%!important}
body.reboat-android-app .vpos-keypad,
body.reboat-ios-app .vpos-keypad{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(4,minmax(34px,1fr))!important;gap:7px!important;flex:1 1 auto!important;min-height:0!important;width:100%!important}
body.reboat-android-app .vpos-keypad button,
body.reboat-ios-app .vpos-keypad button{height:auto!important;min-height:0!important;width:100%!important;border-radius:14px!important;font-size:clamp(18px,3.1dvh,27px)!important}
body.reboat-android-app .vpos-pay-key,
body.reboat-ios-app .vpos-pay-key{height:54px!important;min-height:48px!important;flex:0 0 54px!important;margin-top:8px!important;border-radius:15px!important}
body.reboat-android-app .vpos-device-foot,
body.reboat-ios-app .vpos-device-foot{flex:0 0 auto!important;margin-top:8px!important;padding:8px 5px 1px!important}
body.reboat-android-app .vpos-under-device,
body.reboat-ios-app .vpos-under-device{width:100%!important;max-width:none!important;margin:10px 0 0!important;padding:0 8px!important;box-sizing:border-box!important}
body.reboat-android-app .vpos-history-section,
body.reboat-ios-app .vpos-history-section{width:100%!important;max-width:none!important;margin:0!important;padding:18px 14px 28px!important;box-sizing:border-box!important}

/* V264 — Virtual POS: larger responsive reBOAT logo only. Layout intentionally unchanged. */
body.reboat-android-app .vpos-device-logo,
body.reboat-ios-app .vpos-device-logo{
  width:auto!important;
  height:clamp(38px,5.4dvh,52px)!important;
  max-width:min(42vw,220px)!important;
  object-fit:contain!important;
  object-position:left center!important;
  margin:0!important;
  flex:0 1 auto!important;
}
body.reboat-android-app .vpos-device-top,
body.reboat-ios-app .vpos-device-top{
  height:clamp(48px,6.4dvh,58px)!important;
  min-height:clamp(48px,6.4dvh,58px)!important;
  flex-basis:clamp(48px,6.4dvh,58px)!important;
}

/* V265 — Virtual POS: reBOAT logo 3x larger than V264. No other POS geometry changed. */
body.reboat-android-app .vpos-device-logo,
body.reboat-ios-app .vpos-device-logo{
  width:auto!important;
  height:clamp(114px,16.2dvh,156px)!important;
  max-width:min(68vw,480px)!important;
  object-fit:contain!important;
  object-position:left center!important;
  margin:0!important;
  flex:0 1 auto!important;
}
body.reboat-android-app .vpos-device-top,
body.reboat-ios-app .vpos-device-top{
  height:clamp(120px,17dvh,164px)!important;
  min-height:clamp(120px,17dvh,164px)!important;
  flex-basis:clamp(120px,17dvh,164px)!important;
}

/* V266 — keep the approved V265 visual logo size, but collapse only the white header band. */
body.reboat-android-app .vpos-device-top,
body.reboat-ios-app .vpos-device-top{
  height:clamp(58px,7.2dvh,68px)!important;
  min-height:clamp(58px,7.2dvh,68px)!important;
  flex-basis:clamp(58px,7.2dvh,68px)!important;
  padding:4px 8px 7px!important;
  overflow:visible!important;
}
body.reboat-android-app .vpos-device-logo,
body.reboat-ios-app .vpos-device-logo{
  height:clamp(38px,5.4dvh,52px)!important;
  max-width:min(42vw,220px)!important;
  transform:scale(3)!important;
  transform-origin:left center!important;
  position:relative!important;
  z-index:2!important;
}
body.reboat-android-app .vpos-live-dots,
body.reboat-ios-app .vpos-live-dots{
  position:relative!important;
  z-index:3!important;
}

/* V267 — Virtual POS header final: SVG sits natively inside one continuous white header.
   Removes V266 transform/overflow hack that painted a white rectangle over the POS screen. */
body.reboat-android-app .vpos-device-top,
body.reboat-ios-app .vpos-device-top{
  width:100%!important;
  height:clamp(68px,8.2dvh,82px)!important;
  min-height:clamp(68px,8.2dvh,82px)!important;
  flex-basis:clamp(68px,8.2dvh,82px)!important;
  padding:6px 10px 8px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  overflow:hidden!important;
  background:#fff!important;
  border-bottom:1px solid #edf2f8!important;
  box-sizing:border-box!important;
}
body.reboat-android-app .vpos-device-logo,
body.reboat-ios-app .vpos-device-logo{
  display:block!important;
  width:clamp(150px,24vw,220px)!important;
  height:auto!important;
  max-width:62%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:left center!important;
  margin:0!important;
  flex:0 1 auto!important;
  transform:none!important;
  position:static!important;
  z-index:auto!important;
  background:transparent!important;
  border-radius:0!important;
}
body.reboat-android-app .vpos-live-dots,
body.reboat-ios-app .vpos-live-dots{
  position:static!important;
  z-index:auto!important;
  margin-left:auto!important;
  flex:0 0 auto!important;
}
\n\n/* V270 — final Virtual POS header: proportional logo + permanently reserved live status dots. */\nbody.reboat-android-app .vpos-device-top,\nbody.reboat-ios-app .vpos-device-top{\n  width:100%!important;\n  height:clamp(62px,7.4dvh,72px)!important;\n  min-height:clamp(62px,7.4dvh,72px)!important;\n  flex-basis:clamp(62px,7.4dvh,72px)!important;\n  padding:6px 10px 8px!important;\n  display:grid!important;\n  grid-template-columns:minmax(0,1fr) auto!important;\n  column-gap:14px!important;\n  align-items:center!important;\n  overflow:hidden!important;\n  background:#fff!important;\n  border-bottom:1px solid #edf2f8!important;\n  box-sizing:border-box!important;\n}\nbody.reboat-android-app .vpos-device-logo,\nbody.reboat-ios-app .vpos-device-logo{\n  display:block!important;\n  width:clamp(84px,15.4vw,126px)!important;\n  height:auto!important;\n  max-width:100%!important;\n  max-height:35px!important;\n  object-fit:contain!important;\n  object-position:left center!important;\n  margin:0!important;\n  transform:none!important;\n  position:static!important;\n  background:transparent!important;\n}\nbody.reboat-android-app .vpos-live-dots,\nbody.reboat-ios-app .vpos-live-dots{\n  display:flex!important;\n  align-items:center!important;\n  justify-content:flex-end!important;\n  gap:7px!important;\n  min-width:42px!important;\n  margin:0!important;\n  flex:none!important;\n}\nbody.reboat-android-app .vpos-live-dots span,\nbody.reboat-ios-app .vpos-live-dots span{\n  display:block!important;\n  width:9px!important;\n  height:9px!important;\n  border-radius:50%!important;\n  background:#24b85a!important;\n  animation:rb-vpos-dot-pulse 1.35s infinite ease-in-out!important;\n}\nbody.reboat-android-app .vpos-live-dots span:nth-child(2),body.reboat-ios-app .vpos-live-dots span:nth-child(2){animation-delay:.18s!important}\nbody.reboat-android-app .vpos-live-dots span:nth-child(3),body.reboat-ios-app .vpos-live-dots span:nth-child(3){animation-delay:.36s!important}\n
/* V272 — Virtual POS: ONLY reduce the actual top-left reBOAT logo. */
body.reboat-android-app .vpos-device-top .vpos-device-logo,
body.reboat-ios-app .vpos-device-top .vpos-device-logo {
  width: clamp(105px, 17vw, 154px) !important;
  height: auto !important;
  max-width: 48% !important;
  max-height: 35px !important;
  transform: none !important;
  object-fit: contain !important;
  object-position: left center !important;
}

/* V273 — Virtual POS: final smaller top-left reBOAT logo only. */
body.reboat-android-app .vpos-device-top > img.vpos-device-logo,
body.reboat-ios-app .vpos-device-top > img.vpos-device-logo {
  width: clamp(78px, 13vw, 105px) !important;
  min-width: 0 !important;
  max-width: 105px !important;
  height: auto !important;
  max-height: 26px !important;
  flex: 0 0 auto !important;
  transform: none !important;
  object-fit: contain !important;
  object-position: left center !important;
}

/* V303 skipper/crew app navigation + Jobs hub */
body.reboat-desktop-dashboard #main-navigation>a[href="/dashboard"]:before,
body.reboat-desktop-dashboard #main-navigation>a[href="/crew/jobs"]:before,
body.reboat-desktop-dashboard #main-navigation>a[href="/crew/reservations"]:before,
body.reboat-desktop-dashboard #main-navigation>a[href="/crew/boat"]:before,
body.reboat-desktop-dashboard #main-navigation>a[href="/virtual-pos"]:before,
body.reboat-desktop-dashboard #main-navigation>a[href="/tickets"]:before,
body.reboat-desktop-dashboard #main-navigation>a[href="/notifications"]:before,
body.reboat-desktop-dashboard #main-navigation>a[href="/settings"]:before{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:9px;font-size:17px;line-height:1;vertical-align:-2px;color:currentColor}
body.reboat-desktop-dashboard #main-navigation>a[href="/dashboard"]:before{content:"▦"}
body.reboat-desktop-dashboard #main-navigation>a[href="/crew/jobs"]:before{content:"▣"}
body.reboat-desktop-dashboard #main-navigation>a[href="/crew/reservations"]:before{content:"▤"}
body.reboat-desktop-dashboard #main-navigation>a[href="/crew/boat"]:before{content:"⌁"}
body.reboat-desktop-dashboard #main-navigation>a[href="/virtual-pos"]:before{content:"▱"}
body.reboat-desktop-dashboard #main-navigation>a[href="/tickets"]:before{content:"▧"}
body.reboat-desktop-dashboard #main-navigation>a[href="/notifications"]:before{content:"♢"}
body.reboat-desktop-dashboard #main-navigation>a[href="/settings"]:before{content:"⚙"}
.crew-jobs-hub{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 22px}.crew-jobs-hub-card{position:relative;display:flex;align-items:center;gap:12px;min-height:68px;padding:13px 15px;border:1px solid #d8e5f2;border-radius:16px;background:#fff;text-decoration:none;color:#233c58;box-shadow:0 5px 18px rgba(27,72,119,.05)}.crew-jobs-hub-card>span{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#eef6ff;color:#014BC8}.crew-jobs-hub-card svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.crew-jobs-hub-card>span i,.mobile-dashboard-badge{position:absolute;right:-7px;top:-7px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#ef3d4d;color:#fff;font-size:10px;font-style:normal;font-weight:900}.crew-jobs-hub-card>b{font-size:14px}.crew-jobs-hub-card>em{margin-left:auto;font-style:normal;color:#7890a8}.crew-jobs-hub-card.active{border-color:#91bfff;background:#f4f9ff;box-shadow:0 0 0 2px rgba(1,75,200,.08)}.crew-jobs-hub-card.active>span{background:#014BC8;color:#fff}.crew-dashboard-grid .mobile-dashboard-icon{position:relative}.crew-dashboard-grid .mobile-dashboard-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:800px){.reboat-employee-bottom-nav{grid-template-columns:repeat(var(--rb-mobile-nav-count),minmax(0,1fr))!important}.reboat-employee-bottom-nav>a{min-width:0!important}.reboat-employee-bottom-nav small{font-size:9px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.crew-jobs-hub{grid-template-columns:1fr;gap:8px;margin:0 0 14px}.crew-jobs-hub-card{min-height:58px;padding:9px 12px}.crew-jobs-hub-card>span{width:36px;height:36px}.crew-mobile-dashboard .mobile-dashboard-grid.crew-dashboard-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:minmax(0,1fr)!important;align-content:stretch!important;height:calc(100% - 72px)!important;gap:10px!important}.crew-mobile-dashboard .mobile-dashboard-tile{min-height:0!important;height:100%!important;display:flex!important;flex-direction:column;justify-content:center;align-items:center}.crew-settings-overview .settings-overview-grid{grid-template-columns:1fr!important}}
@media(max-width:430px){.reboat-employee-bottom-nav{padding-left:3px!important;padding-right:3px!important}.reboat-employee-bottom-nav>a{padding-left:1px!important;padding-right:1px!important}.reboat-employee-bottom-nav svg{width:20px!important;height:20px!important}}
\n/* V304 — skipper native dashboard: 4/6 tiles always fill the entire available dashboard area evenly. */
@media(max-width:800px){
  .crew-mobile-dashboard{height:calc(100dvh - var(--rb-native-nav-total,76px))!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;padding:4px var(--rb-mobile-edge) 6px!important;box-sizing:border-box!important}
  .crew-mobile-dashboard .mobile-dashboard-head{flex:0 0 auto!important}
  .crew-mobile-dashboard .mobile-dashboard-grid.crew-dashboard-grid{flex:1 1 auto!important;min-height:0!important;height:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;grid-auto-rows:minmax(0,1fr)!important;align-content:stretch!important;gap:10px!important}
  .crew-mobile-dashboard .mobile-dashboard-grid.crew-dashboard-grid:has(>a:nth-child(5)){grid-template-rows:repeat(3,minmax(0,1fr))!important}
  .crew-mobile-dashboard .mobile-dashboard-tile{width:100%!important;height:100%!important;min-height:0!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important}
}
\n/* V305 — skipper dashboard uses the complete visible area above bottom navigation. */
@media(max-width:800px){
  body.reboat-desktop-dashboard:has(.crew-mobile-dashboard),
  body.reboat-mobile-app-body:has(.crew-mobile-dashboard){height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;padding-bottom:0!important}
  body.reboat-desktop-dashboard:has(.crew-mobile-dashboard)>main,
  body.reboat-mobile-app-body:has(.crew-mobile-dashboard)>main{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:calc(76px + env(safe-area-inset-bottom))!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:8px 14px!important;overflow:hidden!important;box-sizing:border-box!important}
  body.reboat-android-app:has(.crew-mobile-dashboard)>main{bottom:76px!important}
  .crew-mobile-dashboard{width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
  .crew-mobile-dashboard .mobile-dashboard-head{flex:0 0 auto!important;margin:0 0 8px!important}
  .crew-mobile-dashboard .mobile-dashboard-grid.crew-dashboard-grid{flex:1 1 0!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;grid-auto-rows:minmax(0,1fr)!important;align-content:stretch!important;gap:10px!important}
  .crew-mobile-dashboard .mobile-dashboard-grid.crew-dashboard-grid:has(>a:nth-child(5)){grid-template-rows:repeat(3,minmax(0,1fr))!important}
  .crew-mobile-dashboard .mobile-dashboard-tile{height:100%!important;min-height:0!important;margin:0!important}
}

/* V306 — skipper desktop navigation/icons + desktop notification parity */
@media (min-width:801px){
 body.reboat-desktop-dashboard #main-navigation>a[href="/dashboard"]:before,
 body.reboat-desktop-dashboard #main-navigation>a[href="/crew/jobs"]:before,
 body.reboat-desktop-dashboard #main-navigation>a[href="/crew/reservations"]:before,
 body.reboat-desktop-dashboard #main-navigation>a[href="/crew/boat"]:before,
 body.reboat-desktop-dashboard #main-navigation>a[href="/virtual-pos"]:before,
 body.reboat-desktop-dashboard #main-navigation>a[href="/tickets"]:before,
 body.reboat-desktop-dashboard #main-navigation>a[href="/notifications"]:before,
 body.reboat-desktop-dashboard #main-navigation>a[href="/settings"]:before{content:""!important;width:20px!important;height:20px!important;background:currentColor!important;mask-size:20px 20px!important;mask-repeat:no-repeat!important;mask-position:center!important;-webkit-mask-size:20px 20px!important;-webkit-mask-repeat:no-repeat!important;-webkit-mask-position:center!important}
 body.reboat-desktop-dashboard #main-navigation>a[href="/dashboard"]:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 3h8v8H3V3Zm10 0h8v8h-8V3ZM3 13h8v8H3v-8Zm10 0h8v8h-8v-8Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 3h8v8H3V3Zm10 0h8v8h-8V3ZM3 13h8v8H3v-8Zm10 0h8v8h-8v-8Z'/%3E%3C/svg%3E")}
 body.reboat-desktop-dashboard #main-navigation>a[href="/crew/jobs"]:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 4h6a2 2 0 0 1 2 2v1h3a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h3V6a2 2 0 0 1 2-2Zm0 3h6V6H9v1Zm-5 4v8h16v-8h-5v2H9v-2H4Z'/%3E%3C/svg%3E");-webkit-mask-image:inherit}
 body.reboat-desktop-dashboard #main-navigation>a[href="/crew/reservations"]:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 2h2v2h8V2h2v2h1a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h1V2Zm13 8H5v9a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-9Z'/%3E%3C/svg%3E");-webkit-mask-image:inherit}
 body.reboat-desktop-dashboard #main-navigation>a[href="/crew/boat"]:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m12 2 4 4v3h3l3 7c-2 3-5 5-10 5S4 19 2 16l3-7h3V6l4-4Zm-2 7h4V7l-2-2-2 2v2Zm-4 2-1 4c2 2 4 3 7 3s5-1 7-3l-1-4H6Z'/%3E%3C/svg%3E");-webkit-mask-image:inherit}
 body.reboat-desktop-dashboard #main-navigation>a[href="/virtual-pos"]:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm0 5h16V7H4v2Zm0 3v6h16v-6H4Z'/%3E%3C/svg%3E");-webkit-mask-image:inherit}
 body.reboat-desktop-dashboard #main-navigation>a[href="/tickets"]:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 5h18v5a2 2 0 0 0 0 4v5H3v-5a2 2 0 0 0 0-4V5Zm2 2v2a4 4 0 0 1 0 6v2h14v-2a4 4 0 0 1 0-6V7H5Zm6 1h2v3h-2V8Zm0 5h2v3h-2v-3Z'/%3E%3C/svg%3E");-webkit-mask-image:inherit}
 body.reboat-desktop-dashboard #main-navigation>a[href="/notifications"]:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a7 7 0 0 1 7 7v4l2 3v2H3v-2l2-3V9a7 7 0 0 1 7-7Zm-3 18h6a3 3 0 0 1-6 0Z'/%3E%3C/svg%3E");-webkit-mask-image:inherit}
 body.reboat-desktop-dashboard #main-navigation>a[href="/settings"]:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m10 2 1-1h2l1 1 .5 2 2 .8 2-.8 1.5 1.5-.8 2 .8 2 2 1v2l-2 1-.8 2 .8 2-1.5 1.5-2-.8-2 .8-1 2h-2l-1-2-2-.8-2 .8L4 17.5l.8-2-.8-2-2-1v-2l2-1 .8-2-.8-2L5.5 4l2 .8 2-.8.5-2ZM12 8a4 4 0 1 0 0 8 4 4 0 0 0 0-8Z'/%3E%3C/svg%3E");-webkit-mask-image:inherit}
 .notification-inbox-page{max-width:980px!important;margin:0 auto!important}
 .notification-inbox-card{display:block!important;overflow:hidden!important}
 .notification-card-main{appearance:none!important;-webkit-appearance:none!important;display:block!important;width:100%!important;padding:18px 20px!important;border:0!important;background:#fff!important;color:inherit!important;text-align:left!important;box-shadow:none!important;cursor:pointer!important}
 .notification-inbox-card.is-unread .notification-card-main{background:#f8fbff!important}
 .notification-card-main>div{width:100%!important}
 .notification-inline-detail{display:none!important;width:100%!important;padding:16px 20px 18px!important;border-top:1px solid #e5edf6!important;background:#fbfdff!important;box-sizing:border-box!important}
 .notification-inbox-card.inline-open .notification-inline-detail{display:block!important}
 .notification-inline-actions{display:flex!important;gap:10px!important;margin-top:14px!important}.notification-inline-actions>*{width:auto!important}.notification-inline-actions .btn{width:auto!important;min-height:40px!important}
}
\n/* V307 crew/skipper desktop sidebar: semantic icons; Dashboard intentionally mobile-only. */
@media (min-width:1000px){
 body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/crew/jobs"]::before{content:""!important;background:no-repeat center/20px 20px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23566b88' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M8 7V5h8v2M3 12h18'/%3E%3C/svg%3E")!important}
 body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/crew/reservations"]::before{content:""!important;background:no-repeat center/20px 20px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23566b88' stroke-width='1.8'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M8 3v4M16 3v4M3 10h18'/%3E%3C/svg%3E")!important}
 body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/crew/boat"]::before{content:""!important;background:no-repeat center/20px 20px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23566b88' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M3 15l3-7h12l3 7M5 15h14M4 18c2 2 4 2 6 0 2 2 4 2 6 0 2 2 3 2 5 0'/%3E%3C/svg%3E")!important}
 body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/virtual-pos"]::before{content:""!important;background:no-repeat center/20px 20px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23566b88' stroke-width='1.8'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 9h18M7 14h4'/%3E%3C/svg%3E")!important}
 body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/tickets"]::before{content:""!important;background:no-repeat center/20px 20px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23566b88' stroke-width='1.8'%3E%3Cpath d='M4 6h16v4a2 2 0 0 0 0 4v4H4v-4a2 2 0 0 0 0-4V6z'/%3E%3Cpath d='M12 8v8'/%3E%3C/svg%3E")!important}
 body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/notifications"]::before{content:""!important;background:no-repeat center/20px 20px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23566b88' stroke-width='1.8'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9M10 21h4'/%3E%3C/svg%3E")!important}
 body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/settings"]::before{content:""!important;background:no-repeat center/20px 20px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23566b88' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.7 1.7 0 0 0 .34 1.88l.06.06-2.83 2.83-.06-.06A1.7 1.7 0 0 0 15 19.4a1.7 1.7 0 0 0-1 .6 1.7 1.7 0 0 0-.4 1.1V21H9.6v-.1A1.7 1.7 0 0 0 8.5 19.4a1.7 1.7 0 0 0-1.88.34l-.06.06-2.83-2.83.06-.06A1.7 1.7 0 0 0 4.6 15a1.7 1.7 0 0 0-.6-1 1.7 1.7 0 0 0-1.1-.4H3V9.6h.1A1.7 1.7 0 0 0 4.6 8.5a1.7 1.7 0 0 0-.34-1.88l-.06-.06 2.83-2.83.06.06A1.7 1.7 0 0 0 9 4.6a1.7 1.7 0 0 0 1-.6 1.7 1.7 0 0 0 .4-1.1V3h4v.1A1.7 1.7 0 0 0 15.5 4.6a1.7 1.7 0 0 0 1.88-.34l.06-.06 2.83 2.83-.06.06A1.7 1.7 0 0 0 19.4 9c.4.3.8.7 1 1 .2.3.4.7.4 1.1v.1H21v4h-.1c-.4 0-.8.2-1.1.4-.3.2-.7.6-1 1z'/%3E%3C/svg%3E")!important}
}


/* V308 skipper/crew desktop sidebar — force correct semantic icons and clear legacy masks. */
@media (min-width:1000px){
 body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href^="/crew/"],
 body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/virtual-pos"],
 body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/tickets"],
 body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/notifications"],
 body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/settings"]{--rb-crew-icon:none}
 body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/crew/jobs"]{--rb-crew-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M8 7V5h8v2M3 12h18' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
 body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/crew/reservations"]{--rb-crew-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='5' width='18' height='16' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M8 3v4M16 3v4M3 10h18' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
 body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/crew/boat"]{--rb-crew-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 14l3-6h10l3 6M9 8V5h6v3M3 16c3 3 6 3 9 0 3 3 6 3 9 0' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
 body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/virtual-pos"]{--rb-crew-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='5' width='18' height='14' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M3 10h18M7 15h4' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
 body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/tickets"]{--rb-crew-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h16v4a2 2 0 0 0 0 4v4H4v-4a2 2 0 0 0 0-4V6zM12 8v8' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
 body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/notifications"]{--rb-crew-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9a6 6 0 0 1 12 0c0 6 3 7 3 7H3s3-1 3-7M10 20h4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
 body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/settings"]{--rb-crew-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='3' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 2v3M12 19v3M2 12h3M19 12h3M4.9 4.9 7 7M17 17l2.1 2.1M19.1 4.9 17 7M7 17l-2.1 2.1' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
 body.reboat-desktop-dashboard > .app-header nav#main-navigation a[style*="--rb-crew-icon"]::before,
 body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/crew/jobs"]::before,
 body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/crew/reservations"]::before,
 body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/crew/boat"]::before,
 body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/virtual-pos"]::before,
 body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/tickets"]::before,
 body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/notifications"]::before,
 body.reboat-desktop-dashboard > .app-header nav#main-navigation a[href="/settings"]::before{
   content:""!important;width:22px!important;height:22px!important;flex:0 0 22px!important;
   background:currentColor!important;background-image:none!important;
   -webkit-mask-image:var(--rb-crew-icon)!important;mask-image:var(--rb-crew-icon)!important;
   -webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;
   -webkit-mask-position:center!important;mask-position:center!important;
   -webkit-mask-size:20px 20px!important;mask-size:20px 20px!important;
 }
}

/* V309 crew desktop settings submenu + corrected settings card icons */
.settings-overview-icon.settings-icon-language,
.settings-overview-icon.settings-icon-logout{font-size:0!important;letter-spacing:0!important;position:relative!important}
.settings-overview-icon.settings-icon-language::before,
.settings-overview-icon.settings-icon-logout::before{content:""!important;display:block!important;width:24px!important;height:24px!important;background:#014BC8!important;-webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;-webkit-mask-position:center!important;mask-position:center!important;-webkit-mask-size:contain!important;mask-size:contain!important}
.settings-overview-icon.settings-icon-language::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M3 12h18M12 3c2.3 2.5 3.5 5.5 3.5 9S14.3 18.5 12 21c-2.3-2.5-3.5-5.5-3.5-9S9.7 5.5 12 3Z' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M3 12h18M12 3c2.3 2.5 3.5 5.5 3.5 9S14.3 18.5 12 21c-2.3-2.5-3.5-5.5-3.5-9S9.7 5.5 12 3Z' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")!important}
.settings-overview-icon.settings-icon-logout::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 4H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h5M14 8l4 4-4 4M18 12H8' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 4H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h5M14 8l4 4-4 4M18 12H8' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important}
@media (min-width:801px){
 body.reboat-desktop-dashboard #main-navigation>.crew-nav-settings>.nav-settings-parent::before{content:""!important;width:20px!important;height:20px!important;margin-right:9px!important;background:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='3' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M19.4 15a1.7 1.7 0 0 0 .34 1.88l.06.06-2.83 2.83-.06-.06A1.7 1.7 0 0 0 15 19.4a1.7 1.7 0 0 0-1 .6 1.7 1.7 0 0 0-.4 1.1V21H9.6v-.1A1.7 1.7 0 0 0 8.5 19.4a1.7 1.7 0 0 0-1.88.34l-.06.06-2.83-2.83.06-.06A1.7 1.7 0 0 0 4.6 15a1.7 1.7 0 0 0-.6-1 1.7 1.7 0 0 0-1.1-.4H3V9.6h.1A1.7 1.7 0 0 0 4.6 8.5a1.7 1.7 0 0 0-.34-1.88l-.06-.06 2.83-2.83.06.06A1.7 1.7 0 0 0 9 4.6a1.7 1.7 0 0 0 1-.6 1.7 1.7 0 0 0 .4-1.1V3h4v.1A1.7 1.7 0 0 0 15.5 4.6a1.7 1.7 0 0 0 1.88-.34l.06-.06 2.83 2.83-.06.06A1.7 1.7 0 0 0 19.4 9c.4.3.8.7 1 1 .2.3.4.7.4 1.1v.1H21v4h-.1c-.4 0-.8.2-1.1.4-.3.2-.7.6-1 1z'/%3E%3C/svg%3E") center/20px 20px no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='3' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M19.4 15a1.7 1.7 0 0 0 .34 1.88l.06.06-2.83 2.83-.06-.06A1.7 1.7 0 0 0 15 19.4a1.7 1.7 0 0 0-1 .6 1.7 1.7 0 0 0-.4 1.1V21H9.6v-.1A1.7 1.7 0 0 0 8.5 19.4a1.7 1.7 0 0 0-1.88.34l-.06.06-2.83-2.83.06-.06A1.7 1.7 0 0 0 4.6 15a1.7 1.7 0 0 0-.6-1 1.7 1.7 0 0 0-1.1-.4H3V9.6h.1A1.7 1.7 0 0 0 4.6 8.5a1.7 1.7 0 0 0-.34-1.88l-.06-.06 2.83-2.83.06.06A1.7 1.7 0 0 0 9 4.6a1.7 1.7 0 0 0 1-.6 1.7 1.7 0 0 0 .4-1.1V3h4v.1A1.7 1.7 0 0 0 15.5 4.6a1.7 1.7 0 0 0 1.88-.34l.06-.06 2.83 2.83-.06.06A1.7 1.7 0 0 0 19.4 9c.4.3.8.7 1 1 .2.3.4.7.4 1.1v.1H21v4h-.1c-.4 0-.8.2-1.1.4-.3.2-.7.6-1 1z'/%3E%3C/svg%3E") center/20px 20px no-repeat!important}
 body.reboat-desktop-dashboard #main-navigation>.crew-nav-settings>.nav-settings-parent .nav-settings-icon{display:none!important}
 body.reboat-desktop-dashboard #main-navigation>.crew-nav-settings.open>.nav-settings-submenu{display:flex!important;flex-direction:column!important}
}

/* Booker dashboard/job/settings alignment patch */
.crew-job-payouts{margin-top:18px}
body.reboat-desktop-dashboard #main-navigation>a[href="/statistics"]:before{content:""!important;width:20px!important;height:20px!important;margin-right:9px!important;background:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 20V10M10 20V4M16 20v-7M22 20H2' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/20px 20px no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 20V10M10 20V4M16 20v-7M22 20H2' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/20px 20px no-repeat!important}

/* V312 — mobile auth/activation stability + live registration availability */
.reboat-mobile-auth-body main{flex-direction:column!important;align-items:center!important;width:100%!important;overflow-x:hidden!important}
.reboat-mobile-auth-body main>.flash,.reboat-mobile-auth-body main>.mobile-auth-card,.reboat-mobile-auth-body main>.activation-card{width:min(500px,100%)!important;max-width:500px!important;margin-left:auto!important;margin-right:auto!important;flex:0 0 auto!important}
.reboat-mobile-auth-body main>.flash{align-self:center!important;text-align:left!important;box-sizing:border-box!important}
.activation-card{overflow:hidden}.activation-card form{min-width:0}.activation-card label{min-width:0}.slug-domain-field{display:flex;min-width:0;width:100%;overflow:hidden}.slug-domain-field input{min-width:0;flex:1 1 auto}.slug-domain-field span{flex:0 0 auto;white-space:nowrap}.availability-status{display:block;min-height:18px;margin-top:6px;font-size:12px;font-weight:750}.availability-status.checking{color:#64748b}.availability-status.available{color:#087859}.availability-status.unavailable{color:#a52c39}.native-activation-return{width:min(500px,100%);margin:0 auto 14px;text-align:center}
@media(max-width:720px){body:not(.reboat-desktop-dashboard) main:has(.activation-card){width:100%!important;max-width:100%!important;padding-left:14px!important;padding-right:14px!important;overflow-x:hidden!important}.activation-card{width:100%!important;max-width:500px!important;margin:12px auto!important;padding:20px 16px!important}.activation-card h1{font-size:30px!important;line-height:1.08!important}.activation-card .slug-domain-field span{padding-left:8px!important;padding-right:8px!important;font-size:13px!important}.activation-card input{font-size:16px!important}.flash{max-width:100%;overflow-wrap:anywhere}}
/* V311 payout account routing */
.payout-settings-card{overflow:hidden}.payout-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.stripe-env-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.08em;background:#e8f1ff;color:#014bc8;border:1px solid #bfd4ff}.stripe-env-badge.test{background:#fff6db;color:#8a5b00;border-color:#f2d483}.stripe-env-badge.live{background:#eaf8ef;color:#167443;border-color:#bde4ca}.stripe-environment-info{margin:14px 0 18px;padding:14px 16px;border-radius:14px;background:#f6f9ff;border:1px solid #dce7fb;display:flex;flex-direction:column;gap:4px}.stripe-environment-info small{opacity:.75}.payout-routing-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.payout-choice{position:relative;border:1px solid #dbe3ef;border-radius:14px;padding:14px;display:flex;gap:10px;align-items:flex-start;cursor:pointer;background:#fff}.payout-choice:has(input:checked){border-color:#014bc8;box-shadow:0 0 0 2px rgba(1,75,200,.08);background:#f7faff}.payout-choice span{display:flex;flex-direction:column;gap:3px}.payout-choice small{opacity:.68}.payout-section-title{display:flex;justify-content:space-between;align-items:end;gap:10px;margin:6px 0 10px}.payout-section-title small{opacity:.65}.payout-account-cards{display:grid;gap:10px;margin-bottom:16px}.payout-account-card{border:1px solid #dfe6f0;border-radius:16px;padding:14px;background:#fff}.payout-account-card.ready{border-left:4px solid #22a05a}.payout-account-card.pending{border-left:4px solid #d99b13}.payout-account-top{display:flex;align-items:center;gap:10px}.bank-icon{width:38px;height:38px;border-radius:12px;background:#eef4ff;display:grid;place-items:center;color:#014bc8;font-size:19px}.payout-account-name{flex:1;display:flex;flex-direction:column}.payout-account-name small{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;opacity:.68}.payout-account-status{font-size:12px;margin:10px 0;display:flex;align-items:center;gap:6px;opacity:.78}.status-dot{width:8px;height:8px;border-radius:50%;background:#d99b13}.ready .status-dot{background:#22a05a}.payout-account-uses,.payout-primary-options{display:flex;flex-wrap:wrap;gap:8px}.payout-account-uses label,.payout-primary-options label,.vpos-routing-box label{border:1px solid #e1e7ef;border-radius:10px;padding:8px 10px;display:flex;align-items:center;gap:7px;font-size:13px}.payout-primary-options{margin-top:8px}.vpos-routing-box{margin:16px 0;padding:14px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0;display:grid;gap:8px}.vpos-routing-box small{opacity:.68}.payout-empty{padding:18px;border:1px dashed #cbd5e1;border-radius:14px;display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:16px}.payout-add-actions{margin-top:10px}.payout-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}@media(max-width:720px){.payout-routing-choice,.payout-summary-grid{grid-template-columns:1fr}.payout-section-title{align-items:flex-start;flex-direction:column}.payout-account-top{align-items:flex-start}}
#payout-routing-form.is-shared .payout-account-uses,#payout-routing-form.is-shared .vpos-primary,#payout-routing-form.is-shared .vpos-routing-box{display:none}#payout-routing-form.is-shared .online-primary{font-weight:700}#payout-routing-form.is-shared .online-primary::after{content:' · za sve naplate';font-weight:400;opacity:.65}

/* Modern payout account cards v3.12 */
.payout-account-cards{gap:14px}.payout-account-card{position:relative;border:1px solid #e3eaf4;border-radius:22px;padding:18px;box-shadow:0 8px 28px rgba(22,43,77,.055);transition:.18s ease;overflow:hidden}.payout-account-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#d99b13}.payout-account-card.ready:before{background:#22a05a}.payout-account-card.ready,.payout-account-card.pending{border-left:1px solid #e3eaf4}.payout-account-top{gap:12px}.bank-icon{width:46px;height:46px;border-radius:15px;font-size:20px;flex:0 0 46px}.payout-account-name b{font-size:17px;line-height:1.2}.payout-account-name small{margin-top:4px;font-size:13px}.stripe-env-badge{padding:7px 11px}.payout-account-status{margin:13px 0 15px;font-size:13px}.payout-account-uses,.payout-primary-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.payout-account-uses label,.payout-primary-options label{min-height:50px;border-radius:14px;padding:10px 12px;background:#fbfcfe;font-weight:700;justify-content:flex-start}.payout-account-uses label:has(input:checked),.payout-primary-options label:has(input:checked){border-color:#a9c7fa;background:#f4f8ff;color:#164f9f}.payout-account-uses input,.payout-primary-options input{width:19px;height:19px;flex:0 0 19px}.payout-primary-options{margin-top:9px}.payout-card-actions{display:flex;gap:9px;margin-top:15px;padding-top:14px;border-top:1px solid #edf1f6}.payout-edit-btn,.payout-delete-btn{appearance:none;border:0;text-decoration:none;min-height:42px;border-radius:12px;padding:10px 14px;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;cursor:pointer}.payout-edit-btn{background:#edf4ff;color:#014bc8;flex:1}.payout-delete-btn{background:#fff1f1;color:#bd2727}.payout-delete-modal[hidden]{display:none}.payout-delete-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:20px}.payout-delete-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.52);backdrop-filter:blur(4px)}.payout-delete-dialog{position:relative;width:min(430px,100%);background:#fff;border-radius:24px;padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.24);text-align:center}.payout-delete-icon{width:52px;height:52px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:#fff0f0;color:#c52d2d;font-size:24px;font-weight:900}.payout-delete-dialog h3{margin:0 0 8px}.payout-delete-dialog p{color:#64748b;margin:7px 0}.payout-delete-warning{font-size:12px}.payout-delete-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.payout-delete-actions form{margin:0}.payout-delete-actions .btn{width:100%;height:100%}.btn.danger{background:#c92d2d;color:#fff;border-color:#c92d2d}
@media(max-width:720px){.payout-settings-card{padding:14px!important}.payout-account-card{border-radius:20px;padding:15px}.payout-account-top{display:grid;grid-template-columns:46px minmax(0,1fr) auto}.payout-account-name{min-width:0}.payout-account-name b{font-size:16px}.payout-account-name small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.payout-account-uses,.payout-primary-options{grid-template-columns:1fr}.payout-account-uses label,.payout-primary-options label{min-height:46px;width:100%;font-size:14px}.payout-card-actions{display:grid;grid-template-columns:1fr auto}.payout-edit-btn,.payout-delete-btn{min-height:44px}.payout-delete-dialog{border-radius:22px;padding:22px 18px}.payout-delete-actions{grid-template-columns:1fr}.stripe-environment-info{border-radius:16px}.payout-routing-choice{gap:8px}.payout-choice{border-radius:16px}.vpos-routing-box{border-radius:16px}}
/* reBOAT NFC business cards v312 */
.nfc-public{margin:0;background:linear-gradient(180deg,#eef5ff,#fff 45%);min-height:100vh;color:#10233e}.nfc-public main{padding:24px 14px 48px}.nfc-shell{width:min(760px,100%);margin:0 auto}.nfc-brand{text-align:center;margin:6px 0 18px}.nfc-brand img,.nfc-unlock img{width:150px}.nfc-brand span{display:block;font-weight:800;margin-top:8px}.nfc-form{padding:22px}.nfc-photo-editor{text-align:center;margin-bottom:22px}.nfc-photo-frame{width:160px;height:160px;border-radius:50%;overflow:hidden;margin:0 auto 12px;background:#e8f1ff;border:4px solid #014BC8;position:relative;display:grid;place-items:center;font-size:42px;color:#014BC8;touch-action:none}.nfc-photo-frame img,.nfc-crop-img{width:100%;height:100%;object-fit:cover;user-select:none;transform-origin:center}.nfc-photo-editor small{display:block;margin-top:8px;color:#64748b}.phone-inline{display:grid;grid-template-columns:130px 1fr;gap:8px}.nfc-social-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.nfc-card{text-align:center;padding:26px 20px;overflow:hidden}.nfc-lang{display:flex;justify-content:flex-end}.nfc-avatar{width:150px;height:150px;border-radius:50%;object-fit:cover;border:5px solid #fff;box-shadow:0 8px 30px #014bc82b}.nfc-card h1{margin:14px 0 2px;font-size:30px}.nfc-card h2{margin:0 0 20px;color:#014BC8;font-size:18px}.nfc-contact-list{display:grid;gap:10px;text-align:left}.nfc-contact-list a,.nfc-contact-list>div{display:grid;grid-template-columns:42px 1fr;align-items:center;padding:12px;border:1px solid #dce8f8;border-radius:14px;color:inherit;text-decoration:none;background:#fff}.nfc-contact-list span{width:34px;height:34px;border-radius:10px;background:#eaf2ff;color:#014BC8;display:grid;place-items:center}.nfc-socials{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:18px 0}.nfc-socials a{padding:8px 12px;border-radius:999px;background:#eef5ff;color:#014BC8;text-decoration:none;font-weight:800}.nfc-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.nfc-actions button,.nfc-actions a{border:0;border-radius:14px;background:#014BC8;color:#fff;min-height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-decoration:none;font:inherit;font-weight:800;cursor:pointer}.nfc-reboat{display:block;margin:28px auto 10px}.nfc-reboat img{width:135px}.nfc-edit-link{color:#64748b;font-weight:700}.nfc-qr-modal{border:0;border-radius:20px;padding:25px;max-width:min(90vw,500px);text-align:center}.nfc-qr-modal::backdrop{background:#001a3d99}.nfc-qr-modal>button{float:right;border:0;background:none;font-size:30px}.nfc-qr-wrap{position:relative;clear:both}.nfc-qr-wrap>img:first-child{width:100%}.nfc-qr-logo{position:absolute;width:17%;height:17%;object-fit:contain;left:41.5%;top:41.5%;background:#fff;border-radius:12px;padding:4px}.nfc-unlock{max-width:440px;margin:50px auto;padding:28px;text-align:center}.nfc-blocked{text-align:center;padding:50px}.nfc-admin .page-head{display:flex;justify-content:space-between;gap:20px;align-items:end}.nfc-generate{display:flex;gap:8px}.nfc-generate input{width:90px}.nfc-status{display:inline-block;padding:5px 9px;border-radius:999px;font-weight:800;font-size:12px}.nfc-status.active{background:#dcfce7;color:#166534}.nfc-status.available{background:#e0edff;color:#014BC8}.nfc-status.blocked{background:#fee2e2;color:#991b1b}.nfc-admin td small{display:block;color:#64748b}.nfc-admin-actions{white-space:nowrap}.nfc-admin-actions form{display:inline-flex;gap:5px}.btn.danger{background:#b91c1c;color:#fff}@media(max-width:700px){.nfc-public main{padding:12px 8px 30px}.nfc-form,.nfc-card{padding:18px 14px}.nfc-social-grid,.nfc-form .form-grid.two{grid-template-columns:1fr}.phone-inline{grid-template-columns:115px 1fr}.nfc-actions span{font-size:12px}.nfc-admin .page-head{display:block}.nfc-generate{margin-top:12px}}