:root{--bg:#07090c;--bg2:#0a0d11;--panel:#0f1318;--panel2:#12171d;--panel3:#171d24;--line:#202832;--line2:#2b3540;--text:#f7f8fa;--muted:#8c97a5;--muted2:#65707d;--accent:#d99a62;--accent-rgb:217,154,98;--green:#4ad69b;--amber:#f5b75e;--red:#ff7078;--blue:#76a7ff;--shadow:0 32px 90px rgba(0,0,0,.45);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ico{width:18px;height:18px;display:inline-flex;flex:none}.eyebrow{font:700 11px/1 'Manrope';letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;background:var(--accent);color:#080a0d;border-radius:13px;padding:12px 16px;font:800 13px/1 'Manrope';transition:.2s;box-shadow:0 10px 30px color-mix(in srgb,var(--accent) 18%,transparent)}.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.ghost{background:#10151a;color:#eef1f4;border-color:var(--line);box-shadow:none}.btn.xl{padding:15px 20px;border-radius:15px}.btn.success{background:var(--green)}.full-btn{width:100%}.danger-text{color:var(--red)!important}.glass{background:rgba(7,9,12,.72);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.wordmark{display:inline-flex;align-items:center;gap:10px;font:800 16px 'Manrope';letter-spacing:-.02em}.wordmark.large{font-size:20px}.wordmark.small{font-size:12px}.wordmark-dot{width:11px;height:11px;border-radius:4px;background:var(--accent);box-shadow:0 0 24px color-mix(in srgb,var(--accent) 70%,transparent);transform:rotate(45deg)}
/* Public brand site */
.brand-site{min-height:100vh;overflow:hidden;background:var(--bg)}.site-nav{height:78px;position:fixed;top:0;left:0;right:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.055);padding:0 5vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.site-links{display:flex;gap:34px;font-size:13px;color:#aab2bd}.site-links a:hover{color:#fff}.nav-cta{justify-self:end;background:transparent;border:0;color:#fff;font-weight:700;display:flex;align-items:center;gap:12px}.nav-cta span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent);color:#07090c}.hero-v2{min-height:100vh;position:relative;padding:150px 6vw 60px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;isolation:isolate}.hero-noise{position:absolute;inset:0;z-index:-3;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E")}.hero-v2:after{content:"";position:absolute;inset:0;z-index:-4;background:linear-gradient(120deg,#07090c 0%,#0a0d11 55%,#0c0f13 100%)}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);z-index:-2;opacity:.26}.orb-a{width:420px;height:420px;background:var(--accent);right:8%;top:18%}.orb-b{width:260px;height:260px;background:#5576ff;right:25%;bottom:5%;opacity:.08}.micro-pill{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line2);padding:8px 11px;border-radius:999px;font:700 10px 'Manrope';letter-spacing:.13em;text-transform:uppercase;color:#b8c0ca}.micro-pill span{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent)}.hero-copy h1{font:700 clamp(72px,9.2vw,156px)/.78 'Playfair Display';letter-spacing:-.065em;margin:28px 0 34px;max-width:950px}.hero-copy>p{font-size:18px;line-height:1.7;color:#a4aebb;max-width:610px}.hero-actions{display:flex;gap:10px;margin:34px 0 54px}.hero-meta{display:grid;grid-template-columns:repeat(3,1fr);max-width:720px;border-top:1px solid var(--line);padding-top:22px}.hero-meta div{display:flex;flex-direction:column;gap:7px;padding-right:18px}.hero-meta small{font:700 9px 'Manrope';letter-spacing:.14em;color:var(--muted2)}.hero-meta b{font-size:12px;color:#cdd3da}.hero-visual{height:650px;position:relative;display:grid;place-items:center}.plate-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.08)}.r1{width:520px;height:520px;animation:spin 30s linear infinite}.r1:before,.r1:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--accent);top:50%;left:-5px;box-shadow:0 0 20px var(--accent)}.r1:after{left:auto;right:-5px}.r2{width:390px;height:390px;border-style:dashed;opacity:.65}.plate-core{width:285px;height:285px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--accent) 45%,#171c22),#0c0f13 65%);border:1px solid color-mix(in srgb,var(--accent) 35%,#2b3540);box-shadow:0 45px 100px rgba(0,0,0,.6),inset 0 0 70px rgba(255,255,255,.03)}.plate-core:after{content:"";position:absolute;width:205px;height:205px;border-radius:50%;border:1px solid rgba(255,255,255,.08)}.plate-core span{font:700 44px 'Playfair Display';color:#fff;letter-spacing:-.04em}.float-card{position:absolute;background:rgba(15,19,24,.82);backdrop-filter:blur(18px);border:1px solid var(--line2);box-shadow:0 22px 60px rgba(0,0,0,.4);border-radius:18px;padding:16px 18px;display:flex;flex-direction:column}.fc1{left:5%;top:20%;min-width:180px}.fc1 small{font:700 9px 'Manrope';letter-spacing:.14em;color:var(--accent)}.fc1 b{margin:8px 0 4px}.fc1 span{color:var(--muted);font-size:12px}.fc2{right:4%;bottom:20%;min-width:175px;padding-left:44px}.fc2 .live-dot{position:absolute;left:18px;top:21px}.fc2 small{color:var(--muted);margin-top:4px}.live-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--green);box-shadow:0 0 16px var(--green)}@keyframes spin{to{transform:rotate(360deg)}}.marquee{border-block:1px solid var(--line);background:#0a0d11;overflow:hidden;white-space:nowrap}.marquee div{padding:15px 0;font:700 10px 'Manrope';letter-spacing:.22em;color:#798391;animation:marquee 28s linear infinite}.marquee span{color:var(--accent);padding:0 28px}@keyframes marquee{to{transform:translateX(-30%)}}.section-v2{padding:120px 7vw}.section-head{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:70px;margin-bottom:38px}.section-head h2,.reservation-copy h2{font:700 clamp(50px,6vw,92px)/.9 'Playfair Display';letter-spacing:-.05em;margin:14px 0}.section-head p,.reservation-copy p{color:var(--muted);line-height:1.75;max-width:520px}.category-chips{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:#0c1014;color:#8893a0;border-radius:999px;padding:9px 14px;font:700 11px 'Manrope'}.chip.active,.chip:hover{color:#080a0d;background:var(--accent);border-color:var(--accent)}.food-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.food-card{border:1px solid var(--line);background:linear-gradient(145deg,#0e1217,#0a0d11);border-radius:22px;overflow:hidden;transition:.28s}.food-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent) 36%,var(--line));box-shadow:0 26px 70px rgba(0,0,0,.35)}.food-art{height:210px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 48%),linear-gradient(135deg,#11161b,#090c10)}.food-art:after{content:"";width:120px;height:120px;border-radius:50%;border:1px dashed #2d3741;position:absolute}.food-index{position:absolute;top:16px;left:18px;font:700 10px 'Manrope';color:#4f5a67}.food-symbol{font-size:38px;color:var(--accent);z-index:1}.food-info{padding:20px}.food-top{display:flex;justify-content:space-between;align-items:center}.food-top span{font:700 9px 'Manrope';letter-spacing:.12em;text-transform:uppercase;color:var(--muted2)}.food-top strong{color:var(--accent);font-size:13px}.food-info h3{font:700 20px 'Manrope';margin:17px 0 8px}.food-info p{color:var(--muted);font-size:13px;line-height:1.6;min-height:42px}.experience{margin:0 5vw;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:28px;overflow:hidden;min-height:580px}.experience-card{padding:80px;background:#0d1115}.experience-card h2{font:700 clamp(48px,5vw,78px)/.94 'Playfair Display';letter-spacing:-.05em;margin:15px 0 24px}.experience-card>p{max-width:520px;color:var(--muted);line-height:1.7}.stats-line{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:65px;border-top:1px solid var(--line);padding-top:24px}.stats-line div{display:flex;flex-direction:column}.stats-line strong{font:700 30px 'Manrope'}.stats-line span{font-size:11px;color:var(--muted)}.experience-visual{position:relative;background:radial-gradient(circle at 65% 35%,color-mix(in srgb,var(--accent) 25%,transparent),transparent 36%),#090c10;display:flex;align-items:flex-end;padding:58px}.exp-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent)}.quote-mark{position:absolute;right:58px;top:35px;font:700 160px 'Playfair Display';color:color-mix(in srgb,var(--accent) 35%,transparent)}.experience-visual p{position:relative;font:700 34px/1.2 'Playfair Display';z-index:2}.reservation-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center}.contact-stack{display:flex;flex-direction:column;gap:15px;margin-top:35px;color:#b7c0ca}.contact-stack span{display:flex;align-items:center;gap:10px}.booking-card{border:1px solid var(--line);background:linear-gradient(145deg,#10151a,#0b0f13);border-radius:26px;padding:26px;box-shadow:var(--shadow)}.booking-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:20px;font:700 14px 'Manrope'}.status-dot{font:800 9px 'Manrope';letter-spacing:.12em;color:var(--green);background:rgba(74,214,155,.08);border:1px solid rgba(74,214,155,.2);padding:6px 8px;border-radius:999px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field>span{font:700 10px 'Manrope';letter-spacing:.05em;color:#8f99a5}.field input,.field select,.field textarea,.note-input{width:100%;border:1px solid var(--line);background:#080b0e;color:#fff;border-radius:12px;padding:13px 14px;outline:none;transition:.2s}.field input:focus,.field select:focus,.field textarea:focus,.note-input:focus{border-color:color-mix(in srgb,var(--accent) 65%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 9%,transparent)}.booking-card .full-btn{margin-top:14px}.site-footer{height:100px;border-top:1px solid var(--line);padding:0 6vw;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.staff-link{border:0;background:transparent;color:#77818d}
/* Auth */
.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;background:#07090c}.auth-art{position:relative;padding:48px 5vw;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border-right:1px solid var(--line)}.auth-art:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-120px;bottom:-130px;border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);box-shadow:0 0 0 80px rgba(255,255,255,.015),0 0 0 160px rgba(255,255,255,.012)}.auth-glow{position:absolute;width:460px;height:460px;border-radius:50%;right:-80px;bottom:-50px;background:var(--accent);filter:blur(120px);opacity:.16}.auth-art-copy{position:relative;z-index:2;max-width:620px}.auth-art-copy h1{font:700 clamp(70px,8vw,132px)/.8 'Playfair Display';letter-spacing:-.065em;margin:20px 0 28px}.auth-art-copy p{font-size:16px;line-height:1.7;color:var(--muted);max-width:480px}.auth-caption{display:flex;align-items:center;gap:10px;font:700 10px 'Manrope';letter-spacing:.12em;color:#84909d;text-transform:uppercase}.auth-panel{display:grid;place-items:center;position:relative;background:radial-gradient(circle at 50% 50%,#10151a,#080a0d 60%);padding:40px}.back-link{position:absolute;top:36px;left:42px;border:0;background:transparent;color:#8c97a5}.auth-card{width:min(470px,100%);padding:30px;border:1px solid var(--line);background:rgba(13,17,21,.75);backdrop-filter:blur(18px);border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.35)}.auth-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 13%,#10151a);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 22%,#202832)}.auth-icon .ico{width:22px;height:22px}.auth-card h2{font:800 34px 'Manrope';letter-spacing:-.04em;margin:22px 0 7px}.auth-card>p{color:var(--muted);font-size:13px;margin:0 0 28px}.auth-card .field{margin-top:13px}.auth-card .btn{margin-top:18px}.auth-security{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:18px;color:#64707d;font-size:10px}.auth-security .ico{width:13px;height:13px;color:var(--green)}
/* Restaurant OS */
.os-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr;background:#090c10}.os-sidebar{height:100vh;position:sticky;top:0;border-right:1px solid var(--line);background:#080b0e;padding:18px 14px;display:flex;flex-direction:column}.os-logo{height:64px;display:flex;align-items:center;gap:11px;padding:0 8px 17px;border-bottom:1px solid var(--line)}.os-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 86%,#fff),color-mix(in srgb,var(--accent) 40%,#111));color:#08090b;display:grid;place-items:center;font:800 12px 'Manrope';box-shadow:0 10px 25px color-mix(in srgb,var(--accent) 15%,transparent)}.os-logo>div:last-child{min-width:0;display:flex;flex-direction:column}.os-logo b{font:800 13px 'Manrope';white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.os-logo span{font-size:10px;color:var(--muted2);margin-top:2px}.os-nav{display:flex;flex-direction:column;gap:4px;padding-top:18px}.os-nav button{height:43px;border:1px solid transparent;border-radius:11px;background:transparent;color:#75808c;display:flex;align-items:center;gap:11px;padding:0 12px;text-align:left;font:700 12px 'Manrope';position:relative}.os-nav button:hover{color:#dce1e6;background:#0f1419}.os-nav button.active{color:#fff;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 11%,#11161b),#0f1419);border-color:color-mix(in srgb,var(--accent) 18%,#202832)}.os-nav button.active:before{content:"";position:absolute;left:-14px;width:3px;height:20px;border-radius:0 6px 6px 0;background:var(--accent);box-shadow:0 0 16px var(--accent)}.os-nav .ico{width:17px;height:17px}.os-nav em{margin-left:auto;background:var(--red);color:#fff;border-radius:999px;min-width:18px;height:18px;display:grid;place-items:center;font:700 9px 'Manrope';font-style:normal}.os-user{margin-top:auto;border-top:1px solid var(--line);padding:16px 8px 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px}.avatar{width:34px;height:34px;border-radius:11px;background:#171d24;border:1px solid var(--line2);display:grid;place-items:center;font:800 10px 'Manrope';color:#dce2e8}.avatar.sm{width:32px;height:32px;border-radius:10px}.os-user>div:nth-child(2){display:flex;flex-direction:column;min-width:0}.os-user b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.os-user span{font-size:9px;color:var(--muted2);margin-top:2px}.os-user button{border:0;background:transparent;color:#66717e;padding:7px}.os-main{min-width:0}.os-top{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:20;background:rgba(9,12,16,.86);backdrop-filter:blur(18px)}.breadcrumbs{font-size:9px;color:#697481;text-transform:uppercase;letter-spacing:.08em}.breadcrumbs span{margin:0 7px;color:#39414a}.os-top h1{font:800 19px 'Manrope';letter-spacing:-.03em;margin:5px 0 0}.top-actions{display:flex;align-items:center;gap:10px}.system-live{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:#0c1014;border-radius:999px;padding:8px 10px;font:800 9px 'Manrope';letter-spacing:.08em;color:#75808d}.system-live span{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.icon-btn{width:37px;height:37px;position:relative;border:1px solid var(--line);background:#0c1014;color:#8793a0;border-radius:11px;display:grid;place-items:center}.icon-btn .ico{width:16px;height:16px}.icon-btn i{position:absolute;right:-4px;top:-4px;min-width:16px;height:16px;border-radius:999px;background:var(--red);color:#fff;display:grid;place-items:center;font:800 8px 'Manrope';font-style:normal}.os-content{padding:28px 30px 50px}.dashboard-hero{display:flex;justify-content:space-between;align-items:end;margin:4px 0 24px}.dashboard-hero h2{font:800 34px 'Manrope';letter-spacing:-.045em;margin:8px 0 4px}.dashboard-hero p{margin:0;color:var(--muted);font-size:12px}.date-pill{border:1px solid var(--line);border-radius:12px;padding:9px 12px;color:#8c97a5;font-size:10px;text-transform:capitalize}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric-card{min-height:150px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#0f1419,#0b0f13);padding:18px;position:relative;overflow:hidden}.metric-card.featured{border-color:color-mix(in srgb,var(--accent) 28%,var(--line));background:radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 45%),#0e1318}.metric-icon{width:34px;height:34px;border-radius:11px;background:#141a21;border:1px solid var(--line);display:grid;place-items:center;color:var(--accent);margin-bottom:18px}.metric-icon .ico{width:17px;height:17px}.metric-card>span{display:block;font:700 10px 'Manrope';color:#74808c;text-transform:uppercase;letter-spacing:.08em}.metric-card strong{display:block;font:800 28px 'Manrope';letter-spacing:-.04em;margin:5px 0}.metric-card strong i{font-size:13px;color:#65717e;font-style:normal}.metric-card small{display:flex;align-items:center;gap:6px;color:#66717e;font-size:9px}.metric-card small .ico{width:12px;height:12px;color:var(--green)}.dash-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:12px;margin-top:12px}.os-card{border:1px solid var(--line);background:#0d1116;border-radius:18px}.span2{}.card-head{display:flex;justify-content:space-between;align-items:center;padding:18px;border-bottom:1px solid var(--line)}.card-head>div:first-child{display:flex;flex-direction:column}.card-head span{font:700 9px 'Manrope';letter-spacing:.09em;text-transform:uppercase;color:#687481}.card-head h3{font:800 15px 'Manrope';margin:4px 0 0}.text-btn{border:0;background:transparent;color:var(--accent);font:700 10px 'Manrope'}.activity-list{padding:2px 18px}.activity-row{min-height:66px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:12px;border-bottom:1px solid #171d23}.activity-row:last-child{border:0}.activity-icon{width:31px;height:31px;border-radius:9px;background:#131920;color:#71808f;display:grid;place-items:center}.activity-icon .ico{width:15px;height:15px}.activity-main{min-width:0;display:flex;flex-direction:column}.activity-main b{font-size:11px}.activity-main span{font-size:9px;color:#64707d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.activity-row>strong{font-size:11px}.activity-row time{font-size:9px;color:#596572}.order-state{display:inline-flex;align-items:center;border:1px solid var(--line2);background:#11171c;border-radius:999px;padding:5px 8px;font:800 8px 'Manrope';letter-spacing:.05em}.order-state.new{color:#ff8c92;border-color:#49252a;background:#171012}.order-state.warning{color:#f4bd6c;border-color:#4a3920;background:#17130c}.order-state.success{color:#5ed9a4;border-color:#1f4939;background:#0d1713}.order-state.danger{color:#ff7b83}.mini-floor{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:18px}.mini-table{aspect-ratio:1;border:1px solid #24303a;background:#10161b;border-radius:12px;display:grid;place-items:center;align-content:center;gap:3px}.mini-table.busy{border-color:#5a302b;background:#1a1111}.mini-table b{font:800 15px 'Manrope'}.mini-table span{font:800 7px 'Manrope';letter-spacing:.08em;color:#62707c}.page-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;min-height:40px}.page-toolbar p{margin:0;color:var(--muted);font-size:12px}.search-box{width:250px;height:38px;border:1px solid var(--line);background:#0c1014;border-radius:11px;display:flex;align-items:center;gap:8px;padding:0 11px;color:#66727f}.search-box .ico{width:14px;height:14px}.search-box input{border:0;background:transparent;outline:0;color:#fff;width:100%;font-size:11px}.floor-shell{border:1px solid var(--line);border-radius:20px;background:#0c1014;overflow:hidden}.floor-toolbar{height:52px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px;padding:0 17px;color:#697581;font-size:9px}.floor-toolbar>div{display:flex;align-items:center;gap:7px}.legend{width:7px;height:7px;border-radius:50%;background:#35414c}.legend.busy{background:var(--red)}.floor-zone{margin-left:auto!important;letter-spacing:.11em}.floor-v2{min-height:570px;position:relative;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px;background-position:-1px -1px}.table-v2{position:absolute;width:125px;height:98px;border-radius:19px;border:1px solid #26313a;background:linear-gradient(145deg,#131a20,#0e1318);color:#fff;box-shadow:0 14px 35px rgba(0,0,0,.25);display:flex;flex-direction:column;align-items:center;justify-content:center}.table-v2:hover{border-color:#3a4753;transform:translateY(-2px)}.table-v2.busy{border-color:#61332f;background:radial-gradient(circle at 50% 20%,rgba(255,112,120,.12),transparent 50%),#171011}.table-v2 .table-top{position:absolute;top:9px;font-size:8px;color:#576571}.table-v2 b{font:800 14px 'Manrope'}.table-v2 small{font-size:8px;color:#606d79;margin-top:4px}.table-v2 i{position:absolute;bottom:8px;font:800 7px 'Manrope';font-style:normal;color:#ff8d94;letter-spacing:.08em}.table-card{overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font:800 8px 'Manrope';letter-spacing:.1em;text-transform:uppercase;color:#5e6975;padding:13px 16px;border-bottom:1px solid var(--line)}.data-table td{padding:13px 16px;border-bottom:1px solid #171d23;font-size:11px}.data-table tr:last-child td{border:0}.person-cell{display:flex;align-items:center;gap:9px}.person-cell>div:last-child{display:flex;flex-direction:column}.person-cell span,.sub{display:block;color:#64707d;font-size:9px;margin-top:2px}.row-actions{display:flex;gap:5px;justify-content:flex-end}.mini-btn{width:31px;height:31px;border:1px solid var(--line);background:#11161b;color:#82909d;border-radius:9px;display:inline-grid;place-items:center}.mini-btn .ico{width:14px;height:14px}.mini-btn.ok{color:var(--green)}.mini-btn.danger{color:var(--red)}.menu-tabs,.status-tabs{display:flex;gap:7px}.status-tabs span{font:700 10px 'Manrope';color:#697581;padding:8px 10px}.status-tabs span.active{color:#fff;border-bottom:2px solid var(--accent)}.live-label{display:flex;gap:7px;align-items:center;color:#62707c;font-size:9px}.live-label span{width:6px;height:6px;border-radius:50%;background:var(--green)}.menu-admin-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.menu-admin-card{border:1px solid var(--line);border-radius:18px;background:#0d1217;overflow:hidden}.mac-art{height:120px;position:relative;display:grid;place-items:center;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 13%,transparent),transparent 55%),#0a0e12}.mac-art>span{position:absolute;left:13px;top:10px;font:800 8px 'Manrope';color:#43505c}.mac-art>div{width:58px;height:58px;border-radius:50%;border:1px dashed #2a3540;display:grid;place-items:center;color:var(--accent)}.mac-body{padding:16px}.category-label{font:800 8px 'Manrope';letter-spacing:.08em;text-transform:uppercase;color:#677481}.visibility{font:800 7px 'Manrope';color:#63707c}.visibility.on{color:var(--green)}.mac-body h3{font:800 15px 'Manrope';margin:12px 0 6px}.mac-body p{font-size:10px;color:#66727f;line-height:1.5;min-height:31px}.mac-bottom{margin-top:15px}.mac-bottom strong{font:800 15px 'Manrope';color:var(--accent)}.order-board{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.order-v2{border:1px solid var(--line);background:#0d1217;border-radius:18px;padding:16px;position:relative;overflow:hidden}.order-v2:before{content:"";position:absolute;left:0;top:0;right:0;height:2px;background:#63707c}.order-v2.new:before{background:var(--red)}.order-v2.warning:before{background:var(--amber)}.order-v2.success:before{background:var(--green)}.order-head{display:flex;justify-content:space-between}.order-head span:first-child{font:800 8px 'Manrope';letter-spacing:.08em;color:#63707c}.order-head h3{font:800 21px 'Manrope';margin:5px 0}.order-items{border-block:1px solid #1b2229;padding:11px 0;margin:7px 0}.order-items>div{display:grid;grid-template-columns:28px 1fr auto;gap:5px;padding:5px 0;font-size:10px}.order-items b{color:var(--accent)}.order-items strong{font-size:9px;color:#8d98a4}.order-note{border:1px solid #2b2b22;background:#14130d;color:#baaa80;border-radius:9px;padding:8px;font-size:9px;margin:9px 0}.order-foot{display:flex;justify-content:space-between;align-items:center}.order-foot span{display:flex;align-items:center;gap:5px;color:#65717e;font-size:9px}.order-foot .ico{width:12px;height:12px}.order-foot strong{font:800 13px 'Manrope'}.kitchen-head{height:48px;border:1px solid var(--line);background:#0d1217;border-radius:14px;margin-bottom:12px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;font:800 9px 'Manrope';letter-spacing:.08em;color:#66727f}.kitchen-head>div:first-child{display:flex;align-items:center;gap:8px;color:#aab3bd}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.kanban-col{min-width:0}.kanban-col>header{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 5px;font:800 9px 'Manrope';letter-spacing:.09em;color:#717d89}.kanban-col>header b{width:21px;height:21px;border:1px solid var(--line);border-radius:7px;display:grid;place-items:center;color:#a6b0bb}.kanban-col>div{display:flex;flex-direction:column;gap:10px}.ticket{border:1px solid var(--line);background:#0e1318;border-radius:17px;padding:15px;position:relative;overflow:hidden}.ticket:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#65717d}.ticket.new:before{background:var(--red)}.ticket.warning:before{background:var(--amber)}.ticket.success:before{background:var(--green)}.ticket-top{display:flex;justify-content:space-between}.ticket-top small{font-size:8px;color:#687582}.ticket-top h3{font:800 17px 'Manrope';margin:3px 0}.ticket-top>b{font:800 13px 'Manrope';color:#7d8995}.ticket-items{border-top:1px solid #1b2229;margin-top:10px;padding-top:9px}.ticket-items>div{display:grid;grid-template-columns:30px 1fr;font-size:11px;padding:5px 0}.ticket-items strong{color:var(--accent)}.ticket-note{margin:10px 0;border:1px solid #40351f;background:#16130d;color:#c4ad76;padding:9px;border-radius:9px;font-size:8px}.ticket-actions{margin-top:13px}.ready-banner{height:38px;border-radius:10px;background:rgba(74,214,155,.08);border:1px solid rgba(74,214,155,.2);color:var(--green);display:flex;align-items:center;justify-content:center;gap:7px;font:800 9px 'Manrope'}.ready-banner .ico{width:13px;height:13px}.empty-col,.empty-state{padding:30px;text-align:center;color:#55616d;font-size:10px}.notice-list{padding:0 18px}.notice-v2{min-height:66px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;border-bottom:1px solid #171d23;position:relative}.notice-v2.read{opacity:.55}.notice-icon{width:32px;height:32px;border-radius:9px;background:#131920;color:var(--accent);display:grid;place-items:center}.notice-icon .ico{width:15px;height:15px}.notice-v2>div:nth-child(2){display:flex;flex-direction:column}.notice-v2 b{font-size:11px}.notice-v2 span{font-size:9px;color:#65717d;margin-top:3px}.notice-v2>i{width:6px;height:6px;border-radius:50%;background:var(--accent)}.qr-layout{display:grid;grid-template-columns:1fr .75fr;gap:60px}.qr-layout h2{font:800 48px/1 'Manrope';letter-spacing:-.055em;margin:12px 0 17px}.qr-layout>section>p{color:var(--muted);line-height:1.65;max-width:590px}.qr-list{margin-top:24px;border:1px solid var(--line);border-radius:16px;overflow:hidden}.qr-row{min-height:60px;display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding:0 13px;border-bottom:1px solid #171e24}.qr-row:last-child{border:0}.qr-mini{width:31px;height:31px;border:1px solid var(--line);background:#11171c;border-radius:9px;color:var(--accent);display:grid;place-items:center}.qr-mini .ico{width:16px;height:16px}.qr-row>div:nth-child(2){display:flex;flex-direction:column}.qr-row b{font-size:11px}.qr-row span{font-size:8px;color:#596570}.qr-row>.ico{width:15px;height:15px;color:#5f6b77}.qr-preview{display:grid;place-items:center}.phone{width:260px;height:520px;border:1px solid #303b46;border-radius:38px;background:#080b0e;padding:10px;box-shadow:0 30px 90px rgba(0,0,0,.5)}.phone-content{height:100%;border:1px solid #181f26;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 40%),#0b0f13;border-radius:30px;padding:27px 18px;text-align:center}.phone-notch{position:absolute}.qr-preview-box{width:120px;height:120px;margin:100px auto 28px;border:1px solid var(--line2);background:#11171d;border-radius:20px;display:grid;place-items:center;color:var(--accent)}.qr-preview-box .ico{width:68px;height:68px}.phone h3{font:800 18px 'Manrope';margin:0}.phone p{font-size:10px;color:#697581}.waiter-layout{display:grid;grid-template-columns:1fr 340px;gap:12px}.waiter-tables{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;padding:16px}.waiter-tables button{height:66px;border:1px solid var(--line);background:#10161b;color:#fff;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center}.waiter-tables button.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.waiter-tables button.busy{background:#171111;border-color:#4c2b29}.waiter-tables b{font-size:11px}.waiter-tables span{font-size:7px;color:#67737f;margin-top:3px}.card-head.spaced{border-top:1px solid var(--line);margin-top:2px}.waiter-menu{padding:12px 16px 16px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.waiter-menu button{border:1px solid var(--line);background:#10151a;color:#fff;border-radius:11px;padding:10px;display:grid;grid-template-columns:1fr auto auto;align-items:center;text-align:left;gap:10px}.waiter-menu button>div{display:flex;flex-direction:column}.waiter-menu b{font-size:10px}.waiter-menu span{font-size:8px;color:#64717d;margin-top:2px}.waiter-menu strong{font-size:9px;color:var(--accent)}.waiter-menu .ico{width:14px;height:14px;color:#67737f}.cart-card{height:max-content;position:sticky;top:102px}.cart-list{padding:8px 16px;min-height:180px}.cart-list>div:not(.empty-cart){display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #181f25;font-size:10px}.cart-list b{color:var(--accent)}.empty-cart{padding:60px 10px;text-align:center;color:#596570;font-size:10px}.note-input{width:calc(100% - 32px);margin:0 16px;resize:none;min-height:70px}.cart-total{display:flex;justify-content:space-between;padding:18px 16px}.cart-total span{font-size:10px;color:#697581}.cart-total strong{font:800 18px 'Manrope'}.cart-card>.btn{width:calc(100% - 32px);margin:0 16px 16px}
/* Guest QR */
.guest-shell{min-height:100vh;background:#090c10;padding-bottom:100px}.guest-shell>header{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:sticky;top:0;background:rgba(9,12,16,.9);backdrop-filter:blur(15px);z-index:5}.guest-table{font:800 10px 'Manrope';letter-spacing:.08em;background:#11171c;border:1px solid var(--line);padding:8px 10px;border-radius:999px}.guest-shell main{max-width:900px;margin:auto;padding:55px 20px}.guest-head h1{font:800 clamp(44px,8vw,76px)/.95 'Manrope';letter-spacing:-.06em;margin:12px 0}.guest-head p{color:var(--muted)}.guest-menu{margin-top:35px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.guest-menu button{min-height:100px;border:1px solid var(--line);background:#0e1318;color:#fff;border-radius:17px;padding:16px;display:grid;grid-template-columns:1fr auto auto;align-items:center;text-align:left;gap:15px}.guest-menu button>div{display:flex;flex-direction:column}.guest-menu span{font:800 8px 'Manrope';letter-spacing:.08em;color:var(--accent);text-transform:uppercase}.guest-menu b{font:800 14px 'Manrope';margin:5px 0}.guest-menu small{font-size:9px;color:#65717d}.guest-menu strong{font-size:11px}.guest-menu .ico{width:16px;height:16px;color:#65717d}.guest-cart{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);width:min(700px,calc(100% - 28px));height:72px;border:1px solid var(--line2);background:rgba(14,19,24,.93);backdrop-filter:blur(18px);border-radius:18px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px;padding:0 12px 0 18px;box-shadow:0 20px 70px rgba(0,0,0,.45)}.guest-cart>div{display:flex;flex-direction:column}.guest-cart span{font-size:8px;color:#687481}.guest-cart b{font-size:11px;margin-top:3px}.guest-cart>strong{font:800 16px 'Manrope'}
/* Platform */
.platform-login{min-height:100vh;background:radial-gradient(circle at 70% 20%,rgba(118,167,255,.11),transparent 30%),#080b0f;display:flex;flex-direction:column}.platform-brand{display:flex;align-items:center;gap:10px}.platform-login>.platform-brand{position:absolute;top:35px;left:40px}.platform-symbol{width:39px;height:39px;border-radius:12px;background:linear-gradient(145deg,#8cb7ff,#4e73c7);color:#07101c;display:grid;place-items:center;font:900 10px 'Manrope'}.platform-brand>div:last-child{display:flex;flex-direction:column}.platform-brand b{font:800 12px 'Manrope'}.platform-brand span{font-size:8px;color:#65717d}.auth-card.compact{margin:auto}.platform-shell{min-height:100vh;display:grid;grid-template-columns:235px 1fr;background:#090c10}.platform-side{border-right:1px solid var(--line);background:#080b0e;padding:20px 15px;display:flex;flex-direction:column}.platform-side nav{display:flex;flex-direction:column;gap:5px;margin-top:30px}.platform-side nav button,.platform-logout{height:42px;border:0;background:transparent;color:#6e7a87;border-radius:10px;padding:0 11px;display:flex;gap:10px;align-items:center;font:700 11px 'Manrope'}.platform-side nav button.active{background:#11171d;color:#fff}.platform-side nav .ico,.platform-logout .ico{width:16px;height:16px}.platform-logout{margin-top:auto}.platform-main{padding:32px}.platform-main>header{display:flex;justify-content:space-between;align-items:center}.platform-main h1{font:800 35px 'Manrope';letter-spacing:-.05em;margin:7px 0}.platform-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}.platform-kpis>div{border:1px solid var(--line);background:#0e1318;border-radius:15px;padding:15px}.platform-kpis span{display:block;font:700 8px 'Manrope';letter-spacing:.08em;color:#64717e;text-transform:uppercase}.platform-kpis strong{display:block;font:800 22px 'Manrope';margin-top:7px}.platform-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.platform-tenant{border:1px solid var(--line);background:#0d1217;border-radius:20px;padding:20px;position:relative;overflow:hidden}.tenant-glow{position:absolute;width:180px;height:180px;border-radius:50%;background:var(--tenant);filter:blur(70px);opacity:.09;right:-50px;top:-50px}.pt-top{display:flex;justify-content:space-between;align-items:center;position:relative}.pt-mark{width:42px;height:42px;border-radius:13px;background:color-mix(in srgb,var(--tenant) 18%,#121820);border:1px solid color-mix(in srgb,var(--tenant) 25%,#26313b);color:var(--tenant);display:grid;place-items:center;font:800 10px 'Manrope'}.platform-tenant h2{font:800 20px 'Manrope';letter-spacing:-.03em;margin:18px 0 4px;position:relative}.platform-tenant>p{font-size:10px;color:#66727f}.pt-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:18px 0}.pt-metrics div{background:#0a0e12;border:1px solid #181f25;border-radius:10px;padding:9px}.pt-metrics span{display:block;font-size:7px;color:#586570}.pt-metrics b{display:block;font:800 14px 'Manrope';margin-top:3px}.pt-actions{display:flex;gap:8px;border-top:1px solid var(--line);padding-top:15px}.pt-actions a{display:flex;align-items:center;gap:7px;color:#93a0ad;font:700 9px 'Manrope'}.pt-actions .ico{width:12px;height:12px}.fatal{min-height:100vh;display:grid;place-items:center;align-content:center;text-align:center;gap:10px}.fatal>div{color:var(--red);width:35px;height:35px}.fatal h1{font:800 30px 'Manrope';margin:8px}.fatal p{color:var(--muted)}
/* toast */
#toast-root{position:fixed;right:18px;bottom:18px;z-index:999;display:flex;flex-direction:column;gap:8px}.toast{min-width:270px;display:flex;align-items:center;gap:10px;border:1px solid #264a3a;background:rgba(13,25,20,.94);color:#cde9dc;padding:13px 14px;border-radius:13px;box-shadow:0 18px 50px rgba(0,0,0,.4);font-size:11px;transform:translateY(10px);opacity:0;transition:.22s}.toast.show{transform:none;opacity:1}.toast.err{border-color:#542a2e;background:rgba(29,15,17,.96);color:#ffc0c4}.toast .ico{width:15px;height:15px}
@media(max-width:1150px){.hero-v2{grid-template-columns:1fr}.hero-visual{display:none}.hero-copy h1{font-size:120px}.metric-grid{grid-template-columns:1fr 1fr}.menu-admin-v2,.order-board{grid-template-columns:1fr 1fr}.waiter-layout{grid-template-columns:1fr}.cart-card{position:static}.qr-layout{grid-template-columns:1fr}.qr-preview{display:none}.platform-grid{grid-template-columns:1fr}.dash-grid{grid-template-columns:1fr}}
@media(max-width:820px){.site-nav{grid-template-columns:1fr auto}.site-links{display:none}.hero-v2{padding-inline:7vw}.hero-copy h1{font-size:clamp(72px,20vw,120px)}.hero-meta{grid-template-columns:1fr;gap:16px}.food-grid{grid-template-columns:1fr 1fr}.experience{grid-template-columns:1fr}.experience-visual{min-height:360px}.reservation-section{grid-template-columns:1fr}.auth-shell{grid-template-columns:1fr}.auth-art{display:none}.os-shell{grid-template-columns:74px 1fr}.os-logo>div:last-child,.os-nav button span,.os-user>div:nth-child(2){display:none}.os-logo{justify-content:center}.os-sidebar{padding:15px 10px}.os-nav button{justify-content:center;padding:0}.os-nav button.active:before{left:-10px}.os-user{grid-template-columns:1fr;justify-items:center}.os-user button{display:none}.platform-shell{grid-template-columns:72px 1fr}.platform-side .platform-brand>div:last-child,.platform-side nav button:not(.active){font-size:0}.platform-side nav button{justify-content:center}.platform-side nav button.active{font-size:0}.platform-logout{font-size:0;justify-content:center}.platform-main{padding:20px}.platform-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.site-nav{height:68px;padding:0 18px}.nav-cta{font-size:0}.hero-v2{padding:120px 20px 45px;min-height:92vh}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.hero-meta{margin-top:35px}.section-v2{padding:80px 20px}.section-head{grid-template-columns:1fr;gap:10px}.food-grid{grid-template-columns:1fr}.experience{margin:0 14px}.experience-card{padding:45px 24px}.stats-line{grid-template-columns:1fr 1fr}.experience-visual{padding:30px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.site-footer{padding:25px 20px;height:auto;gap:15px;flex-wrap:wrap}.os-shell{display:block}.os-sidebar{position:fixed;z-index:50;left:0;right:0;bottom:0;top:auto;height:64px;border-right:0;border-top:1px solid var(--line);display:block;padding:6px 8px}.os-logo,.os-user{display:none}.os-nav{padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:2px}.os-nav button:nth-child(n+6){display:none}.os-nav button{height:50px;justify-content:center}.os-nav button.active:before{display:none}.os-top{height:72px;padding:0 16px}.os-content{padding:18px 14px 85px}.breadcrumbs{display:none}.os-top h1{margin:0}.system-live{display:none}.dashboard-hero{align-items:flex-start}.dashboard-hero h2{font-size:27px}.date-pill{display:none}.metric-grid{grid-template-columns:1fr 1fr}.metric-card{min-height:135px;padding:14px}.activity-row{grid-template-columns:auto 1fr auto}.activity-row .order-state,.activity-row time{display:none}.menu-admin-v2,.order-board,.kanban{grid-template-columns:1fr}.floor-v2{min-height:600px;overflow:auto}.table-v2{transform:scale(.78);transform-origin:top left}.page-toolbar{align-items:flex-start;gap:10px;flex-direction:column}.search-box{width:100%}.data-table th:nth-child(4),.data-table td:nth-child(4){display:none}.qr-layout h2{font-size:36px}.waiter-tables{grid-template-columns:repeat(3,1fr)}.waiter-menu{grid-template-columns:1fr}.guest-menu{grid-template-columns:1fr}.guest-cart{grid-template-columns:1fr auto}.guest-cart .btn{grid-column:1/-1;height:40px}.guest-cart{height:auto;padding:12px}.platform-main{padding:16px}.platform-kpis{grid-template-columns:1fr 1fr}.platform-grid{grid-template-columns:1fr}.pt-metrics{grid-template-columns:1fr 1fr}}

/* ===== PLATFORM RESPONSIVE V2 ===== */
.platform-shell{grid-template-columns:minmax(210px,235px) minmax(0,1fr)}
.platform-main{min-width:0;width:100%;max-width:1680px;margin:0 auto;padding:clamp(18px,2.2vw,34px)}
.platform-main>header{gap:18px;flex-wrap:wrap}
.platform-main>header .btn{flex:0 0 auto}
.platform-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1vw,14px)}
.platform-kpis>div{min-width:0}
.platform-kpis strong{font-size:clamp(18px,1.7vw,24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1vw,14px)}
.platform-tenant{min-width:0}
.platform-tenant h2{font-size:clamp(17px,1.5vw,21px);overflow-wrap:anywhere}
.platform-tenant>p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pt-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
.pt-metrics div{min-width:0}
.pt-metrics span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pt-actions{flex-wrap:wrap}
.platform-mobilebar{display:none}
.platform-menu-btn{display:none;width:40px;height:40px;border:1px solid var(--line);background:#0e1318;color:#fff;border-radius:11px;place-items:center}
.platform-menu-btn .ico{width:18px;height:18px}
.platform-overlay{display:none}

@media(max-width:1280px){
  .platform-shell{grid-template-columns:200px minmax(0,1fr)}
  .platform-side{padding-inline:12px}
  .platform-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .platform-grid{grid-template-columns:1fr}
}

@media(max-width:900px){
  .platform-shell{display:block}
  .platform-side{position:fixed;inset:0 auto 0 0;width:270px;z-index:80;transform:translateX(-105%);transition:transform .25s ease;box-shadow:24px 0 60px rgba(0,0,0,.45)}
  .platform-shell.menu-open .platform-side{transform:translateX(0)}
  .platform-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.56);backdrop-filter:blur(4px);z-index:70;opacity:0;pointer-events:none;transition:opacity .25s ease}
  .platform-shell.menu-open .platform-overlay{opacity:1;pointer-events:auto}
  .platform-mobilebar{height:68px;position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line);background:rgba(8,11,14,.9);backdrop-filter:blur(18px)}
  .platform-mobilebar .platform-brand>div:last-child{display:flex}
  .platform-menu-btn{display:grid}
  .platform-main{padding:18px 16px 32px}
  .platform-main>header{align-items:flex-start}
  .platform-main h1{font-size:clamp(28px,7vw,35px)}
}

@media(max-width:620px){
  .platform-main>header{display:grid;grid-template-columns:1fr}
  .platform-main>header .btn{width:100%;justify-content:center}
  .platform-kpis{grid-template-columns:1fr 1fr;margin:16px 0}
  .platform-kpis>div{padding:13px;border-radius:13px}
  .platform-kpis strong{font-size:18px}
  .platform-tenant{padding:16px;border-radius:16px}
  .pt-top{align-items:flex-start}
  .pt-metrics{grid-template-columns:1fr 1fr;gap:6px}
  .pt-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .pt-actions a{min-height:38px;justify-content:center;border:1px solid var(--line);border-radius:9px;padding:8px;background:#0a0f13}
}

@media(max-width:420px){
  .platform-kpis{grid-template-columns:1fr}
  .pt-actions{grid-template-columns:1fr}
  .platform-mobilebar{padding-inline:12px}
  .platform-main{padding-inline:12px}
  .platform-side{width:min(86vw,290px)}
}

/* Functional Platform Console */
.platform-lead{margin:4px 0 0;color:#6f7c88;font-size:11px;max-width:620px}.analytics-live{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#0d1217;border-radius:999px;padding:9px 12px;font:700 9px 'Manrope';color:#9aa6b2}.analytics-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:12px}.analytics-card{border:1px solid var(--line);background:#0d1217;border-radius:20px;padding:20px;min-width:0}.analytics-card.wide{min-height:280px}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:22px}.card-head span{font:700 8px 'Manrope';letter-spacing:.1em;text-transform:uppercase;color:#64717e}.card-head h3{font:800 18px 'Manrope';margin:4px 0 0}.card-head>b{font:800 18px 'Manrope'}.revenue-bars{display:grid;gap:16px}.revenue-label{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-bottom:7px}.tenant-mini{width:8px;height:8px;border-radius:50%;background:var(--tenant);box-shadow:0 0 14px var(--tenant)}.revenue-label b{font:700 10px 'Manrope'}.revenue-label small{color:#73808c;font-size:9px}.bar-track{height:9px;border-radius:999px;background:#090d11;border:1px solid #171f26;overflow:hidden}.bar-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--tenant) 55%,#fff),var(--tenant));box-shadow:0 0 20px color-mix(in srgb,var(--tenant) 35%,transparent)}.donut-wrap{display:grid;place-items:center;gap:22px}.css-donut{--p:40;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;align-content:center;background:conic-gradient(#78a8ff calc(var(--p)*1%),#161d24 0);position:relative}.css-donut:after{content:"";position:absolute;inset:14px;border-radius:50%;background:#0d1217}.css-donut strong,.css-donut span{position:relative;z-index:1}.css-donut strong{font:800 30px 'Manrope'}.css-donut span{font-size:9px;color:#6e7b87}.legend-stack{width:100%;display:grid;gap:8px}.legend-stack>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:9px;border:1px solid #182028;border-radius:10px}.legend-stack i{width:7px;height:7px;border-radius:50%;background:#78a8ff}.legend-stack span{font-size:9px;color:#73808c}.legend-stack b{font:800 10px 'Manrope'}.ranking-list{display:grid;gap:8px}.ranking-list>div{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:12px;border:1px solid #182028;border-radius:12px;background:#0a0f13}.ranking-list>div>strong{font:800 11px 'Manrope';color:#7da9ff}.ranking-list>div>span{font:700 10px 'Manrope'}.ranking-list small{display:block;margin-top:3px;font:500 8px 'Inter';color:#64717e}.ranking-list>div>b{font:800 11px 'Manrope'}.client-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:22px 0 12px}.client-toolbar>span{font:700 9px 'Manrope';color:#65727f}.platform-search{height:42px;min-width:min(420px,100%);display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#0d1217;border-radius:12px;padding:0 12px}.platform-search .ico{width:15px;height:15px;color:#667480}.platform-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font:600 10px 'Manrope'}.client-list{display:grid;gap:9px}.client-row{display:grid;grid-template-columns:minmax(230px,1.4fr) repeat(3,minmax(85px,.45fr)) auto;align-items:center;gap:12px;border:1px solid var(--line);background:#0d1217;border-radius:16px;padding:14px}.client-identity{display:flex;align-items:center;gap:11px;min-width:0}.client-identity>div:last-child{min-width:0}.client-identity b{display:block;font:800 12px 'Manrope';white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-identity span{display:block;margin-top:3px;font-size:8px;color:#64717e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-stat span{display:block;font-size:7px;color:#5f6c78;text-transform:uppercase}.client-stat b{display:block;margin-top:3px;font:800 11px 'Manrope'}.client-actions{display:flex;align-items:center;gap:6px}.mini-action,.toggle-client{border:1px solid #202932;background:#0a0e12;color:#94a1ae;border-radius:9px;height:34px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;font:700 8px 'Manrope'}.toggle-client{gap:6px;cursor:pointer}.toggle-client i{width:7px;height:7px;border-radius:50%;background:#ef6262}.toggle-client.on i{background:#45d99a;box-shadow:0 0 10px rgba(69,217,154,.45)}.empty-platform{padding:50px;text-align:center;border:1px dashed #26303a;border-radius:16px;color:#64717e}.platform-modal-wrap{position:fixed;inset:0;z-index:200;background:rgba(3,5,8,.74);backdrop-filter:blur(10px);display:grid;place-items:center;padding:18px;opacity:0;transition:.18s}.platform-modal-wrap.show{opacity:1}.platform-modal{width:min(760px,100%);max-height:92vh;overflow:auto;border:1px solid #252f39;background:linear-gradient(145deg,#11171d,#0a0e12);border-radius:24px;padding:25px;box-shadow:0 30px 100px rgba(0,0,0,.55);position:relative;transform:translateY(12px) scale(.98);transition:.18s}.platform-modal-wrap.show .platform-modal{transform:none}.platform-modal h2{font:800 28px 'Manrope';letter-spacing:-.04em;margin:7px 0}.platform-modal>p{color:#74818d;font-size:10px;margin-bottom:22px}.modal-close{position:absolute;right:18px;top:18px;width:35px;height:35px;border:1px solid var(--line);background:#0b1014;color:#fff;border-radius:10px;display:grid;place-items:center}.modal-close .ico{width:15px;height:15px}.platform-modal .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.platform-modal .field.full{grid-column:1/-1}.platform-modal input[type="color"]{padding:4px;height:46px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.status-dot.inactive{color:#ff8282;background:rgba(255,90,90,.08);border-color:rgba(255,90,90,.2)}
@media(max-width:1050px){.analytics-grid{grid-template-columns:1fr}.client-row{grid-template-columns:minmax(220px,1.5fr) repeat(2,minmax(80px,.5fr)) auto}.client-stat:nth-of-type(4){display:none}}
@media(max-width:760px){.client-toolbar{align-items:stretch;flex-direction:column}.platform-search{min-width:0;width:100%}.client-row{grid-template-columns:1fr auto}.client-stat{display:none}.client-actions{grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap}.platform-modal .form-grid{grid-template-columns:1fr}.platform-modal .field.full{grid-column:auto}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%;justify-content:center}.analytics-card{padding:15px}.ranking-list>div{grid-template-columns:32px 1fr}.ranking-list>div>b{grid-column:2}.css-donut{width:130px;height:130px}}

/* Del Gusto production additions */
.site-nav-actions{display:flex;align-items:center;gap:10px}.staff-top{height:44px;padding:0 18px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);color:#fff;font-weight:800;cursor:pointer;transition:.2s}.staff-top:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);transform:translateY(-1px)}
.settings-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:18px}.settings-form{padding-top:10px}.settings-toggles{display:grid;gap:12px;padding-top:10px}.settings-toggles label{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025);font-weight:800}.settings-toggles input{width:18px;height:18px;accent-color:var(--accent)}
@media(max-width:900px){.site-nav-actions{gap:6px}.staff-top{padding:0 12px;font-size:12px}.settings-grid{grid-template-columns:1fr}}
@media(max-width:680px){.site-nav-actions .nav-cta{display:none}.staff-top{height:40px}.site-links{display:none}.data-table{min-width:720px}.table-card{overflow:auto}}
\n/* Fixed CRM menu navigation + modern item modal */
.menu-sticky-toolbar{position:sticky;top:86px;z-index:18;display:flex;align-items:center;gap:14px;margin:-28px -30px 20px;padding:14px 30px;background:rgba(9,12,16,.96);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.menu-sticky-toolbar .menu-tabs{flex:1;min-width:0;display:flex;gap:7px;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;padding:2px 2px 6px;scrollbar-width:thin;overscroll-behavior-x:contain;scroll-snap-type:x proximity}
.menu-sticky-toolbar .menu-tabs .chip{flex:0 0 auto;white-space:nowrap;scroll-snap-align:start}
.menu-add-btn{flex:0 0 auto}
.menu-modal-wrap{position:fixed;inset:0;z-index:300;background:rgba(2,4,7,.78);backdrop-filter:blur(12px);display:grid;place-items:center;padding:18px;opacity:0;transition:.18s}
.menu-modal-wrap.show{opacity:1}.menu-modal{width:min(650px,100%);max-height:92vh;overflow:auto;position:relative;border:1px solid #27313b;background:linear-gradient(145deg,#12181e,#090d11);border-radius:24px;padding:28px;box-shadow:0 35px 110px rgba(0,0,0,.6);transform:translateY(12px) scale(.985);transition:.18s}.menu-modal-wrap.show .menu-modal{transform:none}.menu-modal h2{font:800 30px 'Manrope';letter-spacing:-.045em;margin:8px 0 5px}.menu-modal>p{margin:0 0 24px;color:var(--muted);font-size:11px}.menu-modal .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.menu-modal .full{grid-column:1/-1}.menu-visible-toggle{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#0a0f13;border-radius:14px;padding:14px;cursor:pointer}.menu-visible-toggle input{width:18px;height:18px;accent-color:var(--accent)}.menu-visible-toggle span{display:flex;flex-direction:column;gap:3px}.menu-visible-toggle b{font:800 11px 'Manrope'}.menu-visible-toggle small{font-size:9px;color:var(--muted)}
@media(max-width:760px){.menu-sticky-toolbar{top:70px;margin:-18px -14px 16px;padding:10px 14px;align-items:stretch;flex-direction:column}.menu-add-btn{width:100%}.menu-modal{padding:20px}.menu-modal .form-grid{grid-template-columns:1fr}.menu-modal .full{grid-column:auto}}
/* Sakrij scrollbar ispod kategorija */
/* Ukloni scrollbar kod kategorija */
/* === MENU KATEGORIJE - POTPUNO SAKRIJ SCROLLBAR === */

.menu-sticky-toolbar,
.menu-sticky-toolbar .menu-tabs,
.menu-tabs {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

.menu-tabs {
    overflow-x: auto !important;
    overflow-y: hidden !important;
}

    /* Chrome / Brave / Edge / Safari */
    .menu-tabs::-webkit-scrollbar,
    .menu-sticky-toolbar::-webkit-scrollbar,
    .menu-sticky-toolbar .menu-tabs::-webkit-scrollbar {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }
/* =========================================================
   DEL GUSTO PUBLIC WEBSITE — IMAGE EXPERIENCE
   ========================================================= */

.hero-photo-visual {
    position: relative;
    min-height: 640px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-photo-frame {
    width: min(500px,88%);
    height: 590px;
    position: relative;
    overflow: hidden;
    border-radius: 34px;
    border: 1px solid rgba(255,255,255,.09);
    background: #090c10;
    box-shadow: 0 40px 100px rgba(0,0,0,.55), 0 0 80px color-mix(in srgb,var(--accent) 12%,transparent);
}

.hero-main-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .8s cubic-bezier(.2,.8,.2,1);
}

.hero-photo-frame:hover .hero-main-photo {
    transform: scale(1.045);
}

.hero-photo-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient( 180deg, rgba(6,8,11,.05) 20%, rgba(6,8,11,.12) 55%, rgba(6,8,11,.86) 100% );
    pointer-events: none;
}

.hero-photo-caption {
    position: absolute;
    left: 28px;
    right: 28px;
    bottom: 28px;
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 20px;
    z-index: 2;
}

    .hero-photo-caption small {
        font: 800 9px Manrope,sans-serif;
        color: var(--accent);
        letter-spacing: .2em;
    }

    .hero-photo-caption strong {
        font-size: 18px;
    }

.hero-photo-visual .fc1 {
    position: absolute;
    left: -4px;
    top: 120px;
    z-index: 5;
}

.hero-photo-visual .fc2 {
    position: absolute;
    right: -2px;
    bottom: 90px;
    z-index: 5;
}


/* EXPERIENCE */

.dg-experience {
    padding: 130px 6%;
    max-width: 1600px;
    margin: 0 auto;
}

.dg-experience-head {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 80px;
    align-items: end;
    margin-bottom: 55px;
}

    .dg-experience-head h2 {
        margin: 12px 0 0;
        font-size: clamp(42px,5vw,78px);
        line-height: .96;
        letter-spacing: -.045em;
    }

    .dg-experience-head > p {
        margin: 0;
        max-width: 600px;
        color: var(--muted);
        font-size: 17px;
        line-height: 1.85;
    }


/* GALLERY */

.dg-gallery {
    display: grid;
    grid-template-columns: 1.25fr .75fr .75fr;
    grid-template-rows: 310px 310px;
    gap: 16px;
}

.dg-gallery-item {
    margin: 0;
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    background: #0b0f13;
    border: 1px solid rgba(255,255,255,.07);
}

.dg-gallery-large {
    grid-row: 1 / 3;
}

.dg-gallery-wide {
    grid-column: 2 / 4;
}

.dg-gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .7s cubic-bezier(.2,.8,.2,1), filter .7s ease;
}

.dg-gallery-item:hover img {
    transform: scale(1.055);
}

.dg-gallery-item::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient( to top, rgba(4,6,9,.74), transparent 52% );
    opacity: .75;
    transition: .3s ease;
}

