*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;background:#f5f7fb;color:#172033}
.app{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#0d2c54;color:#fff;padding:22px 16px}
.brand{font-weight:800;font-size:20px;margin-bottom:24px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.sidebar a,.nav-button{display:block;width:100%;padding:11px 12px;color:#fff;background:transparent;border:0;text-decoration:none;text-align:left;border-radius:9px;font:inherit;cursor:pointer}.sidebar a:hover,.nav-button:hover{background:#ffffff18}
.content{margin-left:245px;padding:26px;width:calc(100% - 245px)}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h1{margin:0}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:18px}.card,.panel{background:#fff;border:1px solid #e6eaf0;border-radius:14px;padding:18px;box-shadow:0 4px 14px #0d2c5410}.card small{display:block;color:#697386}.card strong{display:block;font-size:30px;margin-top:6px}
.panel{margin-bottom:18px}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
label{display:block;font-size:13px;font-weight:700;margin:10px 0 6px}input,select,textarea{width:100%;padding:10px 11px;border:1px solid #cad2dd;border-radius:8px;background:#fff}textarea{min-height:90px}
button{margin-top:14px;padding:10px 15px;border:0;border-radius:8px;background:#0d2c54;color:#fff;font-weight:700;cursor:pointer}.orange{background:#f57c00}.filters{display:flex;gap:8px;margin-bottom:12px}.filters input{flex:1}.filters select{max-width:220px}.filters button{margin:0}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px;border-bottom:1px solid #edf0f4;font-size:14px}th{background:#f8fafc}.pill{display:inline-block;padding:5px 8px;background:#edf3fa;border-radius:999px;margin:3px;font-size:12px}
.notice{padding:12px 14px;border-radius:9px;background:#eaf8ef;color:#176b3a;margin-bottom:14px}.notice.error{background:#fdecec;color:#991b1b}
.login-bg{min-height:100vh;display:grid;place-items:center;background:#eef3f9}.login-card{width:min(420px,92vw);padding:28px;background:#fff;border-radius:16px;box-shadow:0 16px 45px #0d2c5420}.login-card button{width:100%}.check{font-weight:400}.check input{width:auto}
@media(max-width:900px){.sidebar{position:static;width:100%}.app{display:block}.content{margin:0;width:100%}.cards{grid-template-columns:repeat(2,1fr)}.two,.form-grid{grid-template-columns:1fr}}
.page-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.page-title{margin:0 0 5px;font-size:24px}.page-subtitle{margin:0;color:#697386;font-size:14px}.add-enquiry-toggle{margin-top:0;white-space:nowrap}.enquiry-form-panel[hidden],.filter-panel[hidden]{display:none}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:10px}.panel-heading.compact{margin-bottom:4px}.panel-heading h3,.table-heading h3{margin:0}.panel-heading p,.table-heading p{margin:4px 0 0;color:#697386;font-size:13px}.icon-button{margin:0;width:34px;height:34px;padding:0;border-radius:8px;background:#eef3f8;color:#0d2c54;font-size:22px;line-height:1}.form-actions,.filter-actions{display:flex;align-items:center;gap:10px;margin-top:14px}.btn-secondary,.btn-link-secondary{display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#334155;font-weight:700;text-decoration:none;cursor:pointer}.btn-secondary{margin-top:14px}.table-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.table-responsive{overflow-x:auto}.manage-link{display:inline-block;padding:7px 10px;border-radius:7px;background:#edf3fa;color:#0d2c54;text-decoration:none;font-weight:700}.empty-state{text-align:center;color:#697386;padding:28px}.field-error{display:block;color:#b42318;margin-top:5px;font-size:12px}
.action-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.action-card-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.action-card{min-height:112px;border:1px solid #e3e8ef;border-radius:16px;background:#fff;box-shadow:0 5px 16px #0d2c5412;padding:18px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-decoration:none;color:#172033;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.action-card:hover{transform:translateY(-2px);box-shadow:0 9px 22px #0d2c5418;border-color:#cdd7e4}.action-card-button{width:100%;margin:0;text-align:left;font:inherit;cursor:pointer;color:#172033}.action-card-icon{font-size:28px;line-height:1;margin-bottom:10px}.action-card-title{font-size:17px;font-weight:800;color:#0d2c54}.action-card-meta{font-size:12px;color:#6b7280;margin-top:5px}.action-card-stat{background:linear-gradient(135deg,#0d2c54,#163f73);color:#fff}.action-card-stat .action-card-title,.action-card-stat .action-card-meta{color:#fff}
.compact-filter-panel{padding:0;overflow:hidden}.compact-filter-panel .panel-heading{padding:16px 18px 12px;margin:0;border-bottom:1px solid #edf1f5}.compact-filter-panel form{padding:0}.compact-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:16px;border-bottom:1px solid #edf1f5}.compact-filter-item{display:flex;flex-direction:column;gap:6px;min-width:0}.compact-filter-item label{margin:0;font-size:12px}.compact-filter-item input,.compact-filter-item select{padding:9px 10px;min-width:0}.compact-filter-actions{justify-content:flex-end;padding:12px 16px;margin:0;background:#f8fafc}.compact-filter-actions button,.compact-filter-actions .btn-secondary{margin:0}.compact-cancel-button{margin:0!important}.excel-filter-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border-radius:8px;background:#198754;color:#fff;text-decoration:none;font-weight:800}.excel-filter-button:hover{background:#157347}
@media(max-width:1200px){.compact-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){.action-card-grid,.action-card-grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.page-toolbar{flex-direction:column}.action-card-grid,.action-card-grid-three{grid-template-columns:1fr}.form-actions,.filter-actions{flex-wrap:wrap}.table-heading{align-items:flex-start;gap:10px;flex-direction:column}.compact-filter-grid{grid-template-columns:1fr}.compact-filter-actions{justify-content:flex-start}}
@media(min-width:1201px){.compact-filter-grid,.filter-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;align-items:end!important}.compact-filter-grid>* ,.filter-grid>*{min-width:0!important}}

/* Top navigation layout - page components intentionally keep the existing CRM styling */
.top-menu-app{display:block;min-height:100vh}.top-menu-header{display:block;margin:0;background:#0d2c54;color:#fff;position:sticky;top:0;z-index:1000;box-shadow:0 3px 12px #0d2c5420}.top-menu-bar{max-width:1500px;margin:0 auto;min-height:58px;padding:0 26px;display:flex;align-items:center;gap:18px}.top-menu-brand{color:#fff;text-decoration:none;font-size:20px;font-weight:800}.top-menu-user{margin-left:auto;font-size:13px;color:#e5edf7}.top-menu-toggle{display:none;margin:0;width:40px;height:40px;padding:0;background:#ffffff18;color:#fff;font-size:20px}.top-menu-nav{max-width:1500px;margin:0 auto;padding:0 18px;display:flex;align-items:center;gap:2px;border-top:1px solid #ffffff18}.top-menu-nav a,.top-menu-logout{display:flex;align-items:center;min-height:47px;padding:0 12px;margin:0;border-radius:0;background:transparent;color:#fff;text-decoration:none;font:inherit;font-size:13px;font-weight:700;white-space:nowrap}.top-menu-nav a:hover,.top-menu-logout:hover{background:#ffffff18}.top-menu-nav a.active{background:#ffffff18;box-shadow:inset 0 -3px 0 #f57c00}.top-menu-logout-form{margin-left:auto}.top-menu-logout{border:0;cursor:pointer}.top-menu-content{margin-left:0!important;width:100%!important;max-width:1500px;margin-right:auto!important;padding:26px!important}.top-menu-pagebar{margin-bottom:20px}.top-menu-pagebar .user-summary{display:none}
@media(max-width:1050px){.top-menu-nav{overflow-x:auto;scrollbar-width:none}.top-menu-nav::-webkit-scrollbar{display:none}}
@media(max-width:900px){.top-menu-bar{min-height:58px;padding:0 14px}.top-menu-brand{font-size:18px}.top-menu-user{font-size:12px}.top-menu-toggle{display:inline-flex;align-items:center;justify-content:center}.top-menu-nav{display:none;flex-direction:column;align-items:stretch;padding:8px 12px 12px;border-top:1px solid #ffffff18;max-height:calc(100vh - 58px);overflow-y:auto}.top-menu-nav.is-open{display:flex}.top-menu-nav a,.top-menu-logout{width:100%;min-height:43px;padding:0 12px;border-radius:7px}.top-menu-nav a.active{box-shadow:inset 3px 0 0 #f57c00}.top-menu-logout-form{margin:0}.top-menu-content{padding:14px!important}.top-menu-pagebar{position:static!important;margin:0 0 16px!important;padding:0!important;background:transparent!important;border:0!important;display:flex!important}.top-menu-pagebar h1{font-size:20px!important}.top-menu-pagebar .user-summary{display:none!important}}
@media(max-width:520px){.top-menu-user{display:none}.top-menu-content{padding:10px!important}.top-menu-pagebar h1{font-size:18px!important}}

/* Keep Tele/Walk-in row action controls perfectly aligned */
.row-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important;white-space:nowrap!important}
.row-actions .whatsapp-link,.row-actions .crm-row-actions>button{height:38px!important;min-height:38px!important;max-height:38px!important;box-sizing:border-box!important;margin:0!important;padding:0 12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;font-size:12px!important;font-weight:800!important;border-radius:7px!important;vertical-align:middle!important}
.row-actions .crm-row-actions{display:inline-flex!important;align-items:center!important;height:38px!important;margin:0!important;vertical-align:middle!important}