/* KN Photo & Mirror Booth — visual system layer (keeps existing Firebase hooks intact) */
:root{--kn-navy:#062b45;--kn-blue:#087ea4;--kn-mint:#20b9ac;--kn-ice:#f4f8fb;--kn-ink:#193244;--kn-muted:#718092;--kn-line:#e5edf2;--kn-radius:18px;--kn-shadow:0 14px 38px rgba(6,43,69,.08)}
html{scroll-behavior:smooth}body{font-family:Poppins,system-ui,sans-serif!important;color:var(--kn-ink)!important;background:radial-gradient(circle at 0 0,#e9f7fa 0,transparent 30%),var(--kn-ice)!important}.navbar{border-bottom:1px solid rgba(6,43,69,.07);backdrop-filter:blur(14px)}.navbar-brand{letter-spacing:-.04em;font-weight:700}.btn{font-weight:600;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 7px 16px rgba(6,43,69,.12)}.btn-primary,.bg-primary{background:linear-gradient(135deg,var(--kn-blue),var(--kn-navy))!important;border-color:var(--kn-navy)!important}.text-primary{color:var(--kn-blue)!important}.btn-outline-primary{color:var(--kn-blue);border-color:#a7ccd9}.btn-outline-primary:hover{background:var(--kn-blue);border-color:var(--kn-blue)}
/* Public wizard */
.wizard-container{border:1px solid rgba(6,43,69,.07)!important;border-radius:var(--kn-radius)!important;box-shadow:var(--kn-shadow)!important;background:rgba(255,255,255,.96)!important}.wizard-container>.bg-light{background:linear-gradient(110deg,#f7fcfd,#eaf8fa)!important;border-bottom:1px solid var(--kn-line)!important}.step-content{animation:kn-rise .38s cubic-bezier(.2,.8,.2,1)!important}.feature-box{border:1px solid var(--kn-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important;transition:transform .2s ease,box-shadow .2s ease}.feature-box:hover{transform:translateY(-4px);box-shadow:var(--kn-shadow)!important}.selection-card{border-color:var(--kn-line)!important;background:#fff;box-shadow:0 2px 8px rgba(6,43,69,.025);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important}.selection-card:hover,.selection-card.selected{border-color:var(--kn-mint)!important;box-shadow:0 10px 24px rgba(32,185,172,.12)!important}.selection-card.selected{background:#effcfa!important}.package-img{border-radius:12px!important}.form-control,.form-select,.input-group-text{border-color:#d8e5eb!important;background:#fff!important;min-height:44px}.form-control:focus,.form-select:focus{border-color:var(--kn-mint)!important;box-shadow:0 0 0 .22rem rgba(32,185,172,.12)!important}.marquee-wrapper{border-top:1px solid var(--kn-line);border-bottom:1px solid var(--kn-line);padding:12px 0}.modal-content{border:0!important;border-radius:var(--kn-radius)!important;box-shadow:0 20px 50px rgba(6,43,69,.18)!important}.modal-header{border-bottom-color:var(--kn-line)}
.kn-stepper{display:flex;max-width:520px;margin-inline:auto;justify-content:space-between;position:relative}.kn-stepper:before{content:"";position:absolute;top:15px;left:12%;right:12%;height:2px;background:#c9e2e7}.kn-stepper span{position:relative;z-index:1;display:grid;justify-items:center;color:#81939f;font-size:.72rem;font-weight:600}.kn-stepper b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;border:2px solid #c9e2e7;font-size:.78rem}.kn-stepper small{margin-top:5px;font-size:inherit}.kn-stepper .is-active,.kn-stepper .is-complete{color:var(--kn-navy)}.kn-stepper .is-active b{border-color:var(--kn-blue);background:var(--kn-blue);color:white;box-shadow:0 4px 10px rgba(8,126,164,.25)}.kn-stepper .is-complete b{border-color:var(--kn-mint);background:var(--kn-mint);color:#fff}.kn-draft-note{border-radius:11px;background:#effcfa;color:#17675f;padding:.7rem .85rem;font-size:.82rem;display:flex;align-items:center;gap:.5rem}
/* Dashboard */
#loginOverlay{background:radial-gradient(circle at 80% 10%,#12a5ba 0,transparent 34%),linear-gradient(135deg,var(--kn-navy),#0c5672)!important}#loginOverlay .card{border:1px solid rgba(255,255,255,.35)!important}#adminContent{max-width:1440px!important}.sticky-top{background:rgba(244,248,251,.9)!important;backdrop-filter:blur(14px);border-bottom:1px solid var(--kn-line)}.nav-pills{gap:.35rem}.nav-pills .nav-link{border-radius:10px!important;padding:.55rem .8rem!important;font-weight:600;color:var(--kn-muted)!important}.nav-pills .nav-link.active{background:linear-gradient(135deg,var(--kn-blue),var(--kn-navy))!important;color:#fff!important;box-shadow:0 6px 14px rgba(6,43,69,.16)}.card{border:1px solid rgba(6,43,69,.06)!important;box-shadow:var(--kn-shadow)!important;overflow:hidden}.card-header{background:#fff!important;border-bottom:1px solid var(--kn-line)!important}.table>thead{background:#f6fafc;color:var(--kn-muted);font-size:.76rem;letter-spacing:.04em;text-transform:uppercase}.table>tbody>tr{transition:background .16s ease}.table-hover>tbody>tr:hover>*{background:#f0fbfc!important}.list-group-item{border-color:var(--kn-line)!important}.alert{border:0!important;border-radius:13px!important}.fc .fc-button-primary{background:var(--kn-navy)!important;border-color:var(--kn-navy)!important}.fc .fc-toolbar-title{font-size:1.1rem!important}.badge{border-radius:999px!important;padding:.45em .7em!important}.action-col{min-width:170px!important}

/* Status & Dashboard UI Enhancement */
.status-pill { font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; border-radius: 6px; padding: 4px 10px; }
.status-pending { background: #fff4e6; color: #d9480f; }
.status-confirmed { background: #ebfbee; color: #2b8a3e; }
.status-cancelled { background: #fff5f5; color: #c92a2a; }
.status-completed { background: #f8f9fa; color: #495057; }

.dashboard-card { transition: transform 0.2s ease; border: 1px solid rgba(0,0,0,0.05) !important; }
.dashboard-card:hover { transform: translateY(-3px); }
.metric-icon { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 12px; font-size: 1.25rem; margin-bottom: 1rem; }

.bg-soft-primary { background: #e7f5ff; color: #1971c2; }
.bg-soft-success { background: #ebfbee; color: #2b8a3e; }
.bg-soft-warning { background: #fff4e6; color: #d9480f; }
.bg-soft-info { background: #e3fafc; color: #0b7285; }
.bg-soft-danger { background: #fff5f5; color: #c92a2a; }

.inventory-bar { height: 8px; border-radius: 10px; background: #e9ecef; overflow: hidden; margin-top: 8px; }
.inventory-progress { height: 100%; border-radius: 10px; transition: width 0.6s ease; }

.search-input-group { border-radius: 10px; overflow: hidden; border: 1px solid #dee2e6; transition: border-color 0.2s; }
.search-input-group:focus-within { border-color: var(--kn-blue); box-shadow: 0 0 0 3px rgba(8,126,164,0.1); }
.search-input-group .form-control { border: none !important; box-shadow: none !important; }

@keyframes kn-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:767px){.step-content{padding:24px 18px!important}#adminContent{margin-top:1.25rem!important}.sticky-top{position:static!important}.nav-pills{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.5rem}.nav-pills .nav-link{white-space:nowrap}.table{font-size:.83rem}.btn{min-height:40px}}