.dg-gallery-item:hover::after {
    opacity: .9;
}

.dg-img-overlay {
    position: absolute;
    left: 22px;
    right: 22px;
    bottom: 20px;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: end;
}

    .dg-img-overlay span {
        color: var(--accent);
        font: 800 9px Manrope,sans-serif;
        letter-spacing: .18em;
    }

    .dg-img-overlay strong {
        font-size: 16px;
    }


/* BOTTOM STATS */

.dg-experience-bottom {
    display: grid;
    grid-template-columns: repeat(3,1fr) auto;
    gap: 25px;
    align-items: center;
    margin-top: 30px;
    padding: 26px 0;
    border-top: 1px solid rgba(255,255,255,.08);
    border-bottom: 1px solid rgba(255,255,255,.08);
}

    .dg-experience-bottom > div {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .dg-experience-bottom strong {
        font-size: 18px;
    }

    .dg-experience-bottom span {
        color: var(--muted);
        font-size: 11px;
    }


/* MOBILE */

@media(max-width:1000px) {

    .hero-photo-visual {
        min-height: 540px;
    }

    .hero-photo-frame {
        height: 520px;
    }

    .hero-photo-visual .fc1 {
        left: 10px;
    }

    .hero-photo-visual .fc2 {
        right: 10px;
    }

    .dg-experience-head {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .dg-gallery {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 420px 240px 280px;
    }

    .dg-gallery-large {
        grid-column: 1 / 3;
        grid-row: auto;
    }

    .dg-gallery-wide {
        grid-column: 1 / 3;
    }

    .dg-experience-bottom {
        grid-template-columns: repeat(3,1fr);
    }

        .dg-experience-bottom .btn {
            grid-column: 1 / 4;
        }
}


@media(max-width:620px) {

    .dg-experience {
        padding: 85px 20px;
    }

    .dg-gallery {
        display: flex;
        flex-direction: column;
    }

    .dg-gallery-item {
        height: 280px;
    }

    .dg-gallery-large {
        height: 420px;
    }

    .dg-experience-bottom {
        grid-template-columns: 1fr;
    }

        .dg-experience-bottom .btn {
            grid-column: auto;
        }

    .hero-photo-frame {
        width: 94%;
        height: 500px;
        border-radius: 24px;
    }

    .hero-photo-visual .fc1,
    .hero-photo-visual .fc2 {
        transform: scale(.9);
    }
}
/* =========================================================
   DEL GUSTO - MOBILE CRM SIDEBAR FIX
   ========================================================= */

.mobile-menu-btn,
.mobile-sidebar-close,
.mobile-sidebar-overlay {
    display: none;
}


/* TABLET + MOBILE */
@media (max-width: 900px) {

    .os-shell {
        display: block !important;
        min-height: 100vh;
        width: 100%;
        overflow-x: hidden;
    }


    .os-main {
        width: 100% !important;
        min-width: 0 !important;
    }


    /* SIDEBAR POSTAJE DRAWER */

    .os-sidebar {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: auto !important;
        bottom: 0 !important;
        width: min(310px, 88vw) !important;
        height: 100dvh !important;
        padding: 18px 14px !important;
        display: flex !important;
        flex-direction: column !important;
        background: #080b0e !important;
        border-right: 1px solid var(--line) !important;
        border-top: 0 !important;
        z-index: 1002 !important;
        transform: translateX(-105%);
        transition: transform .26s cubic-bezier(.2,.8,.2,1);
        box-shadow: 25px 0 80px rgba(0,0,0,.58);
    }


    .os-shell.mobile-nav-open .os-sidebar {
        transform: translateX(0);
    }


    /* TAMNA POZADINA */

    .mobile-sidebar-overlay {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 1001;
        background: rgba(0,0,0,.64);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        opacity: 0;
        pointer-events: none;
        transition: opacity .25s ease;
    }


    .os-shell.mobile-nav-open
    .mobile-sidebar-overlay {
        opacity: 1;
        pointer-events: auto;
    }


    /* HAMBURGER */

    .mobile-menu-btn {
        display: grid;
        place-items: center;
        width: 43px;
        height: 43px;
        flex: 0 0 43px;
        padding: 0;
        border: 1px solid var(--line);
        border-radius: 12px;
        background: #0d1217;
        color: #fff;
    }


        .mobile-menu-btn .ico {
            width: 19px;
            height: 19px;
        }


    /* X DUGME */

    .mobile-sidebar-close {
        display: grid;
        place-items: center;
        position: absolute;
        top: 18px;
        right: 14px;
        width: 38px;
        height: 38px;
        padding: 0;
        border: 1px solid var(--line);
        border-radius: 11px;
        background: #10161b;
        color: #fff;
        z-index: 5;
    }


        .mobile-sidebar-close .ico {
            width: 17px;
            height: 17px;
        }


    /* LOGO */

    .os-logo {
        display: flex !important;
        justify-content: flex-start !important;
        padding-right: 48px !important;
    }


        .os-logo > div:last-child {
            display: flex !important;
        }


    /* VRATI CIJELI MENI */

    .os-nav {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: none !important;
        gap: 5px !important;
        padding-top: 18px !important;
        overflow-y: auto;
        min-height: 0;
        scrollbar-width: none;
    }


        .os-nav::-webkit-scrollbar {
            display: none;
        }


        /* VAŽNO:
       poništava stari CSS koji krije
       šestu i naredne stavke */

        .os-nav button,
        .os-nav button:nth-child(n+6) {
            display: flex !important;
            width: 100% !important;
            height: 46px !important;
            justify-content: flex-start !important;
            align-items: center !important;
            padding: 0 12px !important;
            font-size: 13px !important;
        }


            .os-nav button span {
                display: inline !important;
            }


            .os-nav button.active::before {
                display: block !important;
                left: -14px !important;
            }


    /* USER NA DNU */

    .os-user {
        display: grid !important;
        grid-template-columns: auto 1fr auto !important;
        justify-items: stretch !important;
    }


        .os-user > div:nth-child(2) {
            display: flex !important;
        }


        .os-user button {
            display: block !important;
        }


    /* TOP BAR */

    .os-top {
        height: 76px !important;
        padding: 0 14px !important;
        display: flex !important;
        align-items: center !important;
        gap: 12px;
    }


    .os-heading {
        flex: 1;
        min-width: 0;
    }


    .os-top h1 {
        margin: 0 !important;
        font-size: 20px !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }


    .breadcrumbs {
        display: none !important;
    }


    .system-live {
        display: none !important;
    }


    .top-actions {
        margin-left: auto;
    }


    /* CONTENT */

    .os-content {
        padding: 18px 14px 40px !important;
    }
}


/* MANJI TELEFONI */

@media (max-width: 520px) {

    .os-sidebar {
        width: 88vw !important;
    }


    .os-top {
        height: 70px !important;
    }


        .os-top h1 {
            font-size: 18px !important;
        }


    .mobile-menu-btn {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
    }
}
/* =========================================================
   DEL GUSTO - PUBLIC NAV + READABILITY FIX
   ========================================================= */

/* ---------- NAVIGATION ---------- */

.site-nav {
    grid-template-columns: minmax(180px, 1fr) auto minmax(240px, 1fr);
    gap: 24px;
}

    .site-nav .wordmark {
        min-width: 0;
        white-space: nowrap;
    }

.site-links {
    white-space: nowrap;
}

.site-nav-actions {
    justify-self: end;
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: max-content;
}

.staff-top {
    flex: 0 0 auto;
    white-space: nowrap;
    min-width: 105px;
    height: 44px;
    padding: 0 18px;
    font-size: 12px;
    font-weight: 800;
}

.nav-cta {
    flex: 0 0 auto;
    white-space: nowrap;
}


/* ---------- TEXT READABILITY ---------- */

:root {
    --muted: #aeb8c4;
    --muted2: #8995a2;
}


/* PUBLIC WEBSITE */

.site-links {
    color: #c8d0d8;
    font-size: 14px;
    font-weight: 600;
}

    .site-links a:hover {
        color: #ffffff;
    }


.hero-copy > p {
    color: #bcc5ce;
    font-size: 18px;
    line-height: 1.75;
}


.hero-meta small {
    color: #929eaa;
    font-size: 10px;
}


.hero-meta b {
    color: #e4e8ec;
    font-size: 13px;
}


.section-head p,
.reservation-copy p,
.dg-experience-head > p {
    color: #b7c1cb;
}


.food-info p {
    color: #aeb9c4;
    font-size: 14px;
    line-height: 1.65;
}


.food-top span {
    color: #929eaa;
    font-size: 10px;
}


.contact-stack {
    color: #c2cad2;
}


/* FORMS */

.field > span {
    color: #aeb8c2;
    font-size: 11px;
    font-weight: 700;
}


.field input,
.field select,
.field textarea {
    color: #ffffff;
    font-size: 14px;
}


/* ---------- CRM READABILITY ---------- */

.os-nav button {
    color: #9faab5;
    font-size: 13px;
}


    .os-nav button:hover {
        color: #ffffff;
    }


    .os-nav button.active {
        color: #ffffff;
    }


.breadcrumbs {
    color: #8d99a5;
    font-size: 10px;
}


.dashboard-hero p {
    color: #aab5c0;
    font-size: 13px;
}


.page-toolbar p {
    color: #aab5c0;
    font-size: 13px;
}


.metric-card > span {
    color: #98a4b0;
    font-size: 11px;
}


.metric-card small {
    color: #8d99a5;
    font-size: 10px;
}


.activity-main b {
    font-size: 12px;
}


.activity-main span {
    color: #8995a2;
    font-size: 10px;
}


.data-table th {
    color: #8b97a3;
    font-size: 9px;
}


.data-table td {
    font-size: 12px;
}


.person-cell span,
.sub {
    color: #8995a2;
    font-size: 10px;
}


.mac-body h3 {
    font-size: 16px;
}


.mac-body p {
    color: #9da9b5;
    font-size: 11px;
    line-height: 1.55;
}


.waiter-menu b {
    font-size: 11px;
}


.waiter-menu span {
    color: #8f9ba7;
    font-size: 9px;
}


.ticket-items > div {
    font-size: 12px;
}


.notice-v2 b {
    font-size: 12px;
}


.notice-v2 span {
    color: #8995a2;
    font-size: 10px;
}


/* ---------- TABLET ---------- */

@media (max-width: 1050px) {

    .site-nav {
        grid-template-columns: minmax(150px, 1fr) auto;
        gap: 18px;
    }


    .site-links {
        display: none;
    }


    .site-nav-actions {
        justify-self: end;
    }
}


/* ---------- PHONE ---------- */

@media (max-width: 600px) {

    .site-nav {
        height: 68px;
        padding: 0 14px;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 10px;
    }


        .site-nav .wordmark {
            display: flex;
            max-width: 150px;
            overflow: hidden;
            text-overflow: ellipsis;
        }


    .site-nav-actions {
        min-width: 0;
        gap: 0;
    }


        .site-nav-actions .nav-cta {
            display: none !important;
        }


    .staff-top {
        min-width: auto;
        height: 40px;
        padding: 0 13px;
        font-size: 11px;
        border-radius: 12px;
    }


    .hero-copy > p {
        font-size: 16px;
        line-height: 1.75;
    }


    .section-head p,
    .reservation-copy p,
    .dg-experience-head > p {
        font-size: 15px;
        line-height: 1.75;
    }


    .field input,
    .field select,
    .field textarea {
        font-size: 16px;
    }
}
/* =========================================================
   FINAL PUBLIC READABILITY V2
   ========================================================= */

.site-nav {
    height: 82px !important;
    padding: 0 6vw !important;
}

.site-links {
    gap: 38px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #e1e5e9 !important;
}

    .site-links a {
        opacity: .9;
    }

        .site-links a:hover {
            opacity: 1;
            color: var(--accent) !important;
        }


/* CRM LOGIN - ODVOJI GA OD JAVNE NAVIGACIJE */

.site-nav-actions {
    gap: 14px !important;
}

.staff-top {
    order: 2;
    height: 46px !important;
    padding: 0 20px !important;
    background: #15191e !important;
    border: 1px solid #39424c !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    box-shadow: 0 8px 25px rgba(0,0,0,.25);
}


/* Rezerviši ide prije CRM-a */

.nav-cta {
    order: 1;
    font-size: 14px !important;
    font-weight: 800 !important;
    margin-right: 8px;
}


/* HERO TEKST */

.hero-copy > p {
    color: #d0d6dc !important;
    font-size: 19px !important;
    line-height: 1.75 !important;
    max-width: 660px !important;
}


/* gornji PREMIUM DINING badge */

.micro-pill {
    color: #e0e4e8 !important;
    font-size: 11px !important;
    border-color: #46505b !important;
}


/* DUGMAD */

.hero-actions .btn {
    min-height: 54px;
    padding: 0 22px !important;
    font-size: 14px !important;
}

    .hero-actions .btn.ghost {
        color: #ffffff !important;
        border-color: #37414b !important;
        background: #11171d !important;
    }


/* INFORMACIJE ISPOD HERO-A */

.hero-meta {
    border-top-color: #343d46 !important;
}

    .hero-meta small {
        color: #aab4be !important;
        font-size: 10px !important;
        letter-spacing: .15em !important;
    }

    .hero-meta b {
        color: #f0f2f4 !important;
        font-size: 13px !important;
    }


/* SVI OPISI NA STRANICI */

.section-head p,
.reservation-copy p,
.dg-experience-head > p {
    color: #c5cdd5 !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
}


/* JELOVNIK */

.food-info h3 {
    color: #ffffff !important;
    font-size: 21px !important;
}

.food-info p {
    color: #b8c1ca !important;
    font-size: 14px !important;
}

.food-top span {
    color: #a4aeba !important;
}


/* FORMULAR */

.field > span {
    color: #c4cbd2 !important;
    font-size: 11px !important;
}

.field input,
.field select,
.field textarea {
    border-color: #303943 !important;
    background: #0b0f13 !important;
    color: #ffffff !important;
}


/* MOBILE */

@media (max-width: 600px) {

    .site-nav {
        height: 70px !important;
        padding: 0 14px !important;
    }

    .site-nav-actions .nav-cta {
        display: none !important;
    }

    .staff-top {
        order: initial;
        height: 40px !important;
        padding: 0 13px !important;
        font-size: 11px !important;
    }

    .hero-copy > p {
        font-size: 16px !important;
    }

    .hero-actions .btn {
        width: 100%;
        min-height: 52px;
    }
}
.status-tabs button {
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: #929daa;
    padding: 8px 11px;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
}

    .status-tabs button:hover {
        color: #fff;
    }

    .status-tabs button.active {
        color: #fff;
        border-bottom-color: var(--accent);
    }
/* =========================================
   PAYMENT MODAL
   ========================================= */

.payment-modal-overlay {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(0, 0, 0, .76);
    backdrop-filter: blur(8px);
}

.payment-modal {
    position: relative;
    width: 100%;
    max-width: 520px;
    padding: 32px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 22px;
    background: #0d1217;
    box-shadow: 0 30px 90px rgba(0,0,0,.55);
}

.payment-modal-close {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 10px;
    background: rgba(255,255,255,.04);
    color: #fff;
    font-size: 23px;
    cursor: pointer;
}

.payment-modal-label {
    margin-bottom: 8px;
    color: #e9a455;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.6px;
}

.payment-modal h2 {
    margin: 0;
    color: #fff;
    font-size: 30px;
}

.payment-modal-subtitle {
    margin: 7px 0 25px;
    color: #81909e;
    font-size: 14px;
}

.payment-summary {
    overflow: hidden;
    margin-bottom: 25px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 15px;
    background: rgba(255,255,255,.025);
}

    .payment-summary > div {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 17px 19px;
        border-bottom: 1px solid rgba(255,255,255,.07);
    }

        .payment-summary > div:last-child {
            border-bottom: 0;
        }

    .payment-summary span {
        color: #8b98a5;
        font-size: 13px;
    }

    .payment-summary strong {
        color: #fff;
        font-size: 16px;
    }

    .payment-summary .payment-total strong {
        color: #efa455;
        font-size: 23px;
    }

.payment-method-title {
    margin-bottom: 11px;
    color: #8795a2;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.payment-methods {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 20px;
}

.payment-method {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 14px;
    background: #10161c;
    color: #fff;
    text-align: left;
    cursor: pointer;
    transition: .2s ease;
}

    .payment-method:hover {
        border-color: rgba(233,164,85,.45);
    }

    .payment-method.active {
        border-color: #e9a455;
        background: rgba(233,164,85,.09);
    }

    .payment-method > span {
        font-size: 22px;
    }

    .payment-method b,
    .payment-method small {
        display: block;
    }

    .payment-method b {
        margin-bottom: 3px;
        font-size: 14px;
    }

    .payment-method small {
        color: #778592;
        font-size: 11px;
    }

.payment-confirm-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    width: 100%;
    min-height: 54px;
    border: 0;
    border-radius: 14px;
    background: #e9a455;
    color: #111;
    font-weight: 800;
    cursor: pointer;
}

    .payment-confirm-btn:hover {
        filter: brightness(1.06);
    }

    .payment-confirm-btn:disabled {
        opacity: .6;
        cursor: wait;
    }

.payment-cancel-btn {
    width: 100%;
    margin-top: 10px;
    padding: 11px;
    border: 0;
    background: transparent;
    color: #7e8a95;
    cursor: pointer;
}

    .payment-cancel-btn:hover {
        color: #fff;
    }

@media (max-width: 600px) {

    .payment-modal {
        padding: 26px 18px 20px;
        border-radius: 18px;
    }

    .payment-methods {
        grid-template-columns: 1fr;
    }

    .payment-modal h2 {
        font-size: 25px;
    }
}
@media (max-width: 900px) {

    .glass,
    .float-card,
    .booking-card,
    .mobile-sidebar-overlay {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .hero-orb,
    .auth-glow {
        filter: none !important;
    }

    .marquee div,
    .plate-ring {
        animation: none !important;
    }

    .food-card,
    .os-card,
    .booking-card {
        box-shadow: none !important;
    }
}
/* =========================================
   FINANCE MODAL
   ========================================= */

.payment-modal.finance-modal {
    max-width: 760px;
}

.finance-form {
    margin-top: 22px;
}

.finance-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.finance-form label,
.finance-note-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .finance-form label > span,
    .finance-note-field > span {
        color: #8795a2;
        font-size: 11px;
        font-weight: 800;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

.finance-form input,
.finance-form select,
.finance-form textarea {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 12px;
    background: #10161c;
    color: #fff;
    font: inherit;
    outline: none;
    transition: .2s ease;
}

.finance-form input,
.finance-form select {
    height: 48px;
    padding: 0 14px;
}

.finance-form textarea {
    min-height: 92px;
    padding: 13px 14px;
    resize: vertical;
}

    .finance-form input::placeholder,
    .finance-form textarea::placeholder {
        color: #5f6d79;
    }

    .finance-form input:focus,
    .finance-form select:focus,
    .finance-form textarea:focus {
        border-color: #e9a455;
        box-shadow: 0 0 0 3px rgba(233,164,85,.08);
    }

.finance-note-field {
    margin-top: 16px;
    margin-bottom: 18px;
}

.finance-form .payment-confirm-btn {
    margin-top: 2px;
}

.finance-form input[type="date"] {
    color-scheme: dark;
}

.finance-form select {
    cursor: pointer;
}

@media (max-width: 700px) {
    .payment-modal.finance-modal {
        max-width: 520px;
    }

    .finance-form-grid {
        grid-template-columns: 1fr;
    }
}

/* OPCIJE STOLOVA */

.table-wrapper {
    position: absolute;
}

    .table-wrapper .table-v2 {
        position: relative !important;
        left: auto !important;
        top: auto !important;
    }



@media (max-width: 700px) {
    .table-options {
        opacity: 1;
    }
}
/* =====================================
   TABLE MANAGEMENT
   ===================================== */

.table-management {
    margin-top: 24px;
}

.table-management-list {
    display: flex;
    flex-direction: column;
}

.table-management-row {
    display: grid;
    grid-template-columns: 1fr auto auto auto;
    align-items: center;
    gap: 12px;
    padding: 15px 18px;
    border-top: 1px solid rgba(255,255,255,.07);
}

.table-management-info b {
    display: block;
    color: #fff;
    font-size: 14px;
}

.table-management-info span {
    display: block;
    margin-top: 4px;
    color: #71808d;
    font-size: 11px;
}

.table-management-status {
    padding: 6px 9px;
    border-radius: 7px;
    background: rgba(255,255,255,.05);
    color: #71808d;
    font-size: 10px;
    font-weight: 800;
}

    .table-management-status.busy {
        background: rgba(255,91,105,.10);
        color: #ff7180;
    }

.table-edit-btn,
.table-delete-btn {
    padding: 8px 13px;
    border-radius: 8px;
    background: transparent;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.table-edit-btn {
    border: 1px solid rgba(255,255,255,.12);
    color: #c5cdd4;
}

    .table-edit-btn:hover {
        border-color: #e9a455;
        color: #e9a455;
    }

.table-delete-btn {
    border: 1px solid rgba(255,91,105,.25);
    color: #ff7180;
}

    .table-delete-btn:hover {
        background: rgba(255,91,105,.10);
        border-color: #ff7180;
    }

@media (max-width: 700px) {

    .table-management-row {
        grid-template-columns: 1fr auto;
    }

    .table-management-status {
        text-align: right;
    }

    .table-edit-btn,
    .table-delete-btn {
        width: 100%;
    }
}
.table-edit-form {
    display: grid;
    gap: 14px;
    margin: 22px 0;
}

    .table-edit-form label {
        display: grid;
        gap: 7px;
        color: #8b98a5;
        font-size: 12px;
        font-weight: 700;
    }

    .table-edit-form input {
        width: 100%;
        min-height: 46px;
        padding: 0 13px;
        border: 1px solid rgba(255,255,255,.10);
        border-radius: 10px;
        background: #10161c;
        color: #fff;
        outline: none;
    }

        .table-edit-form input:focus {
            border-color: #e9a455;
        }
.table-delete-modal {
    text-align: center;
}

.delete-modal-icon {
    width: 52px;
    height: 52px;
    margin: 0 auto 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 75, 90, .10);
    border: 1px solid rgba(255, 75, 90, .25);
    color: #ff5c68;
    font-size: 24px;
    font-weight: 800;
}

.delete-label {
    color: #ff6b75;
}

.delete-table-info {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin: 22px 0;
}

    .delete-table-info > div {
        padding: 13px 8px;
        border: 1px solid rgba(255,255,255,.07);
        border-radius: 10px;
        background: rgba(255,255,255,.025);
    }

    .delete-table-info span {
        display: block;
        margin-bottom: 5px;
        color: #778491;
        font-size: 10px;
        text-transform: uppercase;
        letter-spacing: .7px;
    }

    .delete-table-info b {
        color: #fff;
        font-size: 13px;
    }

.table-delete-confirm {
    width: 100%;
    min-height: 48px;
    border: 1px solid rgba(255, 75, 90, .35);
    border-radius: 10px;
    background: rgba(255, 75, 90, .12);
    color: #ff6975;
    font-weight: 800;
    cursor: pointer;
    transition: .2s ease;
}

    .table-delete-confirm:hover {
        background: rgba(255, 75, 90, .20);
        border-color: rgba(255, 75, 90, .55);
    }

    .table-delete-confirm:disabled {
        opacity: .55;
        cursor: not-allowed;
    }

@media (max-width: 600px) {
    .delete-table-info {
        grid-template-columns: 1fr;
    }
}
.table-v2 {
    touch-action: none;
    user-select: none;
}

.table-wrapper {
    position: absolute;
}

    .table-wrapper.dragging {
        z-index: 50;
    }

        .table-wrapper.dragging .table-v2 {
            cursor: grabbing;
            transform: scale(1.03);
        }

.table-v2 {
    cursor: grab;
}
.payment-method-icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.04);
    flex-shrink: 0;
}

    .payment-method-icon svg {
        width: 21px;
        height: 21px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }
.staff-modal {
    max-width: 560px;
}

.staff-form-grid {
    display: grid;
    gap: 18px;
    margin-top: 28px;
}

.staff-field {
    display: grid;
    gap: 8px;
}

    .staff-field > span {
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: rgba(255,255,255,0.55);
    }

    .staff-field input,
    .staff-field select {
        width: 100%;
        min-height: 48px;
        padding: 0 14px;
        border: 1px solid rgba(255,255,255,0.10);
        border-radius: 12px;
        background: rgba(255,255,255,0.035);
        color: #fff;
        outline: none;
        transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
    }

        .staff-field input::placeholder {
            color: rgba(255,255,255,0.28);
        }

        .staff-field input:focus,
        .staff-field select:focus {
            border-color: rgba(255, 143, 54, 0.75);
            background: rgba(255,255,255,0.055);
            box-shadow: 0 0 0 3px rgba(255, 143, 54, 0.08);
        }

    .staff-field select {
        cursor: pointer;
    }

        .staff-field select option {
            background: #171717;
            color: #fff;
        }

.staff-form-error {
    min-height: 20px;
    margin-top: 14px;
    margin-bottom: 4px;
    color: #ff6b6b;
    font-size: 13px;
}

.staff-modal .payment-confirm-btn {
    margin-top: 8px;
}
/* SETTINGS FORM — PRIORITY OVERRIDE */

#settingsForm.settings-form {
    gap: 24px 18px !important;
}

