:root{--ink:#51444a;--muted:#8f7f86;--cream:#fffaf7;--paper:#fffdfb;--rose:#eaa0b5;--rose2:#f8d9e3;--pink:#fde8ef;--peach:#ffe8d8;--lav:#eee4ff;--mint:#ddf3e9;--blue:#e1efff;--butter:#fff2c9;--burg:#7e4354;--line:#f0dce3;--shadow:0 18px 45px rgba(126,67,84,.09);}
*{box-sizing:border-box} body{margin:0;font-family:"DM Sans",system-ui,sans-serif;color:var(--ink);background:var(--cream)} button,input{font:inherit}.hidden{display:none!important}.login-shell{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 15% 10%,#ffe2ec 0 18%,transparent 42%),radial-gradient(circle at 85% 85%,#e8e0ff 0 17%,transparent 42%),linear-gradient(135deg,#fff9f6,#fffdfb);position:relative;overflow:hidden}.login-card{width:min(460px,94vw);background:rgba(255,255,255,.88);backdrop-filter:blur(18px);padding:38px;border:1px solid #f5dbe4;border-radius:32px;box-shadow:0 28px 80px rgba(114,65,80,.15);text-align:center}.login-logo{width:210px;max-height:110px;object-fit:contain;margin-bottom:16px;border-radius:18px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:700;color:#b7798d}.login-card h1{font:700 34px/1.1 "Playfair Display",serif;margin:9px 0}.muted{color:var(--muted);line-height:1.6}.login-form{display:grid;gap:14px;text-align:left;margin-top:24px}.login-form label{font-size:13px;font-weight:700;color:#6e5c64}.login-form input{width:100%;margin-top:7px;padding:14px 16px;border-radius:16px;border:1px solid #ebd8df;background:#fff;outline:none}.login-form input:focus{border-color:#dca0b4;box-shadow:0 0 0 4px #fbe7ee}.primary-btn,.ghost-btn{border:0;border-radius:16px;padding:14px 16px;font-weight:800;cursor:pointer}.primary-btn{background:linear-gradient(135deg,#c9708e,#8d5367);color:white;box-shadow:0 12px 22px rgba(142,83,103,.22)}.ghost-btn{background:#fff3f7;color:#a15972;border:1px dashed #e3a7ba}.security-note{margin-top:18px;font-size:11px;color:#9d8991}.form-msg{font-size:12px;color:#a04d65;min-height:16px}.login-decor{position:absolute;font-size:70px;color:#e9aec0;opacity:.45}.decor-1{left:8%;top:10%}.decor-2{right:10%;top:18%;color:#c9b7ef}.decor-3{left:13%;bottom:10%;color:#efc9a8}
.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:linear-gradient(180deg,#fff9fb,#fffefc);border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;z-index:5}.brand-wrap{display:flex;align-items:center;gap:10px;padding:3px 7px 16px;border-bottom:1px solid var(--line);margin-bottom:12px}.side-logo{width:84px;height:52px;object-fit:contain;border-radius:10px}.brand-wrap strong{display:block;font-size:14px}.brand-wrap span{display:block;font-size:10px;color:#aa8f99;margin-top:3px}.sidebar nav{display:grid;gap:4px;overflow:auto}.nav-item{display:flex;gap:10px;align-items:center;border:0;background:transparent;padding:10px 12px;border-radius:14px;color:#765f68;cursor:pointer;text-align:left}.nav-item:hover,.nav-item.active{background:#fde9f0;color:#9f516d;font-weight:800}.sidebar-bottom{margin-top:auto;padding-top:12px}.signout{width:100%;border:1px solid #ecd8df;background:white;color:#8e6876;padding:10px;border-radius:14px;cursor:pointer}.main{margin-left:245px;width:calc(100% - 245px);padding:0 28px 26px}.topbar{position:sticky;top:0;z-index:4;background:rgba(255,250,247,.92);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;padding:18px 0 14px;border-bottom:1px solid var(--line)}.topbar h2{margin:3px 0 0;font:700 28px/1.1 "Playfair Display",serif}.top-actions{display:flex;align-items:center;gap:10px}.today-badge{background:#fff;border:1px solid var(--line);padding:9px 12px;border-radius:999px;font-size:12px;color:#876f78}.avatar img{width:42px;height:42px;border-radius:50%;object-fit:cover;box-shadow:0 6px 18px #e6c5d0}.mobile-brand{display:none}.page{display:none;padding-top:22px}.active-page{display:block}.welcome-banner{background:linear-gradient(120deg,#ffe8f0,#fff4e7 52%,#eee7ff);border:1px solid #f0d5df;border-radius:28px;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow);margin-bottom:18px}.welcome-banner h3{font:700 28px "Playfair Display",serif;margin:2px 0 4px}.welcome-banner p{margin:0;color:#927d86}.welcome-banner img{width:90px;height:90px;border-radius:50%;object-fit:cover}.spark{font-size:24px;color:#d47796}.kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:18px}.kpi-card{border-radius:24px;padding:18px;border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow);min-height:145px;position:relative;overflow:hidden}.kpi-card:after{content:"♡";position:absolute;right:12px;bottom:-12px;font-size:58px;opacity:.12}.kpi-icon{font-size:26px}.kpi-label{font-size:12px;font-weight:800;margin-top:15px}.kpi-value{font:700 32px "Playfair Display",serif;margin-top:5px}.kpi-sub{font-size:11px;color:#8d7a81;margin-top:5px}.pinkbg{background:var(--pink)}.peachbg{background:var(--peach)}.lavbg{background:var(--lav)}.mintbg{background:var(--mint)}.bluebg{background:var(--blue)}.dash-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-bottom:18px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:20px;margin-bottom:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel-head h3{margin:3px 0 0;font:700 20px "Playfair Display",serif}.tiny-label{font-size:10px;letter-spacing:.14em;color:#c27891;font-weight:800}.chip{font-size:10px;padding:7px 10px;border-radius:999px}.chip.pink{background:#fde7ee;color:#ad6078}.sticker{font-size:28px;color:#dd8aa6}.chart-panel canvas{width:100%;height:auto;max-height:310px}.today-list{display:grid;gap:10px}.today-item{display:flex;justify-content:space-between;align-items:center;padding:12px 13px;border-radius:15px;background:#fff7fa;border:1px solid #f5e1e8}.today-item b{font-size:18px}.journey-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;align-items:center}.journey-step{position:relative;text-align:center;padding:16px;border-radius:20px;border:1px solid #eadde2}.journey-step:not(:last-child):after{content:"→";position:absolute;right:-20px;top:50%;transform:translateY(-50%);font-size:23px;color:#b58d9b}.journey-step strong{display:block;margin-top:6px;font-size:12px}.journey-step span{font-size:22px}.table-wrap{overflow:auto;border-radius:18px;border:1px solid #f0e0e5}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th{background:#fce9f0;color:#9b536b;font-size:11px;letter-spacing:.04em;text-align:left;padding:12px}.data-table td{padding:12px;border-top:1px solid #f4e6eb;font-size:13px}.data-table tr:hover td{background:#fff9fb}.status{display:inline-block;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800}.live{background:#ddf3e9;color:#3d7b61}.progress{background:#fff0cb;color:#9d6c18}.planned{background:#e3efff;color:#4c70a0}.linkish{color:#8f5ab8;text-decoration:none;font-weight:700}.text-btn{border:0;background:none;color:#a45d75;font-weight:800;cursor:pointer}.section-hero{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-radius:24px;background:linear-gradient(120deg,#fff0f5,#fff8ed,#f3efff);border:1px solid var(--line);margin-bottom:16px}.section-hero img{width:74px;height:74px;object-fit:cover;border-radius:50%}.section-hero h3{font:700 25px "Playfair Display",serif;margin:0 0 4px}.section-hero p{margin:0;color:#8f7c84}.searchbar{display:flex;gap:10px;margin-bottom:14px}.searchbar input{flex:1;padding:12px 14px;border:1px solid #ead9df;border-radius:14px;background:white}.empty-card{padding:28px;text-align:center;border:1px dashed #e2c9d2;border-radius:20px;color:#917e85;background:#fff9fb}footer{display:flex;align-items:center;justify-content:center;gap:8px;color:#a38b94;font-size:11px;padding:20px 0}footer img{width:28px;height:28px;border-radius:50%}
@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}.journey-flow{grid-template-columns:1fr}.journey-step:not(:last-child):after{content:"↓";right:auto;left:50%;top:auto;bottom:-25px}}@media(max-width:780px){.sidebar{width:76px;padding:12px 8px}.brand-wrap div,.side-logo,.nav-item span,.sidebar-bottom{display:none}.nav-item{justify-content:center;font-size:20px;padding:11px}.main{margin-left:76px;width:calc(100% - 76px);padding:0 14px 18px}.topbar>div:first-of-type{display:none}.mobile-brand{display:flex!important;align-items:center;gap:8px;font-weight:800}.mobile-brand img{width:34px;height:34px;border-radius:50%}.today-badge{display:none}.kpi-grid{grid-template-columns:1fr}.welcome-banner img{width:64px;height:64px}.welcome-banner h3{font-size:23px}}
.link-btn{border:0;background:transparent;color:#a45d75;font-size:12px;font-weight:800;cursor:pointer;padding:2px 6px;text-align:center}.link-btn:hover{text-decoration:underline}.loading-card{padding:24px;border-radius:18px;background:#fff8fb;border:1px dashed #e9ccd6;color:#8f7982;text-align:center}.error-card{padding:18px;border-radius:18px;background:#fff0f2;border:1px solid #efc3ce;color:#9c4c62}.role-badge{font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:6px 9px;border-radius:999px;background:#f1e7ff;color:#7d5aa5;font-weight:800}.mini-logo{width:34px;height:34px;object-fit:contain;border-radius:10px;margin-right:8px;vertical-align:middle}.brand-cell{display:flex;align-items:center;gap:8px}.page-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.page-toolbar input,.page-toolbar select{padding:11px 13px;border-radius:13px;border:1px solid #ead9df;background:#fff}.small-note{font-size:11px;color:#9a858d}.number-pill{display:inline-grid;place-items:center;min-width:32px;height:32px;padding:0 9px;border-radius:999px;background:#fce9f0;color:#9d526c;font-weight:800}
/* v7 Master Library CRUD */
.library-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.library-head h3{margin:4px 0 0;font:700 22px "Playfair Display",serif}.primary-btn.compact{padding:10px 15px;border-radius:14px;white-space:nowrap}.library-filters{display:grid;grid-template-columns:minmax(240px,1fr) 190px 160px auto}.library-filters input,.library-filters select{width:100%}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.mini-btn{border:1px solid #ead7df;background:#fff8fb;color:#8f5b6d;border-radius:10px;padding:7px 9px;font-size:11px;font-weight:800;cursor:pointer}.mini-btn:hover{transform:translateY(-1px);box-shadow:0 5px 13px rgba(126,67,84,.1)}.mini-btn.archive{background:#fff8df;color:#8b681e;border-color:#f0dfae}.mini-btn.danger{background:#fff0f2;color:#a4475f;border-color:#efcbd3}.status.archived,.archived{background:#eee8eb;color:#786a70}.modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(73,53,62,.35);backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px}.modal-card{width:min(650px,96vw);max-height:92vh;overflow:auto;background:#fffdfb;border:1px solid #f0d7e0;border-radius:28px;box-shadow:0 30px 90px rgba(86,50,63,.22);padding:24px;position:relative}.modal-x{position:absolute;right:18px;top:15px;border:0;background:#fdeaf0;color:#a25972;width:34px;height:34px;border-radius:50%;font-size:22px;cursor:pointer}.modal-brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}.modal-brand img{width:54px;height:54px;border-radius:50%;object-fit:contain;background:#fff4f7}.modal-brand h3{font:700 25px "Playfair Display",serif;margin:2px 0}.asset-form{display:grid;gap:14px}.asset-form label{font-size:12px;font-weight:800;color:#705e66}.asset-form input,.asset-form select,.asset-form textarea{width:100%;margin-top:6px;border:1px solid #ead7df;border-radius:14px;padding:12px 13px;background:#fff;outline:none}.asset-form input:focus,.asset-form select:focus,.asset-form textarea:focus{border-color:#d998ae;box-shadow:0 0 0 4px #fbe8ef}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.modal-actions .ghost-btn{padding:12px 16px}.modal-actions .primary-btn{padding:12px 18px}@media(max-width:800px){.library-head{align-items:flex-start;flex-direction:column}.library-filters{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}
/* Complete Business OS additions */
.icon-action{position:relative;width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:14px;cursor:pointer;color:#8e6573;font-size:18px}.notification-badge{position:absolute;right:-5px;top:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:20px;background:#b85e78;color:#fff;font-size:10px;display:grid;place-items:center;font-weight:800}.small-kpi{font-size:24px!important}.metric-row{display:flex;gap:14px;margin:18px 0}.mini-stat{padding:18px 22px;border-radius:22px;min-width:180px;border:1px solid rgba(255,255,255,.7)}.mini-stat span{display:block;font-size:12px;color:#806c74}.mini-stat b{font-size:30px}.today-row{background:#fff8df!important}.today-chip{display:inline-block;margin-top:5px;padding:3px 7px;border-radius:20px;background:#f7d982;color:#745e16;font-size:9px;font-weight:800;letter-spacing:.08em}.notification-drawer{position:fixed;z-index:30;right:18px;top:18px;bottom:18px;width:min(430px,calc(100vw - 36px));background:#fffdfc;border:1px solid var(--line);box-shadow:0 26px 80px rgba(83,52,64,.22);border-radius:28px;padding:20px;overflow:auto}.drawer-head,.modal-head,.library-head,.automation-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.drawer-head h3,.modal-head h3,.library-head h3{margin:3px 0;font:700 24px "Playfair Display",serif}.drawer-actions{display:flex;gap:8px;margin:14px 0}.notification-item{display:grid;grid-template-columns:10px 1fr auto;gap:12px;padding:14px 4px;border-bottom:1px solid var(--line)}.notification-item.read{opacity:.55}.notification-dot{width:9px;height:9px;border-radius:50%;margin-top:7px;background:#9cc9ee}.notification-item.success .notification-dot{background:#78c6a3}.notification-item.warning .notification-dot{background:#efbf68}.notification-item.error .notification-dot{background:#d46e78}.notification-title{font-weight:800}.notification-item p{margin:5px 0;color:#79666e;font-size:13px}.notification-meta{font-size:10px;color:#aa919a;margin-bottom:5px}.close-x{border:0;background:#fff1f5;color:#a35d74;width:34px;height:34px;border-radius:50%;font-size:22px;cursor:pointer}.modal-backdrop{position:fixed;inset:0;z-index:40;background:rgba(78,56,65,.35);backdrop-filter:blur(4px);display:grid;place-items:center;padding:22px}.modal-card{width:min(780px,96vw);max-height:90vh;overflow:auto;background:#fffdfb;border:1px solid var(--line);border-radius:28px;box-shadow:0 30px 90px rgba(77,48,59,.24);padding:24px}.crud-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.crud-grid label{font-size:12px;font-weight:800;color:#725f67}.crud-grid input,.crud-grid select,.crud-grid textarea,.search-big{width:100%;margin-top:6px;padding:12px 14px;border:1px solid #ead9df;border-radius:14px;background:#fff;outline:none;color:var(--ink)}.crud-grid textarea{resize:vertical}.crud-grid .full{grid-column:1/-1}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.automation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.automation-card{padding:18px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#fff,#fff8fb)}.automation-card h4{font-size:16px;margin:3px 0}.automation-card p{font-size:12px;color:#837078;min-height:34px}.health-lines{display:grid;gap:6px;font-size:11px;color:#8f7c84}.health-lines span{display:flex;justify-content:space-between;gap:10px}.error-inline{margin:10px 0;padding:9px 10px;border-radius:12px;background:#fff0f1;color:#a34750;font-size:11px}.search-card{width:min(680px,96vw)}.search-big{font-size:16px;margin:14px 0}.search-results{display:grid;gap:8px}.search-result{display:grid;grid-template-columns:90px 1fr;text-align:left;gap:2px 12px;padding:12px;border:1px solid var(--line);border-radius:16px;background:#fff;cursor:pointer}.search-result:hover{background:#fff5f8}.search-kind{grid-row:1/3;padding:5px 8px;border-radius:12px;background:#fde8ef;color:#a0546e;font-size:10px;font-weight:800;align-self:center;text-align:center}.search-result small{color:#9a858e}.page-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0}.page-toolbar input,.page-toolbar select{padding:10px 12px;border:1px solid var(--line);border-radius:13px;background:#fff}.compact{padding:10px 14px!important;border-radius:14px!important}.row-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.mini-btn{border:1px solid var(--line);background:#fff;padding:7px 9px;border-radius:10px;color:#805f6b;cursor:pointer;font-size:11px}.mini-btn.danger{color:#b14f5f;background:#fff4f5}.linkish{color:#9a5770;text-decoration:none;font-weight:700;font-size:12px}.status.archived{background:#f1e8eb;color:#8d747d}.role-badge{padding:7px 9px;border-radius:10px;background:#f8e4eb;color:#9a5770;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.number-pill{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 9px;border-radius:20px;background:#fff0f5;color:#9d5871;font-weight:800}.brand-cell{display:flex;align-items:center;gap:6px}.mini-logo{width:22px;height:22px;object-fit:contain}.small-note{font-size:10px;color:#9e8992}.empty-card{padding:30px;text-align:center;color:#9a858e}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table th{font-size:10px;letter-spacing:.08em;text-transform:uppercase;text-align:left;color:#9c858e;padding:11px;border-bottom:1px solid var(--line)}.data-table td{padding:11px;border-bottom:1px solid #f5e9ed;font-size:12px;vertical-align:top}.table-wrap{overflow:auto}.panel{background:#fffdfb;border:1px solid var(--line);border-radius:24px;padding:18px;margin:18px 0;box-shadow:0 8px 28px rgba(126,67,84,.04)}
@media(max-width:760px){.crud-grid{grid-template-columns:1fr}.metric-row{display:grid;grid-template-columns:1fr 1fr}.mini-stat{min-width:0}.notification-drawer{right:8px;top:8px;bottom:8px;width:calc(100vw - 16px)}.search-result{grid-template-columns:70px 1fr}}


/* Supabase Automation Engine */
.automation-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.automation-summary-grid .mini-stat{min-width:0}.butterbg{background:var(--butter)}.migration-panel{border-style:dashed;background:linear-gradient(145deg,#fffdfb,#fff8f2)}.automation-card code,.data-table code{font-size:10px;background:#fff2f6;color:#99566e;padding:3px 6px;border-radius:7px}.engine-note{padding:12px 14px;border-radius:16px;background:#f7f0ff;border:1px solid #e3d5f7;color:#735d88;font-size:12px}.primary-btn:disabled,.mini-btn:disabled{opacity:.55;cursor:wait}.automation-card .row-actions{margin-top:12px}
@media(max-width:900px){.automation-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.automation-summary-grid{grid-template-columns:1fr}}


#nav .nav-item {
  display: flex;
  align-items: center;
  gap: 12px;
}

#nav .nav-item .nav-icon {
  width: 24px;
  height: 24px;
  object-fit: contain;
  flex-shrink: 0;
  display: block;
}

#nav .nav-item span {
  display: inline-block;
  line-height: 1.2;
}

#nav .nav-item .nav-icon {
  width: 28px;
  height: 28px;
}

.topbar-icon {
  width: 22px;
  height: 22px;
  object-fit: contain;
  display: block;
}

/* =========================================================
   DASHBOARD PNG ICON SIZE FIX
   Keeps dashboard KPI and customer-journey icons compact.
   ========================================================= */
.kpi-icon{
  width:34px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 34px;
}
.kpi-icon img{
  width:34px !important;
  height:34px !important;
  max-width:34px !important;
  max-height:34px !important;
  object-fit:contain;
  display:block;
}
.journey-step > span{
  width:38px;
  height:38px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
}
.journey-step > span img,
.journey-icon{
  width:38px !important;
  height:38px !important;
  max-width:38px !important;
  max-height:38px !important;
  object-fit:contain;
  display:block;
}

/* ================= EL-CARTTY ADMIN ================= */
.nav-section-label{margin:14px 12px 5px;font-size:9px;font-weight:900;letter-spacing:.16em;color:#d07799}.elcartty-nav{position:relative}.nav-mini-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#ff6f9f;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900}.elc-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#fff2f7,#fffdfa)}.elc-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0}.elc-stat{padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.75)}.elc-stat span{display:block;font-size:11px;color:#806c74}.elc-stat b{display:block;margin-top:5px;font-size:30px}.elc-toolbar{grid-template-columns:minmax(260px,1.5fr) minmax(150px,.6fr) minmax(170px,.7fr) auto}.elc-table td{vertical-align:top}.code-link{border:0;background:#fff1f6;color:#a55070;padding:7px 10px;border-radius:10px;font-weight:900;cursor:pointer;white-space:nowrap}.elc-toggle-stack{display:grid;gap:7px;min-width:145px}.elc-control{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;font-weight:800;color:#765f68}.elc-toggle{width:70px;height:28px;border:0;border-radius:999px;padding:3px 5px;display:flex;align-items:center;gap:5px;cursor:pointer;transition:.18s ease;background:#eadfe3;color:#8c737c}.elc-toggle i{width:21px;height:21px;background:#fff;border-radius:50%;box-shadow:0 2px 6px rgba(70,42,53,.16);transition:.18s ease}.elc-toggle b{font-size:9px}.elc-toggle.on{background:#b8e7d0;color:#3d765e;flex-direction:row-reverse}.elc-toggle.off{background:#f0e4e8;color:#8a6f78}.elc-toggle:disabled{opacity:.55;cursor:not-allowed}.elc-sub{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:900}.elc-sub.active{background:#dff4e9;color:#3e755e}.elc-sub.soon{background:#fff0bd;color:#8a6a11}.elc-sub.expired{background:#fde0e3;color:#a44e5d}.elc-sub.pending{background:#eee8f7;color:#756195}.elc-profile-card{width:min(1120px,96vw)}.elc-profile-status{display:flex;gap:10px;align-items:center;margin:12px 0}.elc-profile-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px;border:1px solid var(--line);border-radius:20px;background:#fff8fb;margin-bottom:16px}.elc-profile-controls .elc-control{font-size:12px}.elc-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.elc-detail-grid section,.elc-history-grid section{padding:18px;border:1px solid var(--line);border-radius:20px;background:#fff}.elc-detail-grid dl{display:grid;grid-template-columns:120px 1fr;gap:8px 12px;margin:14px 0 0}.elc-detail-grid dt{font-size:10px;font-weight:900;color:#a07e8b;text-transform:uppercase}.elc-detail-grid dd{margin:0;font-size:12px;color:#5f4e55;overflow-wrap:anywhere}.elc-profile-actions{display:flex;justify-content:flex-end;gap:9px;margin:14px 0}.elc-history-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.elc-history-grid h4{margin:3px 0;font:700 20px "Playfair Display",serif}.elc-activity-list{display:grid;gap:8px;margin-top:12px}.elc-activity-list article{display:grid;gap:3px;padding:10px 12px;border-radius:14px;background:#fff8fb;border:1px solid #f2e4e9}.elc-activity-list article b{font-size:12px}.elc-activity-list article span{font-size:11px;color:#806c74}.elc-activity-list article small{font-size:9px;color:#a88f98}.hidden{display:none!important}
@media(max-width:1100px){.elc-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.elc-detail-grid{grid-template-columns:1fr 1fr}.elc-history-grid{grid-template-columns:1fr}}
@media(max-width:760px){.elc-hero{align-items:flex-start;flex-direction:column}.elc-summary-grid{grid-template-columns:1fr 1fr}.elc-toolbar{grid-template-columns:1fr}.elc-detail-grid{grid-template-columns:1fr}.elc-profile-controls{grid-template-columns:1fr}.elc-detail-grid dl{grid-template-columns:105px 1fr}.elc-profile-actions{flex-direction:column}.elc-profile-actions button{width:100%}}

@media(max-width:780px){
  #nav .nav-item .nav-icon{
    width:32px;
    height:32px;
  }
  .nav-section-label{
    display:none;
  }
  .elcartty-nav .nav-mini-badge{
    position:absolute;
    right:4px;
    top:3px;
  }
}


/* =========================================================
   EL-CARTTY SELLER DIRECTORY — COMPACT HORIZONTAL CONTROLS
   Keeps Approved / Store Live / Seller Login on one row
   so each seller record uses much less vertical space.
   ========================================================= */

.elc-table .elc-toggle-stack{
  display:flex;
  align-items:flex-start;
  gap:10px;
  min-width:0;
  white-space:nowrap;
}

.elc-table .elc-control{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  gap:4px;
  min-width:72px;
  font-size:9px;
  line-height:1.1;
}

.elc-table .elc-control > span{
  display:block;
  white-space:nowrap;
}

.elc-table .elc-toggle{
  width:64px;
  height:26px;
}

.elc-table .elc-toggle i{
  width:19px;
  height:19px;
}

.elc-table .elc-toggle b{
  font-size:8px;
}

.elc-table td{
  vertical-align:middle;
}

@media(max-width:1100px){
  .elc-table .elc-toggle-stack{
    gap:7px;
  }
  .elc-table .elc-control{
    min-width:66px;
  }
}

@media(max-width:780px){
  .elc-table .elc-toggle-stack{
    flex-wrap:wrap;
  }
}