/*
 * ELALAN Customer Account — Mobilekit adaptation
 * Mobile-first design based on the supplied Mobilekit theme.
 * The desktop layout keeps the theme's cards, list views, spacing and controls,
 * while adding a permanent sidebar, central app capsule and contextual right rail.
 */
:root{
  --elp-primary:#7C9A5C;
  --elp-primary-dark:#657F48;
  --elp-primary-soft:#F3F6EA;
  --elp-bg:#F9F9F9;
  --elp-surface:#FFFFFF;
  --elp-text:#141515;
  --elp-body:#4F5050;
  --elp-muted:#A1A1A2;
  --elp-border:#E1E1E1;
  --elp-success:#34C759;
  --elp-warning:#FE9500;
  --elp-danger:#EC4433;
  --elp-info:#592BCA;
  --elp-secondary:#6C7C94;
  --elp-shadow:0 3px 6px rgba(0,0,0,.10),0 1px 3px rgba(0,0,0,.08);
  --elp-shadow-lg:0 14px 38px rgba(25,44,84,.12);
  --elp-radius:6px;
  --elp-radius-lg:12px;
  --elp-sidebar:286px;
  --elp-right:290px;
  --elp-topbar:72px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.elp-body,body.elp-auth-body{margin:0;background:var(--elp-bg);color:var(--elp-body);font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:15px;overflow-x:hidden}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
a{text-decoration:none}
ion-icon{pointer-events:none}
[hidden]{display:none!important}

/* Theme loader */
#loader{background:var(--elp-bg)}
#loader .spinner-border{width:32px;height:32px}

/* Brand */
.elp-brand{display:inline-flex;align-items:center;gap:10px;color:var(--elp-text)!important;font-size:20px;letter-spacing:-.03em}
.elp-brand strong{font-weight:800}
.elp-brand-light{color:#fff!important}
.elp-brand-mark{display:inline-flex;align-items:flex-end;gap:2px;width:27px;height:25px;padding:4px;border-radius:7px;background:var(--elp-primary);box-shadow:0 6px 14px rgba(124,154,92,.28)}
.elp-brand-mark span{display:block;width:5px;border-radius:4px;background:#fff}
.elp-brand-mark span:nth-child(1){height:8px;opacity:.72}
.elp-brand-mark span:nth-child(2){height:15px}
.elp-brand-mark span:nth-child(3){height:11px;opacity:.86}
.elp-brand-light .elp-brand-mark{background:#fff}
.elp-brand-light .elp-brand-mark span{background:var(--elp-primary)}

/* Mobile app header */
.elp-mobile-header{display:flex}
.elp-mobile-header .headerButton{border:0;background:transparent;color:#fff}
.elp-mobile-alert{position:relative}
.elp-mobile-alert span{position:absolute;top:7px;right:2px;min-width:16px;height:16px;border:2px solid var(--elp-primary);border-radius:20px;background:var(--elp-danger);color:#fff;font-size:9px;line-height:12px;font-weight:700;text-align:center}
.elp-mobile-searchbar{transform:translateY(-120%);transition:.25s ease;z-index:1200;padding:8px 12px;background:#fff}
.elp-mobile-searchbar.is-open{transform:translateY(0)}
.elp-mobile-searchbar .search-form{width:100%}
.elp-mobile-searchbar .close{top:0;right:8px;width:36px;height:36px;border:0;background:transparent}
.elp-mobile-searchbar .searchbox .form-control{padding-right:48px}

/* Core shell */
.elp-app{min-height:100vh}
.elp-main-shell{min-width:0;min-height:100vh}
.elp-capsule{padding-top:72px!important;padding-bottom:94px!important;max-width:none}
.elp-desktop-grid{min-width:0}
.elp-content{min-width:0;padding:0 16px 24px}
.elp-footer{display:none}

/* Sidebar / Mobilekit offcanvas treatment */
.elp-sidebar{position:fixed;z-index:1400;top:0;bottom:0;left:0;width:min(86vw,310px);background:#fff;transform:translateX(-105%);transition:transform .28s ease;box-shadow:12px 0 32px rgba(0,0,0,.16);padding-top:env(safe-area-inset-top)}
.elp-sidebar.is-open{transform:translateX(0)}
.elp-sidebar-scroll{height:100%;overflow-y:auto;padding-bottom:20px}
.elp-mobile-backdrop{position:fixed;z-index:1390;inset:0;background:rgba(0,0,0,.42);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:.25s}
.elp-mobile-backdrop.is-open{opacity:1;visibility:visible}
.elp-brand-row{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--elp-border)}
.elp-sidebar-close{display:flex!important}
.elp-profile-strip{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:18px 16px;border-bottom:1px solid var(--elp-border);background:linear-gradient(135deg,#F7F9F2,#fff)}
.elp-profile-strip>div{min-width:0}
.elp-profile-strip strong,.elp-profile-strip span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.elp-profile-strip strong{color:var(--elp-text);font-size:14px}
.elp-profile-strip span{color:var(--elp-muted);font-size:12px;margin-top:2px}
.elp-profile-strip>a{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--elp-primary-soft);color:var(--elp-primary);font-size:20px}

.elp-workspace-card{position:relative;margin:14px 16px 8px;padding:12px;border-radius:var(--elp-radius);background:#f6f8fc;border:1px solid #e8ecf4}
.elp-overline,.elp-kicker{display:block;color:var(--elp-muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.elp-workspace-button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;padding:8px 0 0;border:0;background:transparent;text-align:left;color:var(--elp-text)}
.elp-workspace-button>span:nth-child(2){min-width:0}
.elp-workspace-button strong,.elp-workspace-button small{display:block}
.elp-workspace-button strong{font-size:14px;font-weight:700}
.elp-workspace-button small{color:var(--elp-muted);font-size:11px;margin-top:1px}
.elp-workspace-button>ion-icon{font-size:18px;color:var(--elp-muted)}
.elp-workspace-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--elp-primary);color:#fff;font-size:20px}
.elp-workspace-menu{display:none;position:absolute;z-index:20;top:calc(100% + 8px);left:0;right:0;padding:6px;background:#fff;border:1px solid var(--elp-border);border-radius:var(--elp-radius);box-shadow:var(--elp-shadow-lg)}
.elp-workspace-menu.is-open{display:block}
.elp-workspace-menu a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px;border-radius:5px;color:var(--elp-body)}
.elp-workspace-menu a:hover{background:#f5f7fb}
.elp-workspace-menu .elp-workspace-icon{width:34px;height:34px;font-size:18px;background:var(--elp-primary-soft);color:var(--elp-primary)}
.elp-workspace-menu strong,.elp-workspace-menu small{display:block}
.elp-workspace-menu strong{color:var(--elp-text);font-size:13px}
.elp-workspace-menu small{color:var(--elp-muted);font-size:10px}
.elp-workspace-menu>a>ion-icon{color:var(--elp-success);font-size:20px}

.elp-nav{padding:2px 0}
.elp-nav-heading{display:block;padding:18px 16px 6px;color:var(--elp-muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.elp-nav-item{position:relative;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;min-height:48px;padding:8px 16px;color:var(--elp-text);font-size:14px;border-bottom:1px solid rgba(225,225,225,.72)}
.elp-nav-item:first-of-type{border-top:1px solid rgba(225,225,225,.72)}
.elp-nav-item>ion-icon:first-child{font-size:22px;color:var(--elp-secondary)}
.elp-nav-item .elp-nav-chevron{font-size:17px;color:#c6c7ca}
.elp-nav-item em{min-width:22px;padding:2px 7px;border-radius:20px;background:var(--elp-primary);color:#fff;font-style:normal;font-size:10px;text-align:center}
.elp-nav-item.is-active{background:var(--elp-primary-soft);color:var(--elp-primary);font-weight:600}
.elp-nav-item.is-active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 4px 4px 0;background:#B9C142}
.elp-nav-item.is-active>ion-icon:first-child{color:var(--elp-primary)}
.elp-sidebar-bottom{margin-top:10px;border-top:8px solid #f5f5f6}
.elp-sidebar-help{display:none}

/* Desktop topbar */
.elp-topbar{display:none}
.elp-desktop-title span,.elp-desktop-title strong{display:block}
.elp-desktop-title span{color:var(--elp-muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.elp-desktop-title strong{color:var(--elp-text);font-size:16px;margin-top:2px}
.elp-global-search,.elp-search{display:flex;align-items:center;gap:9px;border:1px solid var(--elp-border);border-radius:var(--elp-radius);background:#fff;color:var(--elp-muted)}
.elp-global-search{width:min(430px,36vw);height:42px;padding:0 12px}
.elp-global-search ion-icon{font-size:20px}
.elp-global-search input,.elp-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--elp-text)}
.elp-global-search kbd{padding:3px 6px;border-radius:4px;background:#f2f3f5;color:#8d8e91;font-size:10px;font-family:inherit}

/* Quick search — Mobilekit search + listview components, local navigation only. */
.elp-quick-search{position:relative;width:min(430px,36vw)}
.elp-quick-search .elp-global-search{width:100%}
.elp-quick-search-results{position:absolute;z-index:1150;top:calc(100% + 8px);left:0;right:0;margin:0;overflow:hidden;border:1px solid var(--elp-border);background:#fff;box-shadow:var(--elp-shadow-lg)}
.elp-quick-search-results .listview-title{margin:0;border-bottom:1px solid var(--elp-border);background:#fff}
.elp-quick-search-results .listview{max-height:min(440px,calc(100vh - 126px));overflow-y:auto;overscroll-behavior:contain}
.elp-quick-search-results .image-listview>li .item{min-height:56px}
.elp-quick-search-results .image-listview>li .item .icon-box{color:#fff}
.elp-quick-search-results .image-listview>li .item .in>div{min-width:0}
.elp-quick-search-results .image-listview h4{margin:0;color:var(--elp-text);font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.elp-quick-search-results .image-listview .text-muted{margin-top:2px;font-size:11px}
.elp-quick-search-results [role="option"].is-active{background:var(--elp-primary-soft)}
.elp-quick-search-empty .icon-box{background:#f2f3f5!important;color:var(--elp-muted)!important}
.elp-mobile-searchbar[data-quick-search]{overflow:visible}
.elp-mobile-searchbar .elp-quick-search-results{top:calc(100% + 4px);left:12px;right:12px}
.elp-topbar-left,.elp-topbar-actions,.elp-actions,.elp-row,.elp-toolbar-group,.elp-page-actions,.elp-inline-meta,.elp-pill-row,.elp-avatar-row{display:flex;align-items:center}
.elp-topbar-left{gap:28px}
.elp-topbar-actions{position:relative;gap:8px}

/* Buttons */
.elp-btn,.elp-icon-btn,.elp-profile-button,.elp-bookmark,.elp-social-button{border:0;font-family:inherit}
.elp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 18px;border-radius:var(--elp-radius);font-size:14px;font-weight:500;white-space:nowrap;transition:.15s}
.elp-btn:active{transform:translateY(1px)}
.elp-btn-primary{background:var(--elp-primary)!important;color:#fff!important;box-shadow:0 5px 12px rgba(124,154,92,.20)}
.elp-btn-primary:hover{background:var(--elp-primary-dark)!important}
.elp-btn-secondary{background:#fff!important;color:var(--elp-primary)!important;border:1px solid var(--elp-primary)!important}
.elp-btn-secondary:hover{background:var(--elp-primary-soft)!important}
.elp-btn-ghost{background:transparent;color:var(--elp-primary)}
.elp-btn-danger{background:var(--elp-danger);color:#fff}
.elp-btn-sm{min-height:34px;padding:6px 12px;font-size:12px}
.elp-icon-only{width:42px;padding:0}
.elp-icon-btn{position:relative;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:transparent;color:var(--elp-text);font-size:21px}
.elp-icon-btn:hover{background:#f0f2f6}
.elp-icon-btn.elp-btn-sm{width:34px;height:34px;font-size:15px}
.elp-notification-button span{position:absolute;top:2px;right:0;min-width:16px;height:16px;border:2px solid #fff;border-radius:20px;background:var(--elp-danger);color:#fff;font-size:9px;line-height:12px;text-align:center}
.elp-profile-button{display:flex;align-items:center;gap:9px;padding:5px 8px 5px 5px;border-radius:30px;background:#fff;color:var(--elp-text)}
.elp-profile-button span strong,.elp-profile-button span small{display:block;text-align:left}
.elp-profile-button span strong{font-size:12px}
.elp-profile-button span small{color:var(--elp-muted);font-size:10px}
.elp-profile-button>ion-icon{font-size:15px;color:var(--elp-muted)}
.elp-profile-menu{display:none;position:absolute;z-index:30;top:50px;right:0;width:210px;padding:6px;border:1px solid var(--elp-border);border-radius:var(--elp-radius);background:#fff;box-shadow:var(--elp-shadow-lg)}
.elp-profile-menu.is-open{display:block}
.elp-profile-menu a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:5px;color:var(--elp-text);font-size:13px}
.elp-profile-menu a:hover{background:#f5f7fb}
.elp-profile-menu a ion-icon{font-size:19px;color:var(--elp-secondary)}
.elp-profile-menu>span{display:block;height:1px;margin:4px;background:var(--elp-border)}

/* Page heading */
.elp-page-heading{display:block;padding:4px 0 0!important;margin-bottom:18px}
.elp-page-heading .title{margin:2px 0 0!important;color:var(--elp-text);font-size:30px!important;font-weight:700;letter-spacing:-.035em}
.elp-page-heading .subtitle{max-width:720px;margin:5px 0 0!important;color:var(--elp-body)!important;font-size:14px!important;line-height:1.55em!important}
.elp-breadcrumbs{display:none;align-items:center;gap:5px;margin-bottom:6px;font-size:11px}
.elp-breadcrumbs a{color:var(--elp-primary)}
.elp-breadcrumbs span{color:var(--elp-muted)}
.elp-breadcrumbs ion-icon{font-size:12px;color:#c0c2c6}
.elp-page-actions{gap:8px;margin-top:14px;overflow-x:auto;padding-bottom:2px}

/* Cards and blocks — match Mobilekit */
.elp-card,.elp-accent-panel,.elp-hero-card,.elp-muted-panel,.elp-callout,.elp-toolbar,.elp-venue-card,.elp-creative-card,.elp-wizard-card,.elp-account-type,.elp-choice,.elp-auth-card,.elp-rail-card{background:#fff;border:0;border-radius:var(--elp-radius);box-shadow:var(--elp-shadow)}
.elp-card{overflow:hidden}
.elp-card-pad,.elp-card-body{padding:16px}
.elp-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--elp-border)}
.elp-card-head h2,.elp-card-head h3,.elp-section-title{margin:0;color:var(--elp-text);font-size:15px;font-weight:600}
.elp-card-head p,.elp-section-copy{margin:3px 0 0;color:var(--elp-muted);font-size:12px;line-height:1.45em}
.elp-card-head>a,.elp-link{color:var(--elp-primary);font-size:12px;font-weight:500;white-space:nowrap}
.elp-stack{display:grid;gap:16px;min-width:0}
.elp-grid{display:grid;gap:16px}
.elp-grid-2,.elp-grid-3,.elp-grid-4{grid-template-columns:1fr}
.elp-dashboard-grid,.elp-detail-grid{display:grid;gap:16px;min-width:0}
.elp-grow{min-width:0;flex:1}
.elp-between{justify-content:space-between}
.elp-subtle{color:var(--elp-muted)}
.elp-divider{height:1px;background:var(--elp-border)}

/* Metric cards */
.elp-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}
.elp-metric{display:flex;align-items:flex-start;gap:10px;min-height:112px;padding:14px 12px;border-radius:var(--elp-radius);background:#fff;box-shadow:var(--elp-shadow)}
.elp-metric-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;font-size:16px}
.elp-metric-violet .elp-metric-icon{background:#efeaff;color:#6f3df4}
.elp-metric-blue .elp-metric-icon{background:var(--elp-primary-soft);color:var(--elp-primary)}
.elp-metric-green .elp-metric-icon{background:#eaf9ee;color:var(--elp-success)}
.elp-metric-coral .elp-metric-icon{background:#fff0ed;color:#ff654e}
.elp-metric-copy{min-width:0}
.elp-metric-copy span,.elp-metric-copy strong,.elp-metric-copy small{display:block}
.elp-metric-copy span{color:var(--elp-muted);font-size:10px;font-weight:500;line-height:1.25em}
.elp-metric-copy strong{margin-top:5px;color:var(--elp-text);font-size:19px;line-height:1.1em;letter-spacing:-.03em}
.elp-metric-copy small{margin-top:6px;color:var(--elp-body);font-size:10px;line-height:1.3em}

/* Callouts */
.elp-callout{display:flex;align-items:flex-start;gap:11px;padding:14px 15px;box-shadow:none;border:1px solid}
.elp-callout>i{margin-top:2px;font-size:17px}
.elp-callout strong{display:block;color:var(--elp-text);font-size:13px}
.elp-callout p{margin:3px 0 0;font-size:12px;line-height:1.45em}
.elp-callout .elp-btn{align-self:center}
.elp-callout-amber{background:#fff8ea;border-color:#ffe1a6;color:#9a6200}
.elp-callout-blue{background:#F3F6EA;border-color:#D7E1C4;color:#657F48}
.elp-callout-green{background:#edfbf1;border-color:#c8f0d3;color:#168c3b}
.elp-callout-red{background:#fff0ee;border-color:#ffc9c3;color:#c73527}
.elp-callout-violet{background:#f4efff;border-color:#dfd1ff;color:#6f3df4}

/* Status and badges */
.elp-status{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:20px;background:#f1f2f4;color:#5e6064;font-size:10px;font-weight:600;white-space:nowrap}
.elp-status>span:first-child{width:6px;height:6px;border-radius:50%;background:currentColor}
.elp-status-success{background:#e9f9ed;color:#218d3e}
.elp-status-warning{background:#fff3dd;color:#b66c00}
.elp-status-danger{background:#ffebe8;color:#c53c2e}
.elp-status-violet{background:#f0eaff;color:#6f3df4}
.elp-status-blue{background:#E8EED8;color:#657F48}
.elp-status-neutral{background:#f1f2f4;color:#6e7074}
.elp-image-badge{display:inline-flex;padding:4px 8px;border-radius:20px;background:rgba(255,255,255,.9);color:var(--elp-text);font-size:10px;font-weight:600;box-shadow:0 2px 6px rgba(0,0,0,.1)}

/* Tables */
.elp-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.elp-table{width:100%;min-width:720px;border-collapse:collapse;color:var(--elp-body);font-size:12px}
.elp-table th{padding:11px 14px;background:#f7f7f8;color:var(--elp-muted);font-size:9px;font-weight:700;text-align:left;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-bottom:1px solid var(--elp-border)}
.elp-table td{padding:12px 14px;border-bottom:1px solid var(--elp-border);vertical-align:middle;white-space:nowrap}
.elp-table tbody tr:last-child td{border-bottom:0}
.elp-table tbody tr:hover{background:#fbfcfe}
.elp-table-title{display:flex;align-items:center;gap:10px}
.elp-table-title strong,.elp-table-title small{display:block}
.elp-table-title strong{color:var(--elp-text);font-size:12px}
.elp-table-title small{color:var(--elp-muted);font-size:10px;margin-top:2px}
.elp-thumb{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:5px;background:var(--elp-primary-soft);color:var(--elp-primary);font-size:16px;overflow:hidden}
.elp-thumb img{width:100%;height:100%;object-fit:cover}

/* Lists / Mobilekit listview style */
.elp-list{padding:0!important}
.elp-list-item{display:flex;align-items:center;gap:11px;min-height:58px;padding:10px 16px;border-bottom:1px solid var(--elp-border);color:var(--elp-body)}
.elp-list-item:last-child{border-bottom:0}
.elp-list-item:hover{background:#fbfcfe}
.elp-list-copy{min-width:0;flex:1}
.elp-list-copy strong,.elp-list-copy small{display:block}
.elp-list-copy strong{color:var(--elp-text);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.elp-list-copy small{margin-top:3px;color:var(--elp-muted);font-size:11px;line-height:1.35em}
.elp-list-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:var(--elp-primary-soft);color:var(--elp-primary);font-size:16px}
.elp-info-list{display:grid}
.elp-info-item{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid var(--elp-border)}
.elp-info-item:last-child{border-bottom:0}
.elp-info-item span{color:var(--elp-muted);font-size:12px}
.elp-info-item strong{color:var(--elp-text);font-size:12px;text-align:right}

/* Forms */
.elp-field{display:grid;gap:5px}
.elp-field label,.elp-label{color:var(--elp-text);font-size:11px;font-weight:500}
.elp-input,.elp-select,.elp-textarea{width:100%;border:1px solid var(--elp-border);border-radius:5px;background:#fff;color:var(--elp-text);font-size:14px;outline:0;transition:.15s}
.elp-input,.elp-select{height:44px;padding:0 12px}
.elp-textarea{min-height:110px;padding:11px 12px;resize:vertical}
.elp-input:focus,.elp-select:focus,.elp-textarea:focus{border-color:var(--elp-primary);box-shadow:0 0 0 3px rgba(124,154,92,.11)}
.elp-form-grid{display:grid;grid-template-columns:1fr;gap:14px}
.elp-field-full{grid-column:1/-1}
.elp-search{min-width:220px;height:40px;padding:0 11px}
.elp-search i{font-size:13px}
.elp-check{display:flex;align-items:flex-start;gap:8px;color:var(--elp-body);font-size:12px}
.elp-check input{accent-color:var(--elp-primary);margin-top:2px}
.elp-code-inputs{display:flex;justify-content:center;gap:8px}
.elp-code-inputs input{width:45px;height:52px;border:1px solid var(--elp-border);border-radius:6px;background:#fff;color:var(--elp-text);font-size:22px;font-weight:700;text-align:center;outline:0}
.elp-code-inputs input:focus{border-color:var(--elp-primary);box-shadow:0 0 0 3px rgba(124,154,92,.12)}

/* Toolbars, pills, tabs */
.elp-toolbar{display:flex;align-items:stretch;justify-content:space-between;gap:10px;margin-bottom:14px;padding:10px;overflow-x:auto}
.elp-toolbar-group{gap:8px;flex-wrap:nowrap}
.elp-toolbar-group:last-child{margin-left:auto}
.elp-pill-row{gap:7px;overflow-x:auto;scrollbar-width:none}
.elp-pill-row::-webkit-scrollbar,.elp-tabs::-webkit-scrollbar{display:none}
.elp-pill{flex:0 0 auto;min-height:34px;padding:6px 13px;border:1px solid var(--elp-border);border-radius:20px;background:#fff;color:var(--elp-body);font-size:11px;font-weight:500}
.elp-pill.is-active{border-color:var(--elp-primary);background:var(--elp-primary);color:#fff}
.elp-segmented{display:flex;padding:3px;border-radius:6px;background:#f1f2f4}
.elp-segmented button{min-height:29px;padding:5px 10px;border:0;border-radius:4px;background:transparent;color:var(--elp-muted);font-size:10px}
.elp-segmented button.is-active{background:#fff;color:var(--elp-text);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.elp-tabs{display:flex;gap:0;margin-bottom:14px;overflow-x:auto;border-bottom:1px solid var(--elp-border);background:transparent}
.elp-tab{flex:0 0 auto;min-height:46px;padding:10px 13px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--elp-muted);font-size:12px;font-weight:500}
.elp-tab.is-active{border-bottom-color:var(--elp-primary);color:var(--elp-primary)}
.elp-tab-panel{display:none}
.elp-tab-panel.is-active{display:block}

/* Venue cards */
.elp-venue-grid{display:grid;grid-template-columns:1fr;gap:14px}
.elp-venue-card{overflow:hidden}
.elp-venue-image{position:relative;height:154px;background:linear-gradient(135deg,#E8EED8,#F3F6EA);overflow:hidden}
.elp-venue-card:nth-child(6n+1) .elp-venue-image{background:url('../mobilekit/img/sample/photo/wide1.jpg') center/cover}
.elp-venue-card:nth-child(6n+2) .elp-venue-image{background:url('../mobilekit/img/sample/photo/wide2.jpg') center/cover}
.elp-venue-card:nth-child(6n+3) .elp-venue-image{background:url('../mobilekit/img/sample/photo/wide3.jpg') center/cover}
.elp-venue-card:nth-child(6n+4) .elp-venue-image{background:url('../mobilekit/img/sample/photo/wide4.jpg') center/cover}
.elp-venue-card:nth-child(6n+5) .elp-venue-image{background:url('../mobilekit/img/sample/photo/wide0.jpg') center/cover}
.elp-venue-card:nth-child(6n+6) .elp-venue-image{background:url('../mobilekit/img/sample/photo/d6.jpg') center/cover}
.elp-venue-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.22),transparent 55%)}
.elp-venue-image>.elp-image-badge{position:absolute;z-index:2;top:10px;left:10px}
.elp-bookmark{position:absolute;z-index:3;top:9px;right:9px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--elp-text);font-size:16px;box-shadow:0 2px 6px rgba(0,0,0,.12)}
.elp-bookmark.is-saved{color:var(--elp-primary)}
.elp-venue-icon{position:absolute;z-index:2;left:14px;bottom:12px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;color:var(--elp-primary);font-size:17px;box-shadow:0 3px 8px rgba(0,0,0,.16)}
.elp-venue-content{padding:14px}
.elp-venue-content h3{margin:0;color:var(--elp-text);font-size:16px}
.elp-venue-content>p{margin:5px 0 0;color:var(--elp-muted);font-size:11px}
.elp-venue-content>p i{color:var(--elp-primary)}
.elp-venue-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:13px 0;border:1px solid var(--elp-border);border-radius:5px}
.elp-venue-meta span{padding:8px 7px;color:var(--elp-muted);font-size:9px;text-align:center;border-right:1px solid var(--elp-border)}
.elp-venue-meta span:last-child{border-right:0}
.elp-venue-meta strong{display:block;margin-top:3px;color:var(--elp-text);font-size:10px}
.elp-venue-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.elp-venue-price span,.elp-venue-price strong{display:block}
.elp-venue-price span{color:var(--elp-muted);font-size:9px}
.elp-venue-price strong{color:var(--elp-text);font-size:12px;margin-top:2px}
.elp-map{display:none;position:sticky;top:88px;min-height:540px;border-radius:var(--elp-radius);background:linear-gradient(45deg,#edf0f4 25%,transparent 25%) 0 0/28px 28px,linear-gradient(-45deg,#edf0f4 25%,transparent 25%) 0 14px/28px 28px,#f6f7f9;box-shadow:var(--elp-shadow);overflow:hidden}
.elp-map:before,.elp-map:after{content:"";position:absolute;background:#dce1e7;border-radius:40px}
.elp-map:before{width:140%;height:34px;left:-20%;top:42%;transform:rotate(-18deg)}
.elp-map:after{width:38px;height:120%;left:54%;top:-10%;transform:rotate(9deg)}
.elp-map-pin{position:absolute;z-index:2;display:grid;place-items:center;width:42px;height:42px;border:4px solid #fff;border-radius:50% 50% 50% 5px;background:var(--elp-primary);color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.2);transform:rotate(-45deg)}
.elp-map-pin i{transform:rotate(45deg)}
.elp-map-pin:nth-child(1){top:18%;left:24%}.elp-map-pin:nth-child(2){top:37%;left:65%}.elp-map-pin:nth-child(3){top:62%;left:36%}.elp-map-pin:nth-child(4){top:72%;left:72%}

/* Hero and accent panels */
.elp-hero-card{display:flex;flex-direction:column;gap:16px;margin-bottom:16px;padding:20px;background:linear-gradient(135deg,#52693A,#7C9A5C 60%,#B9C142);color:#fff;box-shadow:0 10px 24px rgba(124,154,92,.22)}
.elp-hero-card h2{margin:5px 0 3px;color:#fff;font-size:24px;letter-spacing:-.03em}
.elp-hero-card p{max-width:780px;margin:0;color:rgba(255,255,255,.78);font-size:12px;line-height:1.55em}
.elp-hero-card .elp-status{vertical-align:middle}
.elp-hero-card .elp-inline-meta{margin-top:14px;color:rgba(255,255,255,.86)}
.elp-hero-card .elp-btn-secondary{border-color:#fff!important;background:rgba(255,255,255,.12)!important;color:#fff!important}
.elp-accent-panel{padding:18px;background:linear-gradient(145deg,#354126,#657F48);color:#fff;box-shadow:var(--elp-shadow-lg)}
.elp-accent-panel h2{margin:8px 0;color:#fff;font-size:22px;letter-spacing:-.03em}
.elp-accent-panel p{margin:0;color:rgba(255,255,255,.72);font-size:12px;line-height:1.5em}
.elp-accent-panel .elp-btn-secondary{border-color:rgba(255,255,255,.65)!important;background:transparent!important;color:#fff!important}
.elp-inline-meta{gap:14px;flex-wrap:wrap;color:var(--elp-muted);font-size:11px}
.elp-inline-meta span{display:flex;align-items:center;gap:5px}

/* Charts / visual data */
.elp-chart-line{height:210px;padding:18px 12px 0}
.elp-chart-line svg{width:100%;height:100%;overflow:visible}
.elp-chart-line .grid-line{stroke:#e9e9eb;stroke-width:1}
.elp-chart-line .area{fill:url(#areaGradient)}
.elp-chart-line .line{fill:none;stroke:var(--elp-primary);stroke-width:4;stroke-linecap:round}
.elp-chart{display:flex;align-items:flex-end;justify-content:space-around;height:220px;padding:22px 20px 34px;gap:8px}
.elp-chart-bar{position:relative;flex:1;max-width:42px;border-radius:5px 5px 2px 2px;background:linear-gradient(to top,#7C9A5C,#C6CC68)}
.elp-chart-bar span{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);color:var(--elp-muted);font-size:9px}
.elp-stat-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--elp-border)}
.elp-stat-strip>div{padding:12px 10px;text-align:center;border-right:1px solid var(--elp-border)}
.elp-stat-strip>div:last-child{border-right:0}
.elp-stat-strip strong,.elp-stat-strip span{display:block}
.elp-stat-strip strong{color:var(--elp-text);font-size:15px}
.elp-stat-strip span{margin-top:3px;color:var(--elp-muted);font-size:9px}
.elp-progress-wrap{display:flex;align-items:center;gap:7px;min-width:100px}
.elp-progress{flex:1;height:5px;border-radius:10px;background:#e8ebf0;overflow:hidden}
.elp-progress span{display:block;height:100%;border-radius:inherit;background:#B9C142}
.elp-progress-wrap small{color:var(--elp-muted);font-size:9px}
.elp-donut{display:grid;place-items:center;width:144px;height:144px;margin:20px auto;border-radius:50%}
.elp-donut-center{display:grid;place-items:center;width:104px;height:104px;border-radius:50%;background:#fff;text-align:center}
.elp-donut-center strong,.elp-donut-center small{display:block}
.elp-donut-center strong{color:var(--elp-text);font-size:24px}
.elp-donut-center small{color:var(--elp-muted);font-size:10px}
.elp-legend{display:flex;gap:12px;flex-wrap:wrap;color:var(--elp-muted);font-size:10px}

/* Timeline */
.elp-timeline{position:relative;padding:16px!important}
.elp-timeline:before{content:"";position:absolute;top:22px;bottom:22px;left:21px;width:1px;background:var(--elp-border)}
.elp-timeline-item{position:relative;padding:0 0 16px 22px}
.elp-timeline-item:last-child{padding-bottom:0}
.elp-timeline-item:before{content:"";position:absolute;z-index:1;left:0;top:5px;width:9px;height:9px;border:3px solid #fff;border-radius:50%;background:var(--elp-primary);box-shadow:0 0 0 1px var(--elp-primary)}
.elp-timeline-item strong,.elp-timeline-item p,.elp-timeline-item small{display:block}
.elp-timeline-item strong{color:var(--elp-text);font-size:12px}
.elp-timeline-item p{margin:3px 0;color:var(--elp-body);font-size:11px;line-height:1.4em}
.elp-timeline-item small{color:var(--elp-muted);font-size:9px}

/* Creative cards */
.elp-creative-grid{display:grid;grid-template-columns:1fr;gap:14px}
.elp-creative-card{overflow:hidden}
.elp-creative-preview{position:relative;display:grid;place-items:center;height:180px;background:linear-gradient(135deg,#354126,#7C9A5C);color:#fff;font-size:38px;overflow:hidden}
.elp-creative-card:nth-child(3n+2) .elp-creative-preview{background:linear-gradient(135deg,#ff9062,#ff4b58)}
.elp-creative-card:nth-child(3n+3) .elp-creative-preview{background:linear-gradient(135deg,#4f46e5,#a855f7)}
.elp-creative-preview img{width:100%;height:100%;object-fit:cover}
.elp-creative-body{padding:14px}
.elp-creative-body h3{margin:0;color:var(--elp-text);font-size:14px}
.elp-creative-body p{margin:5px 0;color:var(--elp-muted);font-size:10px}
.elp-creative-actions{display:flex;align-items:center;justify-content:space-between;margin-top:12px}
.elp-media-preview{display:grid;place-items:center;min-height:260px;border-radius:var(--elp-radius);background:linear-gradient(135deg,#2E3825,#657F48);color:#fff;overflow:hidden}
.elp-cover-image{min-height:260px;border-radius:var(--elp-radius);background:url('../mobilekit/img/sample/photo/wide2.jpg') center/cover;box-shadow:var(--elp-shadow)}
.elp-screen-mock{position:relative;width:min(86%,400px);aspect-ratio:16/9;border:9px solid #20242b;border-radius:5px;background:linear-gradient(135deg,#7C9A5C,#C6CC68);box-shadow:0 24px 35px rgba(0,0,0,.28)}
.elp-screen-mock:after{content:"";position:absolute;left:50%;top:100%;width:24%;height:18px;transform:translateX(-50%);background:#20242b;clip-path:polygon(35% 0,65% 0,100% 100%,0 100%)}

/* Calendar */
.elp-calendar{display:grid;grid-template-columns:repeat(7,minmax(42px,1fr));min-width:660px;border-top:1px solid var(--elp-border);border-left:1px solid var(--elp-border)}
.elp-calendar-head{padding:9px;color:var(--elp-muted);font-size:9px;font-weight:700;text-align:center;text-transform:uppercase;border-right:1px solid var(--elp-border);border-bottom:1px solid var(--elp-border);background:#f7f7f8}
.elp-calendar-day{min-height:110px;padding:8px;border-right:1px solid var(--elp-border);border-bottom:1px solid var(--elp-border);background:#fff;color:var(--elp-muted);font-size:10px}
.elp-calendar-day>strong{color:var(--elp-text);font-size:11px}
.elp-calendar-event{display:block;margin-top:6px;padding:5px 6px;border-radius:4px;background:var(--elp-primary-soft);color:var(--elp-primary);font-size:9px;line-height:1.2em}

/* Wizards and choices */
.elp-wizard-shell{display:grid;gap:14px}
.elp-wizard-nav{display:flex;gap:0;overflow-x:auto;padding:0 8px;border-radius:var(--elp-radius);background:#fff;box-shadow:var(--elp-shadow)}
.elp-wizard-step{position:relative;flex:1 0 90px;padding:15px 7px 12px;color:var(--elp-muted);text-align:center;font-size:9px}
.elp-wizard-step strong{display:grid;place-items:center;width:25px;height:25px;margin:0 auto 6px;border-radius:50%;background:#eef0f3;color:#8b8d91;font-size:10px}
.elp-wizard-step.is-active{color:var(--elp-primary);font-weight:600}
.elp-wizard-step.is-active strong,.elp-wizard-step.is-complete strong{background:var(--elp-primary);color:#fff}
.elp-wizard-card{padding:18px}
.elp-wizard-card h2{margin:0;color:var(--elp-text);font-size:18px}
.elp-wizard-card>p{margin:5px 0 18px;color:var(--elp-muted);font-size:12px}
.elp-wizard-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;padding-top:15px;border-top:1px solid var(--elp-border)}
.elp-choice-grid,.elp-account-type-grid{display:grid;grid-template-columns:1fr;gap:10px}
.elp-choice,.elp-account-type{position:relative;padding:15px;border:1px solid transparent;box-shadow:none;outline:1px solid var(--elp-border);cursor:pointer}
.elp-choice.is-selected,.elp-account-type.is-selected{outline:2px solid var(--elp-primary);background:var(--elp-primary-soft)}
.elp-choice input,.elp-account-type input{position:absolute;opacity:0}
.elp-choice h3,.elp-account-type h3{margin:8px 0 4px;color:var(--elp-text);font-size:14px}
.elp-choice p,.elp-account-type p{margin:0;color:var(--elp-muted);font-size:11px;line-height:1.45em}
.elp-choice>i,.elp-account-type>i{font-size:24px;color:var(--elp-primary)}

/* Messaging */
.elp-message-layout{display:grid;grid-template-columns:1fr;min-height:620px;border-radius:var(--elp-radius);background:#fff;box-shadow:var(--elp-shadow);overflow:hidden}
.elp-thread-list{border-bottom:1px solid var(--elp-border)}
.elp-thread-search{padding:10px;border-bottom:1px solid var(--elp-border)}
.elp-thread{position:relative;display:flex;align-items:flex-start;gap:10px;padding:12px;border-bottom:1px solid var(--elp-border);color:var(--elp-body)}
.elp-thread.is-active{background:var(--elp-primary-soft)}
.elp-thread-copy{min-width:0;flex:1}
.elp-thread-copy strong{color:var(--elp-text);font-size:12px}
.elp-thread-copy p{margin:3px 0;color:var(--elp-body);font-size:10px;line-height:1.35em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.elp-thread-copy small{color:var(--elp-muted);font-size:9px}
.elp-notification-dot{position:absolute;top:15px;right:12px;width:7px;height:7px;border-radius:50%;background:var(--elp-primary)}
.elp-chat{display:flex;flex-direction:column;min-width:0;min-height:600px}
.elp-chat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:10px 14px;border-bottom:1px solid var(--elp-border)}
.elp-chat-head .elp-actions{display:none}
.elp-chat-body{flex:1;padding:16px;background:#f5f7fa;overflow-y:auto}
.elp-bubble-row{display:flex;align-items:flex-end;gap:8px;margin-bottom:14px}
.elp-bubble-row.is-me{justify-content:flex-end}
.elp-bubble{max-width:84%;padding:10px 12px;border-radius:5px 14px 14px 14px;background:#fff;color:var(--elp-body);font-size:12px;line-height:1.5em;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.elp-bubble-row.is-me .elp-bubble{border-radius:14px 5px 14px 14px;background:var(--elp-primary);color:#fff}
.elp-bubble small{display:block;margin-top:6px;color:var(--elp-muted);font-size:8px}
.elp-bubble-row.is-me .elp-bubble small{color:rgba(255,255,255,.7)}
.elp-chat-compose{display:flex;align-items:flex-end;gap:8px;padding:10px;border-top:1px solid var(--elp-border);background:#fff}
.elp-chat-compose .elp-textarea{min-height:42px;max-height:100px}

/* Avatars */
.elp-avatar{display:inline-grid;place-items:center;flex:0 0 auto;border-radius:50%;background:linear-gradient(135deg,#7C9A5C,#B9C142);color:#fff;font-weight:700;box-shadow:0 3px 8px rgba(124,154,92,.18)}
.elp-avatar-sm{width:36px;height:36px;font-size:11px}
.elp-avatar-md,.elp-avatar:not(.elp-avatar-sm):not(.elp-avatar-lg){width:44px;height:44px;font-size:12px}
.elp-avatar-lg{width:58px;height:58px;font-size:16px}

/* Empty and success states */
.elp-empty{padding:44px 18px;text-align:center}
.elp-empty-icon,.elp-auth-success-icon{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 14px;border-radius:50%;background:var(--elp-primary-soft);color:var(--elp-primary);font-size:28px}
.elp-empty h3,.elp-auth-success h2{margin:0;color:var(--elp-text)}
.elp-empty p,.elp-auth-success p{max-width:440px;margin:7px auto 16px;color:var(--elp-muted);font-size:12px;line-height:1.5em}
.elp-auth-success{text-align:center}

/* Toasts */
.elp-toast-region{position:fixed;z-index:2500;left:16px;right:16px;bottom:82px;display:grid;gap:8px;pointer-events:none}
.elp-toast{display:flex;align-items:center;gap:10px;max-width:420px;margin-left:auto;padding:12px 14px;border-radius:var(--elp-radius);background:#111;color:#fff;font-size:12px;box-shadow:var(--elp-shadow-lg);animation:swpToast .25s ease}
.elp-toast i{color:var(--elp-success)}
@keyframes swpToast{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* Bottom menu follows supplied theme */
.elp-bottom-menu{display:flex}
.elp-bottom-menu button.item{border:0;background:#fff;padding:0}
.elp-bottom-menu .item .action-button.large{margin-bottom:-2px}
.elp-bottom-menu .item strong{font-size:9px}

/* Right rail — desktop enhancement */
.elp-right-rail{display:none}
.elp-rail-card{padding:15px;box-shadow:none;border:1px solid var(--elp-border)}
.elp-rail-profile{text-align:center}
.elp-rail-profile-head{position:relative;width:max-content;margin:0 auto 10px}
.elp-online-dot{position:absolute;right:1px;bottom:3px;width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:var(--elp-success)}
.elp-rail-profile>strong{display:block;color:var(--elp-text);font-size:13px}
.elp-rail-profile>p{margin:4px 0 8px;color:var(--elp-muted);font-size:10px;line-height:1.45em}
.elp-rail-profile>a{display:inline-flex;align-items:center;gap:4px;color:var(--elp-primary);font-size:10px;font-weight:500}
.elp-rail-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.elp-rail-title strong{color:var(--elp-text);font-size:12px}
.elp-rail-title>a{color:var(--elp-primary);font-size:9px}
.elp-rail-title>ion-icon{color:var(--elp-warning);font-size:18px}
.elp-rail-action{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid var(--elp-border);color:var(--elp-body)}
.elp-rail-action:last-child{border-bottom:0}
.elp-rail-action>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--elp-primary-soft);color:var(--elp-primary);font-size:17px}
.elp-rail-action strong,.elp-rail-action small{display:block}
.elp-rail-action strong{color:var(--elp-text);font-size:11px}
.elp-rail-action small{margin-top:2px;color:var(--elp-muted);font-size:9px}
.elp-rail-event{display:grid;grid-template-columns:42px 1fr;gap:8px;padding:9px 0;border-bottom:1px solid var(--elp-border)}
.elp-rail-event:last-child{border-bottom:0}
.elp-rail-event>span{color:var(--elp-primary);font-size:9px;font-weight:600}
.elp-rail-event strong,.elp-rail-event small{display:block}
.elp-rail-event strong{color:var(--elp-text);font-size:10px}
.elp-rail-event small{margin-top:2px;color:var(--elp-muted);font-size:9px}
.elp-rail-help{text-align:center;background:linear-gradient(145deg,#F3F6EA,#fff)}
.elp-rail-help-icon{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 8px;border-radius:50%;background:var(--elp-primary);color:#fff;font-size:23px}
.elp-rail-help strong{color:var(--elp-text);font-size:12px}
.elp-rail-help p{margin:4px 0 10px;color:var(--elp-muted);font-size:9px;line-height:1.45em}

/* Auth pages — Mobilekit page-login translated to ELALAN */
.elp-auth-body{min-height:100vh;background:#fff!important}
.elp-auth-header{display:flex}
.elp-auth-header .headerButton{border:0;background:transparent;color:#fff}
.elp-auth-shell{min-height:100vh;padding-top:56px}
.elp-auth-story{display:none}
.elp-auth-main{display:flex;flex-direction:column;min-height:calc(100vh - 56px);padding:22px 16px;background:#fff}
.elp-auth-mobile-brand{text-align:center;margin:3px 0 18px}
.elp-auth-mobile-brand .elp-brand{font-size:23px}
.elp-auth-mobile-brand p{margin:4px 0 0;color:var(--elp-muted);font-size:11px;text-transform:uppercase;letter-spacing:.07em}
.elp-auth-card{width:100%;max-width:480px;margin:0 auto;padding:22px 16px;box-shadow:none;border:1px solid var(--elp-border)}
.elp-auth-card-wide{max-width:720px}
.elp-auth-card h2{margin:6px 0 5px;color:var(--elp-text);font-size:26px;letter-spacing:-.035em}
.elp-auth-card>p{margin:0 0 18px;color:var(--elp-body);font-size:12px;line-height:1.55em}
.elp-auth-divider{display:flex;align-items:center;gap:10px;margin:16px 0;color:var(--elp-muted);font-size:10px;text-transform:uppercase;letter-spacing:.05em}
.elp-auth-divider:before,.elp-auth-divider:after{content:"";flex:1;height:1px;background:var(--elp-border)}
.elp-social-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:44px;border:1px solid var(--elp-border);border-radius:5px;background:#fff;color:var(--elp-text);font-size:13px;font-weight:500}
.elp-auth-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px}
.elp-auth-meta a,.elp-auth-note a{color:var(--elp-primary)}
.elp-auth-note{margin:16px 0 0!important;color:var(--elp-muted)!important;font-size:10px!important;text-align:center;line-height:1.65em!important}
.elp-auth-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:720px;margin:auto auto 0;padding-top:22px;color:var(--elp-muted);font-size:9px}
.elp-auth-footer div{display:flex;gap:12px}
.elp-auth-footer a{color:var(--elp-muted)}

/* Responsive — tablet */
@media (min-width:600px){
  .elp-content{padding-left:24px;padding-right:24px}
  .elp-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
  .elp-page-actions{margin-top:0}
  .elp-grid-2,.elp-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .elp-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .elp-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .elp-venue-grid,.elp-creative-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .elp-choice-grid,.elp-account-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .elp-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
  .elp-metric{min-height:118px}
  .elp-hero-card{flex-direction:row;align-items:flex-start;justify-content:space-between}
  .elp-message-layout{grid-template-columns:280px minmax(0,1fr)}
  .elp-thread-list{border-right:1px solid var(--elp-border);border-bottom:0;max-height:680px;overflow-y:auto}
  .elp-chat-head .elp-actions{display:flex}
  .elp-toast-region{left:auto;width:420px}
}

/* Desktop shell */
@media (min-width:1024px){
  body.elp-body{overflow:auto}
  .elp-mobile-header,.elp-mobile-searchbar,.elp-bottom-menu{display:none!important}
  .elp-sidebar{z-index:1000;transform:none;width:var(--elp-sidebar);box-shadow:none;border-right:1px solid var(--elp-border)}
  .elp-sidebar-close{display:none!important}
  .elp-mobile-backdrop{display:none!important}
  .elp-main-shell{margin-left:var(--elp-sidebar)}
  .elp-topbar{position:fixed;z-index:900;top:0;right:0;left:var(--elp-sidebar);height:var(--elp-topbar);display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--elp-border);background:rgba(255,255,255,.96);backdrop-filter:blur(16px)}
  .elp-capsule{padding-top:calc(var(--elp-topbar) + 26px)!important;padding-bottom:28px!important}
  .elp-content{padding:0 28px 28px}
  .elp-breadcrumbs{display:flex}
  .elp-page-heading .title{font-size:32px!important}
  .elp-dashboard-grid{grid-template-columns:minmax(0,1fr) 310px}
  .elp-detail-grid{grid-template-columns:minmax(0,1fr) 360px}
  .elp-map{display:block}
  .elp-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .elp-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .elp-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;border-top:1px solid var(--elp-border);color:var(--elp-muted);font-size:9px}
  .elp-toast-region{bottom:24px;right:24px}

  .elp-auth-header{display:none}
  .elp-auth-shell{display:grid;grid-template-columns:minmax(430px,46%) 1fr;padding-top:0;background:#fff}
  .elp-auth-story{position:relative;display:flex;flex-direction:column;min-height:100vh;padding:44px clamp(36px,5vw,78px);overflow:hidden;background:linear-gradient(145deg,#52693A 0%,#7C9A5C 52%,#B9C142 100%);color:#fff}
  .elp-auth-story:before,.elp-auth-story:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.17);border-radius:50%}
  .elp-auth-story:before{width:620px;height:620px;right:-310px;top:-180px}
  .elp-auth-story:after{width:380px;height:380px;left:-220px;bottom:-170px}
  .elp-auth-story-copy{position:relative;z-index:2;margin:auto 0 30px;max-width:620px}
  .elp-auth-kicker{color:#EEF3DD}
  .elp-auth-story-copy h1{margin:14px 0;color:#fff;font-size:clamp(38px,4vw,62px);line-height:1.05em;letter-spacing:-.055em}
  .elp-auth-story-copy p{max-width:560px;margin:0;color:rgba(255,255,255,.77);font-size:15px;line-height:1.65em}
  .elp-auth-proof{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:26px}
  .elp-auth-proof>div{padding-left:14px;border-left:2px solid rgba(255,255,255,.42)}
  .elp-auth-proof strong,.elp-auth-proof span{display:block}
  .elp-auth-proof strong{color:#fff;font-size:12px}
  .elp-auth-proof span{margin-top:3px;color:rgba(255,255,255,.67);font-size:10px;line-height:1.45em}
  .elp-auth-preview-card{position:relative;z-index:2;padding:16px;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:rgba(255,255,255,.13);backdrop-filter:blur(18px);box-shadow:0 18px 60px rgba(0,40,110,.24)}
  .elp-auth-preview-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}
  .elp-auth-preview-head>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;color:var(--elp-primary);font-size:20px}
  .elp-auth-preview-head strong,.elp-auth-preview-head small{display:block}
  .elp-auth-preview-head strong{font-size:12px}.elp-auth-preview-head small{color:rgba(255,255,255,.65);font-size:9px}
  .elp-auth-preview-head em{font-style:normal;font-size:18px;font-weight:700}
  .elp-auth-preview-chart{display:flex;align-items:flex-end;gap:8px;height:90px;margin:16px 0 10px}
  .elp-auth-preview-chart i{flex:1;border-radius:5px 5px 2px 2px;background:rgba(255,255,255,.7)}
  .elp-auth-preview-meta{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.18)}
  .elp-auth-preview-meta span{padding:10px 8px 0;border-right:1px solid rgba(255,255,255,.18)}
  .elp-auth-preview-meta span:last-child{border-right:0}
  .elp-auth-preview-meta strong,.elp-auth-preview-meta small{display:block}.elp-auth-preview-meta strong{font-size:13px}.elp-auth-preview-meta small{color:rgba(255,255,255,.62);font-size:8px}
  .elp-auth-main{justify-content:center;min-height:100vh;padding:42px clamp(34px,6vw,90px);background:#fff}
  .elp-auth-mobile-brand{display:none}
  .elp-auth-card{padding:30px;box-shadow:var(--elp-shadow-lg);border:0}
  .elp-auth-card h2{font-size:30px}
}

/* Wide desktop: permanent right rail */
@media (min-width:1380px){
  .elp-desktop-grid{display:grid;grid-template-columns:minmax(0,1fr) var(--elp-right);gap:0;align-items:start}
  .elp-content{padding-right:24px}
  .elp-right-rail{position:sticky;top:calc(var(--elp-topbar) + 24px);display:grid;gap:14px;max-height:calc(100vh - var(--elp-topbar) - 48px);overflow-y:auto;padding:0 22px 24px 0}
  .elp-dashboard-grid{grid-template-columns:minmax(0,1fr) 300px}
}

/* Very small phones */
@media (max-width:380px){
  .elp-content{padding-left:12px;padding-right:12px}
  .elp-page-heading .title{font-size:27px!important}
  .elp-metrics{grid-template-columns:1fr 1fr;gap:8px}
  .elp-metric{padding:12px 9px}
  .elp-metric-icon{width:32px;height:32px;flex-basis:32px}
  .elp-metric-copy strong{font-size:17px}
  .elp-btn{padding-left:13px;padding-right:13px}
}

/* Print */
@media print{
  .elp-sidebar,.elp-topbar,.elp-mobile-header,.elp-bottom-menu,.elp-right-rail,.elp-page-actions,.elp-footer{display:none!important}
  .elp-main-shell{margin:0!important}
  .elp-capsule{padding:0!important}
  .elp-content{padding:0!important}
  .elp-card,.elp-table-wrap{box-shadow:none!important;border:1px solid #ddd!important}
}

/* Icon dependency note.
   Font Awesome 6.5.0 is the authoritative renderer for fa-* classes and is
   loaded by the account layouts from the pinned/SRI-protected dependency in
   config/browser_security.php. Do not override fa-* with another icon-font
   family: doing so can produce private-use glyph boxes when that hidden font
   dependency is unavailable. */

/* Ionicons are rendered by the official Ionicons web component.
   Do not add pseudo-element glyphs here; doing so renders each icon twice. */


/* =========================================================
   ELALAN page components that are unique to the property app
   ========================================================= */
.elp-menu-button{display:inline-grid}
.elp-line{border-color:var(--elp-border)!important}
.elp-status-info{background:#E8EED8;color:#657F48}
.elp-status-amber{background:#fff3dd;color:#b66c00}
.elp-status-green{background:#e9f9ed;color:#218d3e}
.elp-status-violet{background:#f0eaff;color:#6f3df4}
.elp-value{font-size:15px;font-weight:700;color:var(--elp-text)}

.elp-customer-card{margin:14px 16px 8px;padding:12px;border-radius:var(--elp-radius);background:#f6f8fc;border:1px solid #e8ecf4}
.elp-customer-card>a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;color:var(--elp-text)}
.elp-customer-card strong,.elp-customer-card small{display:block}
.elp-customer-card strong{font-size:14px}.elp-customer-card small{margin-top:2px;color:var(--elp-muted);font-size:11px}

.elp-hero-home{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(210px,.8fr);gap:20px;align-items:center;padding:22px;border-radius:var(--elp-radius);background:linear-gradient(135deg,var(--elp-primary),#B9C142);box-shadow:var(--elp-shadow);color:#fff}
.elp-hero-home:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-100px;top:-120px;background:rgba(255,255,255,.12)}
.elp-hero-home>*{position:relative;z-index:1}
.elp-hero-home h2{margin:7px 0;color:#fff;font-size:clamp(24px,4vw,38px);line-height:1.12;letter-spacing:-.035em}
.elp-hero-home p{max-width:650px;margin:0;color:rgba(255,255,255,.84);font-size:14px;line-height:1.55}
.elp-hero-home .elp-kicker{color:rgba(255,255,255,.72)!important}
.elp-hero-home .elp-btn-primary{background:#fff!important;color:var(--elp-primary)!important;box-shadow:none}
.elp-hero-home .elp-btn-secondary{border-color:rgba(255,255,255,.7)!important;background:transparent!important;color:#fff!important}
.elp-hero-visual{display:grid;place-items:center;min-height:170px;border:1px solid rgba(255,255,255,.22);border-radius:var(--elp-radius-lg);background:rgba(255,255,255,.11)}
.elp-hero-visual i{font-size:64px;color:rgba(255,255,255,.85)}

.elp-property-cover{position:relative;display:flex;align-items:flex-end;min-height:176px;padding:16px;overflow:hidden;border-radius:var(--elp-radius);background:linear-gradient(180deg,rgba(8,21,42,.06),rgba(8,21,42,.82)),url('../mobilekit/img/sample/photo/wide2.jpg') center/cover no-repeat;color:#fff}
.elp-grid>.elp-card:nth-child(2n) .elp-property-cover{background-image:linear-gradient(180deg,rgba(8,21,42,.04),rgba(8,21,42,.82)),url('../mobilekit/img/sample/photo/wide3.jpg')}
.elp-grid>.elp-card:nth-child(3n) .elp-property-cover{background-image:linear-gradient(180deg,rgba(8,21,42,.04),rgba(8,21,42,.82)),url('../mobilekit/img/sample/photo/wide4.jpg')}
.elp-property-cover>*{position:relative;z-index:1}.elp-property-cover h3{margin:0;color:#fff;font-size:17px}.elp-property-cover p{margin:4px 0 0;color:rgba(255,255,255,.78);font-size:12px}
.elp-property-cover .elp-kicker{color:rgba(255,255,255,.7)!important}

.elp-mini-map{position:relative;overflow:hidden;height:190px;border-radius:var(--elp-radius);background:linear-gradient(135deg,#F3F6EA,#E8EED8)}
.elp-mini-map:before,.elp-mini-map:after{content:"";position:absolute;left:-12%;width:125%;height:18px;border-radius:30px;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.04)}
.elp-mini-map:before{top:33%;transform:rotate(-15deg)}.elp-mini-map:after{top:68%;transform:rotate(21deg)}
.elp-map-pin{position:absolute;z-index:2;left:50%;top:50%;display:grid;place-items:center;width:46px;height:46px;border-radius:50% 50% 50% 0;transform:translate(-50%,-65%) rotate(-45deg);background:var(--elp-primary);color:#fff;box-shadow:0 8px 20px rgba(124,154,92,.28)}
.elp-map-pin i{transform:rotate(45deg)}

.elp-auth-orbit{display:none}
.elp-auth-status{display:grid;justify-items:center;text-align:center;gap:14px;padding:8px 0}
.elp-auth-status-icon{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:var(--elp-primary-soft);color:var(--elp-primary);font-size:34px}
.elp-auth-status-success .elp-auth-status-icon{background:#e9f9ed;color:var(--elp-success)}
.elp-legal-copy{font-size:14px;line-height:1.75}.elp-legal-copy h2{margin:24px 0 8px;font-size:18px}.elp-legal-copy ul{padding-left:20px}

/* Mobilekit list and card refinements for the ELALAN static views */
.elp-list-item>i.fa-chevron-right{color:#c5c7ca;font-size:12px}
.elp-list-copy p{margin:3px 0 0;color:var(--elp-muted);font-size:11px;line-height:1.4}
.elp-list-copy small{display:block;margin-top:3px}
.elp-card>a.elp-card-pad{display:block}
.elp-card-pad>h3{color:var(--elp-text)}
.elp-check{display:flex;align-items:flex-start;gap:9px;color:var(--elp-body);font-size:12px;line-height:1.45}
.elp-check input{margin-top:2px;accent-color:var(--elp-primary)}
.elp-textarea{min-height:112px;resize:vertical}
.elp-select{appearance:auto}

/* Wide desktop keeps the mobile page as the centre application column. */
@media (max-width:767px){
  .elp-hero-home{grid-template-columns:1fr;padding:18px}.elp-hero-visual{min-height:120px}.elp-hero-visual i{font-size:48px}
  .elp-property-cover{min-height:160px}
  .elp-page-heading .title{font-size:24px!important}
}