#settingsForm .field {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

    #settingsForm .field > span {
        display: block !important;
        position: static !important;
        transform: none !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1.2 !important;
    }

    #settingsForm .field input,
    #settingsForm .field textarea {
        margin: 0 !important;
    }

#settingsForm .full-btn {
    margin-top: 4px !important;
}
    #settingsForm.settings-form {
        padding: 28px 20px 20px 20px !important;
        box-sizing: border-box !important;
    }
.reservation-cancel-modal {
    max-width: 500px;
}

.reservation-cancel-warning {
    margin: 24px 0;
    padding: 16px 18px;
    border-radius: 12px;
    border: 1px solid rgba(255, 92, 92, 0.18);
    background: rgba(255, 92, 92, 0.06);
    color: rgba(255,255,255,0.72);
    font-size: 14px;
    line-height: 1.5;
}

.reservation-cancel-confirm {
    width: 100%;
    min-height: 48px;
    border: 1px solid rgba(255, 92, 92, 0.35);
    border-radius: 12px;
    background: rgba(255, 92, 92, 0.12);
    color: #ff7474;
    font-weight: 700;
    cursor: pointer;
    transition: 0.18s ease;
}

    .reservation-cancel-confirm:hover {
        background: rgba(255, 92, 92, 0.18);
    }

    .reservation-cancel-confirm:disabled {
        opacity: 0.55;
        cursor: not-allowed;
    }
