@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700;800&display=swap');
:root{font-family:'Open Sans',Arial,sans-serif;color:#191919;background:#f4f4f4;font-synthesis:none;--green:#171717;--lime:#e77b13;--line:#dedede}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;border:0;border-radius:10px;padding:13px 19px;background:var(--green);color:white;font-weight:600}button:hover{filter:brightness(1.12)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #6b9f28;outline-offset:4px}header{display:flex;align-items:center;justify-content:space-between;padding:25px 4%;background:white;gap:25px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;color:#102a20;font-size:38px;font-weight:800;letter-spacing:-2px;line-height:1}.brand span{display:block;font-size:10px;letter-spacing:2px;margin-top:10px}nav{display:flex;gap:6px;flex-wrap:wrap}nav button{background:transparent;color:#627069;font-size:14px;padding:12px 15px}nav button.active{background:#eaf1e9;color:#171717}.demo{font-size:12px;letter-spacing:1.5px;background:#eff4e8;padding:9px 12px;border-radius:20px;font-weight:700}.notice{font-size:13px;color:#606060;text-align:center;padding:12px 20px;background:#eeeeee}main{max-width:1320px;padding:44px 34px 60px;margin:auto}h1,h2,h3{font-family:'Open Sans',Arial,sans-serif}h1{font-size:36px;letter-spacing:-1.3px;margin:10px 0 16px;line-height:1.2}h2{font-size:22px;margin:0 0 22px}h3{font-size:16px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:700;color:#a34e00}.muted{color:#666666;line-height:1.6}.guest-layout{display:grid;grid-template-columns: .85fr 1.15fr;gap:36px}.intro{border-radius:24px;background:var(--green);color:white;padding:40px;display:flex;flex-direction:column;min-height:660px}.intro h1{font-size:49px;line-height:1.14;margin:25px 0}.intro .eyebrow,.intro .muted{color:#dedede}.intro .tag{color:var(--lime);font-size:14px}.intro .bottom{margin-top:auto;padding-top:32px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid #ffffff33;padding-top:24px}.facts strong{font-size:24px;display:block;margin-bottom:5px}.facts small{color:#dedede}.card{background:white;border:1px solid var(--line);border-radius:20px;padding:30px}.step{display:flex;align-items:center;gap:12px;margin-bottom:20px}.step b{background:#fff1e4;color:#a34e00;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:14px}.step h2{margin:0;font-size:19px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{font-size:14px;font-weight:600;display:block;margin-bottom:17px}input,select{display:block;width:100%;padding:13px 12px;border:1px solid #cccccc;background:#fff;border-radius:9px;color:#202020;margin-top:8px;min-height:47px}input:focus,select:focus{outline:2px solid #c76300;outline-offset:1px}.room-options{display:flex;gap:10px;margin-bottom:23px}.room-options label{flex:1;border:1px solid var(--line);padding:16px;border-radius:12px;cursor:pointer;margin:0}.room-options label:has(input:checked){border:2px solid #c76300;background:#fff4e9;padding:15px}.room-options input{display:inline;width:auto;min-height:0;margin:0 8px 0 0;accent-color:#b65300}.room-options small{display:block;color:#666666;margin:7px 0 0 25px;font-weight:400}.divider{border-top:1px solid var(--line);margin:23px 0}.availability{font-size:14px;padding:13px;background:#fff1e4;color:#804000;border-radius:9px;margin-bottom:18px;line-height:1.5}.error{color:#a02f32}.submit{width:100%;background:var(--lime);color:#111111;padding:17px;font-size:16px}.small{font-size:13px;line-height:1.6}.topline{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.topline h1{margin:0}.topline input{width:auto;margin:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.stat{background:white;padding:23px;border:1px solid var(--line);border-radius:14px}.stat strong{display:block;font-size:32px;margin:12px 0 5px}.stat span{font-size:14px;color:#666666}.stat:first-child{background:var(--green);color:white}.stat:first-child span{color:#cccccc}.staff-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:24px}.booking{padding:21px 0;border-top:1px solid var(--line)}.booking-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.booking h3{margin:0 0 8px;font-size:17px}.badge{display:inline-block;font-size:12px;padding:6px 9px;border-radius:6px;background:#edf0ed;color:#617064}.badge.pending{background:#fff0d8;color:#996722}.badge.confirmed,.badge.arrived{background:#e8f3db;color:#44722f}.badge.cancelled,.badge.rejected{background:#fae7e7;color:#9a4444}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.actions button{font-size:13px;padding:9px 13px}.secondary{background:#f1f1f1;color:#383838}.danger{background:#f8eaea;color:#9d3d3d}.tables{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.table-unit{padding:12px 5px;text-align:center;border:1px solid #d8e3d2;border-radius:10px;background:#f1f6ec}.table-unit.occupied{background:#fcefdc;border-color:#e7c891;color:#8e672c}.table-unit small{display:block;margin-top:5px;font-size:11px}.bar{height:10px;background:#eaf0e7;border-radius:10px;overflow:hidden;margin:10px 0 20px}.bar span{display:block;height:100%;background:#e77b13}.empty{color:#666666;padding:25px 0}.message{border-bottom:1px solid var(--line);padding:17px 0;font-size:14px;line-height:1.6}.message small{color:#666666}.wide{grid-column:1/-1}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#222222;color:white;padding:15px 24px;border-radius:12px;box-shadow:0 8px 35px #0002;max-width:90%;display:none;z-index:4}dialog{width:min(550px,94vw);border:0;border-radius:20px;padding:28px;max-height:90vh;overflow:auto}dialog::backdrop{background:#14251e88}.success{text-align:center;padding:50px 20px}.success .check{display:grid;place-items:center;width:70px;height:70px;background:var(--lime);border-radius:50%;font-size:32px;margin:0 auto 25px}.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}.toolbar select{width:auto;margin:0}.info{background:#fff1e4;border-radius:12px;padding:17px;line-height:1.6;font-size:14px}.chart-row{display:grid;grid-template-columns:70px 1fr 35px;gap:12px;align-items:center;margin:17px 0;font-size:14px}.chart-row .bar{margin:0;height:18px}footer{font-size:12px;color:#7a887e;margin-top:28px} @media(max-width:950px){header{flex-wrap:wrap}nav{order:3;width:100%}.guest-layout,.staff-layout{grid-template-columns:1fr}.intro{min-height:0}.intro h1{font-size:38px}.intro .bottom{margin-top:20px}.stats{grid-template-columns:1fr 1fr}}@media(max-width:550px){main{padding:25px 16px}.card,.intro{padding:23px}.grid{grid-template-columns:1fr;gap:0}.topline{align-items:start;flex-direction:column}h1{font-size:29px}.intro h1{font-size:35px}nav button{padding:10px 8px;font-size:13px}.stats{gap:10px}.stat{padding:16px}.booking-head{flex-direction:column}.room-options{flex-direction:column}.tables{grid-template-columns:repeat(3,1fr)}}

/* iBAR.lt brand: black, white, orange and Open Sans. */
header{background:#101010;color:#fff;border-bottom:1px solid #333}.brand{color:#fff}.brand img{display:block;object-fit:contain;width:110px;height:auto}.brand span{font-size:10px;letter-spacing:1.3px}nav button{color:#eee}nav button.active{background:#e77b13;color:#111}.demo{background:#333;color:#ffad56}.intro{background:#141414}.intro .tag{color:#ffad56}.intro,.card{border-radius:8px}button,input,select{border-radius:5px}.stat{border-radius:7px}.eyebrow{color:#a34e00}.intro .eyebrow{color:#ffad56}.submit{color:#111}.success .check{background:#e77b13}.range-controls{display:flex;align-items:end;gap:12px}.range-controls label{margin:0}.range-controls input{margin-top:8px}.unit-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.unit-choice{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;border:1px solid #ccc;border-radius:5px;cursor:pointer;margin:0}.unit-choice input{display:inline;width:auto;min-height:0;margin:0;accent-color:#b65300}.unit-choice span{width:100%;font-size:12px;font-weight:400}.unit-choice:has(input:checked){background:#fff0df;border-color:#c76300}.unit-choice.unavailable{opacity:.5;cursor:not-allowed}.booking h3,.message{overflow-wrap:anywhere}dialog{width:min(660px,94vw)}@media(max-width:550px){.range-controls{width:100%;flex-wrap:wrap}.range-controls label{flex:1;min-width:130px}.range-controls input{width:100%}.unit-picker{grid-template-columns:1fr 1fr}}
.brand img{background:white;padding:8px;border-radius:4px;width:126px}button:focus-visible,a:focus-visible{outline-color:#c76300}

.staff-entry{max-width:850px;margin:30px auto}.bar-entry{text-align:left;padding:28px;background:#171717;display:flex;flex-direction:column;gap:14px}.bar-entry strong{color:#f99430;font-size:28px}.bar-entry span{font-size:20px}.bar-entry small{font-size:13px;color:#ccc}.reminder-alert{background:#fff0df;border:1px solid #d97714;border-left:5px solid #c76300;padding:22px;margin:0 0 24px;border-radius:7px}.reminder-alert p{margin:8px 0 12px}.reminder-alert div{padding:7px 0;overflow-wrap:anywhere}.reminder-alert span{font-weight:700;color:#994500}.brand img{padding:4px;width:142px}.brand span{font-size:9px;letter-spacing:1px}

.booking-calendar{margin:0 0 24px;padding:0;border:0;min-width:0}.booking-calendar legend{font-size:14px;font-weight:600;margin-bottom:12px}.calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.calendar-heading strong{font-size:17px;text-transform:capitalize;text-align:center}.calendar-heading button{background:#f1f1f1;color:#222;min-width:44px;height:44px;padding:0;font-size:26px}.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.calendar-weekdays{text-align:center;color:#666;font-size:14px;margin-bottom:8px}.calendar-weekdays span{padding:5px 0}.calendar-days .calendar-day{width:100%;min-width:0;min-height:44px;padding:8px 0;background:transparent;color:#222;border:2px solid transparent;font-size:16px;font-weight:500;border-radius:6px}.calendar-days .calendar-day.other-month{color:#666}.calendar-days .calendar-day.is-today{border-color:#b65300}.calendar-days .calendar-day.is-selected{background:#e77b13;color:#111;font-weight:800}.calendar-days .calendar-day:disabled{color:#a5a5a5;opacity:1;text-decoration:none}.calendar-days .calendar-day:hover:not(:disabled):not(.is-selected){background:#fff0df}.calendar-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.calendar-footer button{background:transparent;color:#a34e00;font-size:14px;padding:8px 0}.calendar-footer span{font-size:12px;color:#666;text-align:right}.calendar-selection{font-weight:600;font-size:15px;color:#804000;margin:13px 0 0;padding:12px;background:#fff1e4;border-radius:5px}.calendar-day:focus-visible{outline:3px solid #222;outline-offset:1px}@media(max-width:380px){.calendar-weekdays,.calendar-days{gap:2px}.calendar-heading strong{font-size:15px}.calendar-footer{align-items:start}.calendar-footer span{max-width:160px}}
