.lcb-portal{
	--p-lagoon:var(--lagoon,#12A0B0);
	--p-lagoon-deep:var(--lagoon-deep,#0C7C8A);
	--p-deep:var(--deep,#083D4E);
	--p-coral:var(--coral,#F76C5E);
	--p-coral-deep:var(--coral-deep,#E4554A);
	--p-bg:#f4f7f8;
	--p-card:#fff;
	--p-ink:#12262e;
	--p-muted:#617880;
	--p-line:#e2eaec;
	--p-shadow:0 4px 20px rgba(8,61,78,.08);
	font-family:var(--font-body,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif);
	color:var(--p-ink);
	line-height:1.55;
}
.lcb-portal *{box-sizing:border-box}

/* Gate */
.lcb-portal-gate{min-height:50vh;display:flex;align-items:center;justify-content:center;padding:2rem}
.lcb-gate-card{background:var(--p-card);border:1px solid var(--p-line);border-radius:18px;padding:2.5rem;text-align:center;box-shadow:var(--p-shadow);max-width:420px}
.lcb-gate-card h2{margin:0 0 .5rem;font-family:var(--font-display,serif);color:var(--p-deep)}
.lcb-portal-loading{padding:3rem;text-align:center;color:var(--p-muted)}

/* Shell */
.lcb-shell{display:grid;grid-template-columns:230px 1fr;min-height:640px;background:var(--p-bg);border-radius:20px;overflow:hidden;border:1px solid var(--p-line);box-shadow:var(--p-shadow)}
.lcb-side{background:var(--p-deep);color:#fff;display:flex;flex-direction:column;padding:1.4rem 1rem}
.lcb-side-brand{font-family:var(--font-display,serif);font-size:1.3rem;font-weight:600;padding:.4rem .6rem 1.4rem;line-height:1.2}
.lcb-side-brand small{display:block;font-family:var(--font-body);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;opacity:.6;font-weight:600;margin-top:.2rem}
.lcb-nav{display:flex;flex-direction:column;gap:.15rem;flex:1}
.lcb-nav button{display:flex;align-items:center;gap:.7rem;background:none;border:0;color:rgba(255,255,255,.72);padding:.7rem .8rem;border-radius:10px;cursor:pointer;font-size:.95rem;text-align:left;transition:background .15s,color .15s;font-family:inherit}
.lcb-nav button:hover{background:rgba(255,255,255,.08);color:#fff}
.lcb-nav button.active{background:var(--p-lagoon);color:#fff}
.lcb-nav svg{width:20px;height:20px;flex:none}
.lcb-badge{position:absolute;top:6px;right:8px;background:var(--p-coral);color:#fff;font-size:.62rem;font-weight:800;font-style:normal;min-width:16px;height:16px;line-height:16px;text-align:center;border-radius:100px;padding:0 4px}
.lcb-nav button{position:relative}
.lcb-lead-new td{background:#fffaf0}
.lcb-lead-new td:first-child{box-shadow:inset 3px 0 0 var(--p-coral)}
.lcb-lead-meta{margin-bottom:.4rem}
.lcb-lead-meta strong{font-size:1.1rem;color:var(--p-deep)}
.lcb-side-foot{border-top:1px solid rgba(255,255,255,.12);padding-top:1rem;margin-top:1rem;font-size:.85rem}
.lcb-side-foot a{color:rgba(255,255,255,.72);text-decoration:none;display:block;padding:.35rem .8rem;border-radius:8px}
.lcb-side-foot a:hover{background:rgba(255,255,255,.08);color:#fff}

.lcb-main{padding:1.8rem clamp(1rem,2.5vw,2.2rem);overflow:auto}
.lcb-view-head{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;margin-bottom:1.4rem}
.lcb-view-head h1{margin:0;font-family:var(--font-display,serif);font-size:1.7rem;color:var(--p-deep)}

/* Buttons */
.lcb-btn{display:inline-flex;align-items:center;gap:.4rem;background:var(--p-lagoon);color:#fff;border:0;border-radius:9px;padding:.6rem 1.1rem;font-size:.9rem;font-weight:600;cursor:pointer;text-decoration:none;font-family:inherit;transition:background .15s,transform .1s}
.lcb-btn:hover{background:var(--p-lagoon-deep);color:#fff}
.lcb-btn:active{transform:translateY(1px)}
.lcb-btn-coral{background:var(--p-coral)}.lcb-btn-coral:hover{background:var(--p-coral-deep)}
.lcb-btn-ghost{background:#fff;color:var(--p-deep);border:1px solid var(--p-line)}
.lcb-btn-ghost:hover{background:#f0f5f6;color:var(--p-deep)}
.lcb-btn-sm{padding:.35rem .7rem;font-size:.8rem;border-radius:7px}
.lcb-btn-danger{background:#fff;color:#c0392b;border:1px solid #f0c8c3}
.lcb-btn-danger:hover{background:#fdecea;color:#c0392b}

/* Stat cards */
.lcb-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.6rem}
.lcb-stat{background:var(--p-card);border:1px solid var(--p-line);border-radius:14px;padding:1.1rem 1.2rem}
.lcb-stat .n{font-family:var(--font-display,serif);font-size:1.9rem;color:var(--p-deep);line-height:1.1}
.lcb-stat .l{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--p-muted);margin-top:.2rem;font-weight:600}
.lcb-stat.accent{background:linear-gradient(140deg,var(--p-lagoon),var(--p-lagoon-deep));border:0;color:#fff}
.lcb-stat.accent .n,.lcb-stat.accent .l{color:#fff}
.lcb-stat.warn .n{color:var(--p-coral-deep)}

.lcb-panels{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
@media(max-width:900px){.lcb-panels{grid-template-columns:1fr}}
.lcb-panel{background:var(--p-card);border:1px solid var(--p-line);border-radius:14px;padding:1.2rem 1.3rem}
.lcb-panel h3{margin:0 0 .8rem;font-size:1.05rem;color:var(--p-deep)}
.lcb-mini{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;border-bottom:1px solid var(--p-line);font-size:.9rem}
.lcb-mini:last-child{border-bottom:0}
.lcb-mini .who{font-weight:600;color:var(--p-deep)}
.lcb-mini .meta{color:var(--p-muted);font-size:.82rem}
.lcb-empty{color:var(--p-muted);font-size:.9rem;padding:.6rem 0}

/* Toolbar / filters */
.lcb-toolbar{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-bottom:1rem}
.lcb-tabs{display:flex;gap:.3rem;flex-wrap:wrap}
.lcb-tabs button{background:#fff;border:1px solid var(--p-line);border-radius:100px;padding:.4rem .9rem;font-size:.82rem;cursor:pointer;color:var(--p-muted);font-family:inherit}
.lcb-tabs button.active{background:var(--p-deep);color:#fff;border-color:var(--p-deep)}
.lcb-search{flex:1;min-width:160px}
.lcb-search input,.lcb-field input,.lcb-field select,.lcb-field textarea{width:100%;padding:.55rem .7rem;border:1px solid var(--p-line);border-radius:9px;font-size:.9rem;font-family:inherit;background:#fff}
.lcb-search input:focus,.lcb-field :focus{outline:none;border-color:var(--p-lagoon);box-shadow:0 0 0 3px rgba(18,160,176,.14)}

/* Table */
.lcb-table-wrap{background:var(--p-card);border:1px solid var(--p-line);border-radius:14px;overflow:auto}
.lcb-table{width:100%;border-collapse:collapse;font-size:.88rem;min-width:720px}
.lcb-table th{text-align:left;padding:.8rem 1rem;background:#eef4f5;color:var(--p-muted);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;white-space:nowrap}
.lcb-table td{padding:.8rem 1rem;border-top:1px solid var(--p-line);vertical-align:middle}
.lcb-table tr:hover td{background:#f8fbfb}
.lcb-table .actions{display:flex;gap:.3rem;flex-wrap:wrap;justify-content:flex-end}

/* Badges */
.lcb-tag{display:inline-block;padding:2px 9px;border-radius:100px;font-size:.72rem;font-weight:600;color:#fff;white-space:nowrap}
.lcb-tag.pending{background:#d98700}.lcb-tag.confirmed{background:#1a7f37}.lcb-tag.cancelled{background:#8a97a0}
.lcb-tag.unpaid{background:#8a97a0}.lcb-tag.deposit_paid{background:#0a6c9a}.lcb-tag.paid_in_full{background:#1a7f37}

/* Slide-over editor */
.lcb-overlay{position:fixed;inset:0;background:rgba(8,61,78,.5);z-index:99998;opacity:0;pointer-events:none;transition:opacity .25s}
.lcb-overlay.open{opacity:1;pointer-events:auto}
.lcb-drawer{position:fixed;top:0;right:0;height:100%;width:min(560px,94vw);background:#fff;z-index:99999;transform:translateX(100%);transition:transform .28s ease;box-shadow:-20px 0 60px rgba(8,61,78,.25);display:flex;flex-direction:column}
.lcb-drawer.open{transform:none}
.lcb-drawer-head{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.4rem;border-bottom:1px solid var(--p-line)}
.lcb-drawer-head h2{margin:0;font-size:1.25rem;color:var(--p-deep);font-family:var(--font-display,serif)}
.lcb-drawer-close{background:none;border:0;font-size:1.6rem;line-height:1;cursor:pointer;color:var(--p-muted)}
.lcb-drawer-body{padding:1.4rem;overflow:auto;flex:1}
.lcb-drawer-foot{padding:1rem 1.4rem;border-top:1px solid var(--p-line);display:flex;gap:.6rem;justify-content:flex-end;background:#fafcfc}

.lcb-field{margin-bottom:1rem}
.lcb-field label{display:block;font-size:.78rem;font-weight:600;color:var(--p-deep);margin-bottom:.3rem}
.lcb-grid2{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.lcb-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}
.lcb-price-box{background:#eef7f8;border:1px solid #cfe9ea;border-radius:10px;padding:.8rem 1rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}
.lcb-price-box .amt{font-family:var(--font-display,serif);font-size:1.4rem;color:var(--p-deep)}
.lcb-section-label{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--p-muted);font-weight:700;margin:1.4rem 0 .6rem}

/* Toast */
.lcb-toast{position:fixed;bottom:1.4rem;left:50%;transform:translateX(-50%) translateY(20px);background:var(--p-deep);color:#fff;padding:.8rem 1.3rem;border-radius:10px;font-size:.9rem;z-index:100000;opacity:0;transition:opacity .25s,transform .25s;box-shadow:var(--p-shadow)}
.lcb-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.lcb-toast.err{background:var(--p-coral-deep)}

/* Calendar (portal) */
.lcb-pcal-toolbar{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;margin-bottom:1rem}
.lcb-pcal-nav{display:flex;align-items:center;gap:.5rem}
.lcb-pcal-title{font-family:var(--font-display,serif);font-size:1.2rem;min-width:170px;text-align:center;color:var(--p-deep)}
.lcb-pcal{background:var(--p-card);border:1px solid var(--p-line);border-radius:14px;overflow:hidden}
.lcb-pcal-grid{display:grid;grid-template-columns:repeat(7,1fr)}
.lcb-pcal-dow{background:#eef4f5;padding:.5rem;font-size:.72rem;font-weight:700;color:var(--p-muted);text-transform:uppercase}
.lcb-pcal-cell{min-height:104px;border-right:1px solid #eef2f3;border-bottom:1px solid #eef2f3;padding:.25rem;position:relative}
.lcb-pcal-cell:nth-child(7n){border-right:0}
.lcb-pcal-out{background:#fafbfb;color:#aeb9bd}
.lcb-pcal-today{background:#fff8e5}
.lcb-pcal-daynum{display:flex;justify-content:space-between;font-size:.78rem;color:var(--p-muted);margin-bottom:2px}
.lcb-pcal-add{opacity:0;border:0;background:#eef2f3;border-radius:5px;width:18px;height:18px;cursor:pointer;line-height:1;font-weight:700;color:var(--p-muted)}
.lcb-pcal-cell:hover .lcb-pcal-add{opacity:1}
.lcb-pcal-add:hover{background:var(--p-lagoon);color:#fff}
.lcb-pcal-ev{display:block;font-size:.7rem;padding:2px 5px;border-radius:4px;margin-bottom:2px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:3px solid #999;background:#eef4f5}
.lcb-pcal-ev.b0{background:#e6f6f8;border-left-color:#12A0B0}
.lcb-pcal-ev.b1{background:#fdeee3;border-left-color:#c2571b}
.lcb-pcal-ev.b2{background:#f0eafb;border-left-color:#6a3fb5}
.lcb-pcal-ev.cancelled{opacity:.5;text-decoration:line-through}
.lcb-legend{display:flex;gap:.8rem;flex-wrap:wrap;font-size:.8rem;color:var(--p-muted)}
.lcb-legend span{display:inline-flex;align-items:center;gap:.3rem}
.lcb-legend i{width:11px;height:11px;border-radius:3px;display:inline-block}

/* Responsive: sidebar → sticky top tab bar */
@media(max-width:760px){
	.lcb-shell{grid-template-columns:1fr;border-radius:14px;min-height:0}
	.lcb-side{flex-direction:row;align-items:center;padding:.5rem;overflow-x:auto;position:sticky;top:0;z-index:50;-webkit-overflow-scrolling:touch}
	.lcb-side-brand{display:none}
	.lcb-nav{flex-direction:row;gap:.25rem;flex:1}
	.lcb-nav button{white-space:nowrap;padding:.55rem .8rem;flex-direction:column;gap:.15rem;font-size:.7rem;min-width:60px;align-items:center}
	.lcb-nav button span{display:block}
	.lcb-nav svg{width:22px;height:22px}
	.lcb-side-foot{display:none}
	.lcb-main{padding:1.1rem}
	.lcb-view-head{flex-direction:column;align-items:stretch;gap:.7rem}
	.lcb-view-head h1{font-size:1.4rem}
	.lcb-view-head .lcb-btn{width:100%;justify-content:center}
	.lcb-grid2,.lcb-grid3{grid-template-columns:1fr}
	.lcb-stats{grid-template-columns:1fr 1fr;gap:.7rem}
	.lcb-stat .n{font-size:1.5rem}
	.lcb-pcal-toolbar{flex-direction:column;align-items:stretch;gap:.7rem}
	.lcb-pcal-nav{justify-content:space-between}
	.lcb-pcal-cell{min-height:64px}
	.lcb-pcal-ev{font-size:.6rem;padding:1px 3px}
	.lcb-pcal-daynum{font-size:.68rem}
	.lcb-drawer{width:100vw}
	.lcb-drawer-foot{position:sticky;bottom:0}
}
@media(max-width:420px){
	.lcb-stats{grid-template-columns:1fr}
	.lcb-nav button span{display:none}
	.lcb-nav button{min-width:0;padding:.55rem .7rem}
	.lcb-pcal-cell{min-height:52px;padding:1px}
	.lcb-pcal-dow{padding:.35rem;font-size:.62rem}
	.lcb-pcal-ev{overflow:hidden;height:8px;text-indent:-999px;padding:0;margin:1px 1px 0;border-left-width:0;border-radius:2px}
	.lcb-pcal-ev.b0{background:#12A0B0}.lcb-pcal-ev.b1{background:#c2571b}.lcb-pcal-ev.b2{background:#6a3fb5}
}
/* Comfortable tap targets on touch */
@media(hover:none){
	.lcb-btn{min-height:40px}
	.lcb-nav button{min-height:44px}
}