/* Hikmat Travel workspace */
:root{--ink:#292721;--muted:#827d70;--line:#e8e4da;--canvas:#f5f4ef;--navy:#292922;--teal:#77704e;--teal-dark:#575137;--mint:#efeee4;--lilac:#eeede7;--sand:#f2ead8;--font:'Segoe UI',Arial,sans-serif;--display:'Segoe UI',Arial,sans-serif}
body{background:var(--canvas);font-family:var(--font)}
.sidebar{background:#292922;border-right:1px solid #454337;padding-top:30px}
.brand{font-size:15px;letter-spacing:2px;gap:13px}.brand small{color:#c5c2b4;letter-spacing:2.5px;font-size:9px;margin-top:6px}
.brand-mark{width:46px;height:46px;object-fit:contain;padding:0;background:transparent;border:0;border-radius:0}
.nav-label{color:#a6a18e;letter-spacing:2px;font-size:9px}.nav-link{color:#d0cfc4;height:48px;border-radius:7px;margin:4px 0}.nav-link span{color:#a9a58e}.nav-link:hover,.nav-link.active{background:#454435;color:#fff}.nav-link.active{box-shadow:inset 3px 0 #c5c2a5}.nav-link.active span,.nav-link:hover span{color:#ded9be}.sidebar-foot{border-color:#49483b}.avatar,.mini-avatar{background:#efede1;color:#696246}.user-name small{color:#b4b09f}
.main-area{background:var(--canvas)}.topbar{height:76px;background:#fff;border-color:var(--line);padding:0 38px}.crumb{color:#827a57;font-size:11px;letter-spacing:2px}.top-date{color:#898576}.page-content{padding:34px 38px 56px}.eyebrow{color:#8c825b;font-size:10px;letter-spacing:2.1px}.page-heading h1{font-size:30px;font-weight:650;letter-spacing:-1px}.muted{color:var(--muted);line-height:1.65}.btn{border-radius:7px;font-size:13px;font-weight:600;transition:background .15s,box-shadow .15s}.btn.primary{background:#77704e;box-shadow:0 4px 10px #77704e1a;color:#fff}.btn.primary:hover{background:#575137}.btn.secondary{background:#fff;border-color:#dfdbce;color:#595440}.text-link{color:#79704b}.stat-card,.panel,.detail-stats{background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 3px 14px #27271f04}.stat-card{padding:24px}.stat-card strong{font-size:28px;letter-spacing:-.8px;color:#353326}.stat-card span,.stat-card>small{color:#87816f}.panel{padding:24px}.panel-heading h2{font-size:17px;font-weight:650}.stats-grid{gap:16px}.panel-heading{margin-bottom:20px}th{color:#928a73;background:#faf9f5;font-size:10px;letter-spacing:1px}td{color:#595549;border-color:#efede6;padding-top:16px;padding-bottom:16px}.person-cell{color:#353326}.payment-form,.passport-preview-card{background:#f8f7f1;border-color:#e6e2d5}.fields-grid label,.stack-form label{color:#5c5747}.fields-grid input,.fields-grid select,.fields-grid textarea,.search-form input,.stack-form input{background:#fff;border-color:#e1ddcf;border-radius:7px}.fields-grid input:focus,.fields-grid select:focus,.fields-grid textarea:focus,.search-form input:focus,.stack-form input:focus{border-color:#a49a72;box-shadow:0 0 0 3px #9c92651a;outline:none}.staff-active-field input[type=checkbox],input[type=checkbox]{accent-color:#827750}.passport-crop-box{border-color:#827750;background:#82775018}.receipt-brand-name{color:#363326}.receipt-brand-logo{object-fit:contain}.flash.success{background:#eff3e9;border-color:#d6dfc7;color:#4f6440}
.login-page{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(450px,1fr);min-height:100vh;background:#f7f6f1;padding:0;align-items:stretch}
.login-story{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:46px 56px 50px;color:white;background:linear-gradient(180deg,#25251d66,#25251dc9),url('../images/hikmat-makkah.webp') center/cover;isolation:isolate}
.login-story .brand{padding:0;color:#fff}.login-story .brand-mark{width:64px;height:64px}.login-story .brand small{color:#e3dfcf}.story-copy{max-width:470px;margin-top:100px}.story-copy .eyebrow{color:#d4cdb4;letter-spacing:3px}.story-copy h2{font-size:clamp(36px,4.3vw,64px);line-height:1.12;font-weight:500;letter-spacing:-2px;margin:22px 0}.story-copy p{font-size:15px;color:#e4e0d4;line-height:1.9;max-width:370px}.story-footer{font-size:11px;color:#d7d2bd;letter-spacing:1px;margin-top:60px}.login-workspace{display:flex;align-items:center;justify-content:center;padding:48px 36px;position:relative}.login-card{width:100%;max-width:385px;background:transparent;padding:0;border:0;border-radius:0;box-shadow:none;margin:0}.login-card h1{font-size:32px;font-weight:600;letter-spacing:-1px;margin:13px 0 10px}.login-card>.muted{font-size:14px;margin-bottom:28px}.login-card .stack-form{gap:19px}.login-card .stack-form input{min-height:49px;padding:13px 14px}.login-card .check-row input{min-height:0;width:16px;height:16px}.login-card .btn.primary{height:50px;justify-content:space-between;padding:0 19px}.login-card .check-row{font-size:12px;color:#8a826f}.login-note{border-top:1px solid #e1ddcf;margin-top:31px;padding-top:22px;color:#96907d;text-align:left;font-size:11px}.login-note a{color:#736b4d}.login-kicker{display:flex;align-items:center;gap:10px;margin-bottom:38px;font-size:10px;letter-spacing:2px;color:#8a8165}.login-kicker span{width:27px;height:1px;background:#aaa083}.login-printer-status{margin:19px 0 0;opacity:.85}.login-workspace-footer{position:absolute;bottom:23px;left:36px;right:36px;text-align:center;color:#aaa18b;font-size:10px;letter-spacing:.8px}
@media(max-width:1100px){.login-story{padding:38px}.page-content{padding:28px}.topbar{padding:0 28px}}
@media(max-width:760px){.login-page{display:block}.login-story{min-height:230px;padding:25px 28px}.login-story .brand-mark{width:45px;height:45px}.story-copy{margin-top:26px}.story-copy h2{font-size:30px;letter-spacing:-1px;margin:10px 0}.story-copy p,.story-footer,.story-copy .eyebrow{display:none}.login-workspace{padding:38px 27px 70px;min-height:580px}.login-kicker{margin-bottom:24px}.login-card h1{font-size:28px}.page-content{padding:24px 16px}.topbar{padding:0 16px;height:65px}.stats-grid{gap:12px}.stat-card{padding:18px}.panel{padding:18px}.page-heading h1{font-size:27px}.login-workspace-footer{bottom:20px}.brand{letter-spacing:1px}}
@media print{.receipt-brand-logo{filter:grayscale(1)}.receipt-page{background:#fff}}
.login-page{gap:0;justify-content:stretch;width:100%;max-width:none;margin:0}.login-story{min-width:0;width:100%}
@media(max-width:720px){.sidebar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:18px 15px 12px;max-width:100%;width:100%;border-right:0}.sidebar .brand{grid-column:1/-1;margin:0 0 8px;padding:0;gap:10px;letter-spacing:1.6px;font-size:13px}.sidebar .brand>span{display:flex;gap:6px;align-items:center}.sidebar .brand-mark{width:35px;height:35px}.sidebar .nav-label{display:none}.sidebar .nav-link{font-size:11px;height:40px;margin:0;padding:0 5px;justify-content:center;white-space:nowrap}.sidebar .sidebar-foot{display:flex;grid-column:1/-1;margin-top:6px;padding:10px 1px 0;gap:8px}.sidebar-foot .avatar{width:25px;height:25px;font-size:11px}.sidebar-foot .user-name{font-size:11px}.sidebar-foot .user-name small{display:none}.topbar{height:auto;min-height:58px;gap:10px}.top-user{min-width:0}.printer-indicator{font-size:10px;padding:7px 9px}.search-form{display:flex;gap:8px}.search-form input{width:0;min-width:0}.page-heading .heading-actions{flex-wrap:wrap}.login-workspace{width:100%}.login-card{padding:0}.story-copy h2 br{display:none}}
.lead-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:23px}.lead-summary-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;display:grid;gap:12px}.lead-summary-card.selected{border-color:#9d9270;background:#f3f0e6}.lead-summary-card span{color:var(--muted);font-size:12px}.lead-summary-card strong{font-size:26px;font-weight:650}.lead-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:22px}.lead-filters input,.lead-filters select{height:42px;border:1px solid var(--line);border-radius:7px;padding:0 12px;background:#fff;color:var(--ink);font:inherit;max-width:100%}.lead-subline{display:block;font-size:11px;color:var(--muted);margin-top:5px;max-width:240px;overflow-wrap:anywhere}.lead-status{display:inline-flex;white-space:nowrap;padding:6px 10px;border-radius:6px;background:#eeeade;color:#7e704b;font-size:11px;font-weight:600}.lead-contacted{background:#e8eff6;color:#516d88}.lead-interested{background:#f5eddc;color:#9b7730}.lead-booked{background:#e9f1e3;color:#5c7646}.lead-lost{background:#f4e8e5;color:#986258}@media(max-width:720px){.sidebar{grid-template-columns:repeat(3,minmax(0,1fr))}.lead-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.lead-summary-card{padding:14px}.lead-summary-card strong{font-size:22px}.lead-filters{display:grid;grid-template-columns:1fr 1fr}.lead-filters input{grid-column:1/-1;width:100%}.lead-filters select{width:100%;min-width:0}.lead-filters .text-link{text-align:center}}
/* Compact pagination shared by every CRM list. */
nav.crm-pagination,.pagination nav.crm-pagination{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding-top:20px;margin-top:22px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.pagination nav.crm-pagination{margin-top:0}.crm-pagination-summary{margin:0;line-height:1.6}.crm-pagination-summary strong{font-weight:650;color:var(--ink)}.crm-pagination-pages{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.crm-pagination .crm-page,.pagination nav.crm-pagination .crm-page{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:36px;height:36px;padding:0 10px;margin:0;border:1px solid #e2ded1;border-radius:7px;background:#fff;color:#655e46;font-size:12px;line-height:1;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s}
.crm-pagination .crm-page-direction{min-width:88px}.crm-pagination a.crm-page:hover{background:#f0ede2;border-color:#aba07a}.crm-pagination .crm-page.is-current,.pagination nav.crm-pagination .crm-page.is-current{background:#77704e;border-color:#77704e;color:#fff;font-weight:700}.crm-pagination .crm-page.is-disabled,.pagination nav.crm-pagination .crm-page.is-disabled{background:#faf9f5;border-color:#eeece4;color:#b4af9d;cursor:default}
.crm-pagination .crm-page>span,.pagination nav.crm-pagination .crm-page>span{display:inline;padding:0;margin:0;border:0;background:transparent;color:inherit;line-height:1;border-radius:0}.crm-pagination .crm-page-gap,.pagination nav.crm-pagination .crm-page-gap{display:inline-flex;align-items:center;justify-content:center;width:22px;padding:0;margin:0;border:0;color:#9d9580;font-size:14px}.crm-pagination svg{width:16px;height:16px;flex:none}
.lead-subline{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.5}
@media(max-width:720px){nav.crm-pagination,.pagination nav.crm-pagination{align-items:center;flex-direction:column;gap:12px;padding-top:17px}.crm-pagination-pages{justify-content:center;gap:5px}.crm-pagination .crm-page-direction{min-width:36px}.crm-pagination .crm-page-label{display:none!important}.crm-pagination .crm-page,.pagination nav.crm-pagination .crm-page{height:36px;min-width:34px;padding:0 9px}.crm-pagination .crm-page-gap{width:15px}}
.optional-label{font-size:10px;font-weight:400;color:#9b947f;margin-left:5px}.lead-match-hint{display:block;min-height:30px;margin-top:8px;color:#928974;font-size:11px;line-height:1.55;font-weight:400}.lead-match-hint.matched{color:#5d7546}.optional-client-fields{padding:0;margin-top:16px}.optional-client-fields>summary{display:flex;align-items:center;gap:14px;padding:22px 26px;cursor:pointer;list-style:none}.optional-client-fields>summary::-webkit-details-marker{display:none}.optional-client-fields>summary>span:first-child{font-size:15px;font-weight:650}.optional-client-fields>summary small{color:var(--muted);font-size:12px}.optional-chevron{margin-left:auto;font-size:20px;color:#968c6c}.optional-client-fields[open] .optional-chevron{transform:rotate(180deg)}.optional-client-body{padding:24px;border-top:1px solid var(--line)}.optional-client-body .passport-preview-card{top:12px}.lead-conversion-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #d8e2ca;border-radius:10px;background:#f0f5e9;color:#52683d;padding:18px 22px;margin-bottom:22px}.lead-conversion-banner>div{display:grid;gap:6px}.lead-conversion-banner strong{font-size:14px}.lead-conversion-banner span{font-size:12px;opacity:.8}
.lead-alerts{position:relative;flex:none;color:#655f4b}.lead-alert-bell{position:relative;display:flex;align-items:center;justify-content:center;width:38px;height:38px;list-style:none;cursor:pointer;border:1px solid #e7e3d7;border-radius:9px;background:#fff}.lead-alert-bell::-webkit-details-marker{display:none}.lead-alert-bell svg{width:19px;height:19px;flex:none}.lead-alerts[open] .lead-alert-bell{background:#f0ede2;border-color:#b7ad8c}.lead-alert-count{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;border-radius:10px;background:#81744e;color:#fff;font-size:9px;line-height:19px;text-align:center;padding:0 4px;border:2px solid #fff;box-sizing:content-box}.lead-alert-count[hidden]{display:none}.lead-alert-menu{position:absolute;right:0;top:48px;width:325px;max-width:calc(100vw - 32px);border:1px solid #e5e0d2;border-radius:12px;background:#fff;box-shadow:0 12px 40px #332c1921;z-index:40;overflow:hidden}.lead-alert-heading{display:flex;align-items:center;justify-content:space-between;padding:17px;border-bottom:1px solid var(--line);gap:12px}.lead-alert-heading strong{font-size:13px}.lead-alert-heading>a{font-size:11px;color:#81744e}.lead-alert-list{max-height:310px;overflow:auto}.lead-alert-list>p{padding:16px;font-size:12px;color:var(--muted);line-height:1.5}.lead-alert-item{display:grid;gap:6px;padding:14px 17px;border-bottom:1px solid #f0ede4}.lead-alert-item:hover{background:#faf8f1}.lead-alert-item strong{font-size:12px;line-height:1.4;overflow-wrap:anywhere}.lead-alert-item small{font-size:10px;color:var(--muted)}.lead-alert-permission{padding:15px 17px;background:#faf9f4}.lead-alert-permission button{width:100%;padding:10px 12px;border:1px solid #d7d0bb;border-radius:7px;background:#fff;font-size:11px;color:#716544;cursor:pointer}.lead-alert-permission small{display:block;font-size:10px;color:#928873;line-height:1.6;margin-top:8px}.lead-toast-region{position:fixed;right:24px;bottom:24px;display:grid;gap:10px;width:340px;max-width:calc(100vw - 32px);z-index:100}.lead-toast{display:flex;align-items:flex-start;gap:8px;background:#fff;border:1px solid #d9d2bb;border-left:4px solid #8a7b50;border-radius:10px;box-shadow:0 8px 35px #29231326;padding:16px}.lead-toast>a{flex:1;display:grid;gap:6px;min-width:0}.lead-toast strong{font-size:13px;color:#504930}.lead-toast span{font-size:12px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}.lead-toast>button{background:none;border:0;color:#928873;font-size:20px;line-height:1;cursor:pointer;padding:0 2px}
@media(max-width:720px){.optional-client-fields>summary{padding:18px;flex-wrap:wrap;gap:7px}.optional-client-fields>summary small{order:3;width:100%;font-size:11px}.optional-client-body{padding:16px}.lead-conversion-banner{padding:16px;flex-direction:column;align-items:flex-start}.lead-alert-bell{width:32px;height:32px}.lead-alert-menu{position:fixed;right:16px;top:auto;margin-top:12px;width:325px}.lead-toast-region{right:16px;bottom:16px}.top-user{gap:10px}.topbar{padding-top:9px;padding-bottom:9px}.topbar .printer-indicator{max-width:166px}.topbar .crumb{font-size:9px;letter-spacing:1px}}