/* RESERVATIONS — CANCEL BUTTON */

.data-table .mini-btn.danger {
    min-width: 74px;
    height: 36px;
    padding: 0 14px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid rgba(255, 86, 86, 0.22) !important;
    border-radius: 10px;
    background: rgba(255, 86, 86, 0.06) !important;
    color: #ff6b6b !important;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
    cursor: pointer;
    transition: 0.18s ease;
}

    .data-table .mini-btn.danger:hover {
        background: rgba(255, 86, 86, 0.12) !important;
        border-color: rgba(255, 86, 86, 0.40) !important;
        transform: translateY(-1px);
    }

/* =========================================
   FINANCE DELETE MODAL
   ========================================= */

.finance-delete-modal {
    max-width: 480px;
}

.finance-delete-summary {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin: 24px 0;
    padding: 18px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;
    background: rgba(255,255,255,.025);
}

    .finance-delete-summary span {
        color: #7e8b97;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: 1.2px;
    }

    .finance-delete-summary strong {
        color: #fff;
        font-size: 17px;
    }

.finance-delete-confirm {
    background: #e05b5b;
    color: #fff;
}

    .finance-delete-confirm:hover {
        filter: brightness(1.08);
    }
/* =========================================
   GLOBAL CRM TYPOGRAPHY
   ========================================= */

/* GLOBAL FONT - CIJELI CRM */
html,
body,
body *,
button,
input,
select,
textarea,
option {
    font-family: Inter, "Segoe UI", Arial, sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.os-heading h1,
.dashboard-hero h2,
.metric-card strong,
.card-head h3,
.payment-modal h2 {
    font-family: Inter, "Segoe UI", Arial, sans-serif !important;
    letter-spacing: -0.025em;
}

body {
    font-weight: 400;
}

.os-nav button {
    font-weight: 600;
}

.os-heading h1 {
    font-weight: 700;
}

.dashboard-hero h2 {
    font-weight: 700;
    letter-spacing: -0.035em;
}

.metric-card strong {
    font-weight: 700;
    letter-spacing: -0.035em;
}

.card-head h3 {
    font-weight: 650;
}

button {
    font-weight: 600;
}
/* =========================================
   FINANCE - EXPENSE LIST
   ========================================= */

#financeExpensesList {
    padding: 14px;
}

.finance-expense-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 72px;
    padding: 13px 14px;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 14px;
    background: rgba(255, 255, 255, .018);
    transition: border-color .2s ease, background .2s ease;
}

    .finance-expense-row + .finance-expense-row {
        margin-top: 9px;
    }

    .finance-expense-row:hover {
        border-color: rgba(233, 164, 85, .20);
        background: rgba(255, 255, 255, .028);
    }


/* LEFT */

.finance-expense-info {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.finance-expense-icon {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    border: 1px solid rgba(233, 164, 85, .14);
    border-radius: 11px;
    background: rgba(233, 164, 85, .06);
    color: #e9a455;
}

    .finance-expense-icon svg {
        width: 17px;
        height: 17px;
    }

.finance-expense-info b {
    display: block;
    margin-bottom: 5px;
    color: #f4f6f8;
    font-size: 13px;
    font-weight: 650;
}

.finance-expense-info span {
    display: block;
    color: #748392;
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .35px;
}


/* RIGHT */

.finance-expense-actions {
    display: flex;
    align-items: center;
    gap: 13px;
    flex-shrink: 0;
}

    .finance-expense-actions strong {
        min-width: 90px;
        color: #f4f6f8;
        font-size: 13px;
        font-weight: 700;
        text-align: right;
    }

    .finance-expense-actions .delete-expense-btn {
        width: 36px;
        height: 36px;
        border-radius: 10px;
    }


/* MOBILE */

@media (max-width: 600px) {

    .finance-expense-row {
        gap: 10px;
        padding: 12px;
    }

    .finance-expense-icon {
        display: none;
    }

    .finance-expense-actions {
        gap: 8px;
    }

        .finance-expense-actions strong {
            min-width: auto;
        }
}