/* User panel (/user/*): loaded last by index.php for user pages (body.ncr-user up-<page>).
   The side menu below is the admin menu (theme/custom/css/admin/common.css) with the user layout's class names. */
/* =====================================================================
   Admin side menu (includes/admin/index.php)
   Icons only (72px); hover widens it over the page; 📌 lock keeps it open
   and pushes the page over. Groups slide open on click.
   ===================================================================== */
:root{--an-w:72px;--an-w-open:248px;--an-bg:#111827;--an-fg:#cbd5e1;--an-muted:#94a3b8;--an-hover:#1f2937;--an-accent:#dc2626}

/* the public site's floating ☰ / cart buttons are not used in admin */
body:has(.an-side) .navbar-right,body:has(.an-side) .menubar,body:has(.an-side) .shopping-cart-box{display:none !important}

body:has(.an-side) main{display:flex;flex-direction:row;width:100%;min-height:100vh}
.left-section:has(.an-side){width:var(--an-w);flex:0 0 var(--an-w);transition:flex-basis .2s,width .2s}
html.an-locked .left-section:has(.an-side){width:var(--an-w-open);flex-basis:var(--an-w-open)}
.left-section:has(.an-side)+.right-section{width:auto;flex:1 1 auto;min-width:0}

.an-side{
	position:fixed;top:0;left:0;bottom:0;z-index:200;width:var(--an-w);
	display:flex;flex-direction:column;background:var(--an-bg);color:var(--an-fg);
	overflow:hidden;transition:width .2s ease,box-shadow .2s ease;font-family:'Poppins',sans-serif;
}
.an-side:hover,html.an-locked .an-side{width:var(--an-w-open)}
.an-side:hover{box-shadow:12px 0 32px rgba(0,0,0,.25)}
html.an-locked .an-side{box-shadow:none}
.an-label{white-space:nowrap;opacity:0;transition:opacity .15s}
.an-side:hover .an-label,html.an-locked .an-label{opacity:1}

/* brand + lock */
.an-brand{display:flex;align-items:center;gap:12px;height:64px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08);flex:0 0 auto}
.an-brand-mark{flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:#fff;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;overflow:hidden}
.an-brand-mark img{width:100%;height:100%;object-fit:contain;display:block}
.an-brand-name{font-weight:600;color:#fff;font-size:14px;flex:1}
.an-lock{
	flex:0 0 30px;width:30px;height:30px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:transparent;
	color:var(--an-muted);cursor:pointer;opacity:0;transition:opacity .15s,background .15s,color .15s;
}
.an-side:hover .an-lock,html.an-locked .an-lock{opacity:1}
.an-lock:hover{background:var(--an-hover);color:#fff}
html.an-locked .an-lock{background:#fff;color:var(--an-bg);border-color:#fff}
html.an-locked .an-lock i{transform:rotate(45deg)}

/* items */
.an-menu{list-style:none;margin:0;padding:12px 10px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;overflow-x:hidden;flex:1}
.an-link,.an-sublink{
	display:flex;align-items:center;gap:14px;width:100%;padding:0 14px;height:42px;border:0;border-radius:10px;
	background:none;color:var(--an-fg);text-decoration:none;font:inherit;font-size:14px;cursor:pointer;text-align:left;
}
.an-link>i:first-child,.an-sublink>i{flex:0 0 24px;text-align:center;font-size:17px}
.an-link:hover,.an-sublink:hover{background:var(--an-hover);color:#fff}
.an-link.active,.an-sublink.active{background:var(--an-accent);color:#fff}
.an-caret{margin-left:auto;font-size:11px;opacity:0;transition:transform .2s,opacity .15s}
.an-side:hover .an-caret,html.an-locked .an-caret{opacity:.7}
.an-group.open>.an-toggle .an-caret{transform:rotate(180deg)}
.an-group.open>.an-toggle{color:#fff}

/* sub-menus slide down; only visible while the menu is wide */
.an-sub{list-style:none;margin:0;padding:0 0 0 18px;max-height:0;overflow:hidden;transition:max-height .3s ease}
.an-group.open>.an-sub{max-height:420px}
.an-side:not(:hover) .an-sub{max-height:0}
html.an-locked .an-group.open>.an-sub{max-height:420px}
.an-sublink{height:36px;font-size:13px;color:var(--an-muted);border-left:1px solid rgba(255,255,255,.1);border-radius:0 8px 8px 0;margin:1px 0}
.an-sublink>i{font-size:13px}

.an-logout{margin:8px 10px 14px;width:auto;color:var(--an-muted);border-top:1px solid rgba(255,255,255,.08);border-radius:0;padding-top:4px}

/* top bar */
body:has(.an-side) .header-section{height:64px;padding:0 24px;background:#fff;border-bottom:1px solid #e5e7eb}
body:has(.an-side) .header-section-bar{width:100%;margin:0;display:flex;align-items:center;justify-content:space-between}
body:has(.an-side) .hsb-left{display:flex;align-items:center;gap:12px;font-size:14px;color:#374151}
.an-burger{display:none;width:38px;height:38px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;font-size:16px}
.an-backdrop{display:none}

/* phones / small tablets: menu slides in from the left */
@media (max-width:900px){
	.left-section:has(.an-side),html.an-locked .left-section:has(.an-side){width:0;flex-basis:0}
	.an-side{width:var(--an-w-open);transform:translateX(-100%);transition:transform .25s ease}
	.an-side .an-label,.an-side .an-caret,.an-side .an-lock{opacity:1}
	.an-side .an-lock{display:none}
	.an-side .an-group.open>.an-sub{max-height:420px}
	html.an-mobile-open .an-side{transform:none;box-shadow:12px 0 32px rgba(0,0,0,.3)}
	html.an-mobile-open .an-backdrop{display:block;position:fixed;inset:0;z-index:150;background:rgba(0,0,0,.35)}
	.an-burger{display:inline-flex;align-items:center;justify-content:center}
	body:has(.an-side) main{flex-direction:column}
	body:has(.an-side) .header-section{padding:0 14px}
}


/* =====================================================================
   User panel pages: canvas, top bar, dashboard (ud-*), business cards (uc-*)
   ===================================================================== */
body.ncr-user:has(.an-side){
	--u-ink:#111827;--u-text:#374151;--u-muted:#6b7280;--u-line:#e5e7eb;--u-card:#fff;--u-bg:#f4f5f7;--u-accent:#dc2626;
	background:var(--u-bg);font-family:'Poppins',sans-serif;color:var(--u-text);
}
body.ncr-user:has(.an-side) .right-section{background:var(--u-bg);min-height:100vh}
body.ncr-user:has(.an-side) .user-section{width:100%;margin:0;padding:24px clamp(14px,3vw,32px) 40px;background:none;display:block;height:auto;min-height:0}
body.ncr-user:has(.an-side) .user-container{width:100%;max-width:1200px;margin:0 auto;padding:0;background:none;box-shadow:none;display:block;height:auto}

/* top bar */
body.ncr-user:has(.an-side) .header-section{position:sticky;top:0;z-index:100;height:64px;padding:0 24px;background:#fff;border-bottom:1px solid var(--u-line);display:flex;align-items:center}
body.ncr-user:has(.an-side) .header-section-bar{width:100%;margin:0;padding:0;display:flex;align-items:center;justify-content:space-between;height:auto;background:none}
body.ncr-user:has(.an-side) .hsb-left{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--u-text)}
body.ncr-user:has(.an-side) .hsb-right{display:flex;align-items:center;gap:12px}
.up-hello strong{color:var(--u-ink);font-weight:600}
.up-id{padding:3px 10px;border-radius:999px;background:#f3f4f6;color:var(--u-muted);font-size:12px}
.up-add{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:var(--u-accent);border-color:var(--u-accent);color:#fff;padding:.5em 1.1em;font-size:13px}
.up-add:hover{background:#b91c1c;border-color:#b91c1c}
.up-avatar{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--u-ink);color:#fff;font-weight:600;font-size:15px}
.an-site{margin:0 10px;width:auto;color:var(--an-muted)}

/* status chip */
.up-chip{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}
.up-chip.is-live{background:#dcfce7;color:#15803d}
.up-chip.is-pending{background:#fef3c7;color:#b45309}

/* page head */
.ncr-user .ud-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 20px}
.ncr-user .ud-head h1{font-size:clamp(22px,2.6vw,28px);font-weight:700;margin:0 0 4px;color:var(--u-ink);text-align:left}
.ncr-user .ud-head p{margin:0;color:var(--u-muted);font-size:14px}
.ncr-user .ud-head .btn{display:inline-flex;align-items:center;gap:8px;border-radius:999px}

/* dashboard */
.ncr-user .ud-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 20px}
.ncr-user .ud-stat{
	display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;
	padding:18px;background:var(--u-card);border:1px solid var(--u-line);border-radius:16px;text-decoration:none;color:inherit;
	transition:box-shadow .15s,transform .15s;
}
.ncr-user .ud-stat:hover{box-shadow:0 10px 24px rgba(17,24,39,.08);transform:translateY(-2px)}
.ncr-user .ud-stat i{grid-row:1/3;width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;color:var(--u-ink);font-size:18px}
.ncr-user .ud-ok i{background:#dcfce7;color:#15803d}
.ncr-user .ud-warn i{background:#fef3c7;color:#b45309}
.ncr-user .ud-accent i{background:#fee2e2;color:var(--u-accent)}
.ncr-user .ud-num{font-size:24px;font-weight:700;color:var(--u-ink);line-height:1.1}
.ncr-user .ud-label{font-size:13px;color:var(--u-muted)}
.ncr-user .ud-label small{font-size:11px}
.ncr-user .ud-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px;align-items:start}
.ncr-user .ud-card{padding:20px;background:var(--u-card);border:1px solid var(--u-line);border-radius:16px}
.ncr-user .ud-card h2{font-size:17px;font-weight:600;margin:0 0 14px;color:var(--u-ink);text-align:left}
.ncr-user .ud-card-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 6px}
.ncr-user .ud-card-head h2{margin:0}
.ncr-user .ud-card-head a{font-size:13px;color:var(--u-muted);text-decoration:none}
.ncr-user .ud-card-head a:hover{color:var(--u-ink)}
.ncr-user .ud-actions{display:grid;gap:10px}
.ncr-user .ud-actions a{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--u-line);border-radius:12px;text-decoration:none;color:inherit;transition:border-color .15s,background .15s}
.ncr-user .ud-actions a:hover{border-color:#fecaca;background:#fff7f7}
.ncr-user .ud-actions i{flex:0 0 38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#fee2e2;color:var(--u-accent);font-size:15px}
.ncr-user .ud-actions strong{display:block;font-size:14px;color:var(--u-ink)}
.ncr-user .ud-actions small{font-size:12px;color:var(--u-muted)}
.ncr-user .ud-list{list-style:none;margin:0;padding:0}
.ncr-user .ud-list li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--u-line)}
.ncr-user .ud-list li:last-child{border-bottom:0}
.ncr-user .ud-list img{width:42px;height:42px;border-radius:10px;object-fit:contain;background:#fff;border:1px solid var(--u-line);margin:0;flex:0 0 42px}
.ncr-user .ud-name{flex:1;min-width:0;font-size:14px;font-weight:500;color:var(--u-ink);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ncr-user .ud-name:hover{color:var(--u-accent)}
.ncr-user .ud-edit{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--u-muted);text-decoration:none}
.ncr-user .ud-edit:hover{background:#f3f4f6;color:var(--u-ink)}
.ncr-user .ud-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:30px 16px;text-align:center;color:var(--u-muted)}
.ncr-user .ud-empty i{font-size:28px;color:#d1d5db}
.ncr-user .ud-empty p{margin:0}

/* business cards */
.ncr-user .uc-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(520px,100%),1fr));gap:14px}
.ncr-user .uc-card{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:16px;align-items:start;padding:16px;background:var(--u-card);border:1px solid var(--u-line);border-radius:16px;transition:box-shadow .15s}
.ncr-user .uc-card:hover{box-shadow:0 10px 24px rgba(17,24,39,.07)}
.ncr-user .uc-logo{display:block;width:96px;height:96px;border-radius:14px;overflow:hidden;background:#f3f4f6;border:1px solid var(--u-line)}
.ncr-user .uc-logo img{width:100%;height:100%;object-fit:cover;margin:0}
.ncr-user .uc-main{min-width:0}
.ncr-user .uc-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 8px}
.ncr-user .uc-title h2{font-size:17px;font-weight:600;margin:0;text-align:left}
.ncr-user .uc-title h2 a{color:var(--u-ink);text-decoration:none}
.ncr-user .uc-title h2 a:hover{color:var(--u-accent)}
.ncr-user .uc-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px;margin:0}
.ncr-user .uc-meta div{display:flex;flex-direction:column;min-width:0}
.ncr-user .uc-meta .uc-email{grid-column:1/-1}
.ncr-user .uc-meta dt{font-size:11px;font-weight:600;color:var(--u-muted);text-transform:uppercase;letter-spacing:.04em}
.ncr-user .uc-meta dd{margin:0;font-size:13px;color:var(--u-text);overflow-wrap:anywhere}
.ncr-user .uc-verified{display:inline-flex;align-items:center;gap:4px;margin-left:6px;color:#15803d;font-size:12px;font-weight:500}
.ncr-user .uc-verify{display:inline-flex;align-items:center;gap:5px;margin-left:6px;padding:1px 8px;border-radius:999px;background:#fef3c7;color:#b45309;font-size:12px;font-weight:500;text-decoration:none}
.ncr-user .uc-verify:hover{background:#fde68a}
.ncr-user .up-upgrade{margin-left:6px;padding:1px 8px;border-radius:999px;background:#fee2e2;color:var(--u-accent);font-size:12px;font-weight:600;text-decoration:none}
.ncr-user .up-upgrade:hover{background:var(--u-accent);color:#fff}
.ncr-user .uc-note{display:flex;gap:8px;margin:10px 0 0;padding:8px 10px;border-radius:10px;background:#fffbeb;color:#92400e;font-size:12px;line-height:1.5}
.ncr-user .uc-actions{display:flex;flex-direction:column;gap:8px;align-items:stretch}
.ncr-user .uc-edit{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:.55em 1.1em;font-size:13px}
.ncr-user .uc-view{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:.45em 1em;border:1px solid var(--u-line);border-radius:10px;color:var(--u-ink);font-size:13px;text-decoration:none}
.ncr-user .uc-view:hover{border-color:var(--u-ink)}

@media (max-width:1000px){
	.ncr-user .ud-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
	.ncr-user .ud-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:620px){
	body.ncr-user:has(.an-side) .header-section{padding:0 12px}
	.up-id,.up-add span{display:none}
	.ncr-user .uc-card{grid-template-columns:64px minmax(0,1fr)}
	.ncr-user .uc-logo{width:64px;height:64px}
	.ncr-user .uc-actions{grid-column:1/-1;flex-direction:row}
	.ncr-user .uc-actions>*{flex:1}
	.ncr-user .uc-meta{grid-template-columns:minmax(0,1fr)}
}

/* =====================================================================
   User panel inner pages: shared building blocks (tabs, form cards, fields, buttons)
   Old user/common.css styles these by #id, so the rules below carry ids too.
   ===================================================================== */
body.ncr-user:has(.an-side) #wrapper-1,body.ncr-user:has(.an-side) #wrapper-2{
	width:100%;max-width:1100px;margin:0 auto;padding:0;background:none;display:block;position:static;height:auto;
}
body.ncr-user:has(.an-side) #section-2,body.ncr-user:has(.an-side) #body-section{width:100%;padding:0;background:none;display:block;height:auto}
body.ncr-user:has(.an-side) .info-container{width:100%}
body.ncr-user:has(.an-side) .main-message:empty{display:none}

/* segmented tabs */
body.ncr-user:has(.an-side) .up-tabs,body.ncr-user:has(.an-side) #section-1.up-tabs,body.ncr-user:has(.an-side) #tabs-section.up-tabs{
	display:flex;flex-wrap:wrap;justify-content:flex-start;gap:4px;width:100%;height:auto;margin:0 0 16px;padding:6px;
	background:#fff;border:1px solid var(--u-line);border-radius:14px;
}
body.ncr-user:has(.an-side) .up-tabs>.btn{
	display:inline-flex;align-items:center;gap:8px;margin:0;padding:.55em 1em;border:0;border-radius:10px;
	background:transparent;color:var(--u-muted);font:inherit;font-size:13.5px;font-weight:500;box-shadow:none;cursor:pointer;
}
body.ncr-user:has(.an-side) .up-tabs>.btn i{font-size:13px}
body.ncr-user:has(.an-side) .up-tabs>.btn span{min-width:22px;padding:0 7px;border-radius:999px;background:#f3f4f6;color:var(--u-ink);font-size:12px;font-weight:600;text-align:center}
body.ncr-user:has(.an-side) .up-tabs>.btn:hover{background:#f3f4f6;color:var(--u-ink)}
body.ncr-user:has(.an-side) .up-tabs>.btn.active,body.ncr-user:has(.an-side) #section-1>.active{background:var(--u-ink);color:#fff;box-shadow:none}
body.ncr-user:has(.an-side) .up-tabs>.btn.active span{background:rgba(255,255,255,.18);color:#fff}

/* form cards (old boxes with a red floating heading) */
body.ncr-user:has(.an-side) .content_container,body.ncr-user:has(.an-side) .box-wrapper{
	display:block;position:relative;margin:0 0 16px;padding:24px;border:1px solid var(--u-line);border-radius:16px;background:#fff;
}
body.ncr-user:has(.an-side) .content_container>h2,body.ncr-user:has(.an-side) .content_container>h3{
	position:static;display:block;height:auto;margin:0 0 18px;padding:0 0 14px;border-bottom:1px solid var(--u-line);border-radius:0;
	background:none;color:var(--u-ink);font-size:17px;font-weight:600;text-align:left;
}
body.ncr-user:has(.an-side) .content_container form{display:flex;flex-direction:column;gap:14px;width:100%}
body.ncr-user:has(.an-side) .content_container .row{display:flex;flex-wrap:wrap;gap:14px;width:100%;margin:0}
body.ncr-user:has(.an-side) .content_container .column{flex:1 1 220px;display:flex;flex-direction:column;gap:6px;width:auto;margin:0}
body.ncr-user:has(.an-side) .content_container .col-row{display:flex;flex-direction:column;align-items:stretch;gap:6px;width:100%}
body.ncr-user:has(.an-side) .content_container label{width:auto !important;margin:0;font-size:13px;font-weight:600;color:var(--u-text)}
body.ncr-user:has(.an-side) .content_container :is(input[type=text],input[type=email],input[type=tel],input[type=number],input[type=password],input[type=url],input[type=time],select){
	width:100% !important;height:44px;margin:0;padding:0 12px;border:1px solid #d1d5db;border-radius:10px;background:#fff;
	font:inherit;font-size:14px;color:var(--u-ink);box-shadow:none;
}
body.ncr-user:has(.an-side) .content_container textarea{width:100% !important;min-height:140px;margin:0;padding:10px 12px;border:1px solid #d1d5db;border-radius:10px;font:inherit;font-size:14px;line-height:1.6;color:var(--u-ink)}
body.ncr-user:has(.an-side) .content_container :is(input,select,textarea):focus{outline:none;border-color:var(--u-ink);box-shadow:0 0 0 3px rgba(17,24,39,.08)}
body.ncr-user:has(.an-side) .content_container .form-btn{justify-content:flex-start;margin:4px 0 0}
body.ncr-user:has(.an-side) .content_container :is(input[type=submit],button[type=submit],.btn-large){
	display:inline-flex;align-items:center;justify-content:center;width:auto;height:44px;margin:0;padding:0 26px;border:0;border-radius:10px;
	background:var(--u-accent);color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer;
}
body.ncr-user:has(.an-side) .content_container :is(input[type=submit],button[type=submit],.btn-large):hover{background:#b91c1c}
body.ncr-user:has(.an-side) .tag-error,body.ncr-user:has(.an-side) .error{color:var(--u-accent);font-size:12px}

/* settings: one card, centred column */
.up-setting #wrapper-2{max-width:760px}
.up-setting .tab-result-container{width:100%}

/* =====================================================================
   Update business header (uu-*)
   ===================================================================== */
.ncr-user .uu-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 16px;padding:18px 20px;background:#fff;border:1px solid var(--u-line);border-radius:16px}
.ncr-user .uu-head>img{width:64px;height:64px;border-radius:14px;object-fit:cover;background:#f3f4f6;border:1px solid var(--u-line);margin:0}
.ncr-user .uu-info{flex:1;min-width:200px}
.ncr-user .uu-eyebrow{font-size:12px;font-weight:600;color:var(--u-muted);text-transform:uppercase;letter-spacing:.05em}
.ncr-user .uu-info h1{font-size:22px;font-weight:700;margin:2px 0 6px;color:var(--u-ink);text-align:left}
.ncr-user .uu-info p{display:flex;align-items:center;gap:10px;margin:0;font-size:12px;color:var(--u-muted)}
.ncr-user .uu-links{display:flex;gap:8px;flex-wrap:wrap}

/* =====================================================================
   Leads (ul-*)
   ===================================================================== */
.ncr-user .ul-leads{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(460px,100%),1fr));gap:14px}
.ncr-user .ul-lead{display:flex;flex-direction:column;gap:12px;padding:18px;background:#fff;border:1px solid var(--u-line);border-radius:16px}
.ncr-user .ul-top{display:flex;align-items:center;gap:12px}
.ncr-user .ul-avatar{flex:0 0 42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fee2e2;color:var(--u-accent);font-weight:700}
.ncr-user .is-locked .ul-avatar{background:#f3f4f6;color:var(--u-muted)}
.ncr-user .ul-who{flex:1;min-width:0;display:flex;flex-direction:column}
.ncr-user .ul-who strong{font-size:15px;color:var(--u-ink)}
.ncr-user .ul-who span{font-size:12px;color:var(--u-muted)}
.ncr-user .ul-chip{padding:2px 10px;border-radius:999px;background:#f3f4f6;color:var(--u-text);font-size:11px;font-weight:600;white-space:nowrap}
.ncr-user .ul-for{margin:0;font-size:13px;color:var(--u-text)}
.ncr-user .ul-for a{color:var(--u-ink);font-weight:500}
.ncr-user .ul-contact{display:flex;flex-wrap:wrap;gap:8px}
.ncr-user .ul-contact>*{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--u-line);border-radius:999px;font-size:13px;color:var(--u-ink);text-decoration:none}
.ncr-user .ul-contact a:hover{border-color:var(--u-ink)}
.ncr-user .ul-contact i{color:var(--u-muted);font-size:12px}
.ncr-user .ul-msg{margin:0;padding:10px 14px;border-left:3px solid #fecaca;background:#fafafa;border-radius:0 10px 10px 0;font-size:13px;line-height:1.6;color:var(--u-text)}
.ncr-user .ul-lockbox{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;border:1px dashed #fca5a5;border-radius:12px;background:#fff7f7}
.ncr-user .ul-lockbox>i{color:var(--u-accent);font-size:18px}
.ncr-user .ul-lockbox div{flex:1;min-width:180px;display:flex;flex-direction:column}
.ncr-user .ul-lockbox strong{font-size:14px;color:var(--u-ink)}
.ncr-user .ul-lockbox span{font-size:12px;color:var(--u-muted)}
.ncr-user .ul-lockbox .btn{background:var(--u-accent);border-color:var(--u-accent);color:#fff;border-radius:10px}
.ncr-user .ul-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0;padding:12px 0 0;border-top:1px solid var(--u-line)}
.ncr-user .ul-status label{font-size:12px;font-weight:600;color:var(--u-muted)}
.ncr-user .ul-status select{flex:1;min-width:140px;height:38px;padding:0 10px;border:1px solid #d1d5db;border-radius:10px;font:inherit;font-size:13px;background:#fff}
.ncr-user .ul-status input[type=submit]{height:38px;padding:0 18px;border-radius:10px;background:var(--u-ink);border-color:var(--u-ink);color:#fff}
.up-leads-index .buss_section{width:100%}

/* =====================================================================
   Upgrade plan (pl-*)
   ===================================================================== */
.ncr-user .pl-page{width:100%;max-width:1150px;margin:0 auto}
.ncr-user .pl-head{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:0 0 22px;padding:24px;border-radius:20px;color:#fff;background:radial-gradient(circle at 90% 10%,rgba(239,68,68,.35),transparent 50%),linear-gradient(135deg,#111827,#1f2937)}
.ncr-user .pl-head img{width:72px;height:72px;border-radius:16px;object-fit:cover;background:#fff;margin:0}
.ncr-user .pl-head div{flex:1;min-width:220px}
.ncr-user .pl-eyebrow{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#fca5a5}
.ncr-user .pl-head h1{font-size:clamp(22px,3vw,30px);font-weight:700;margin:4px 0 6px;color:#fff;text-align:left}
.ncr-user .pl-head p{margin:0;color:rgba(255,255,255,.75);font-size:14px;max-width:620px}
.ncr-user .pl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.ncr-user .pl-card{position:relative;display:flex;flex-direction:column;padding:24px 20px 20px;background:#fff;border:1px solid var(--u-line);border-radius:18px;transition:box-shadow .15s,transform .15s}
.ncr-user .pl-card:hover{box-shadow:0 14px 30px rgba(17,24,39,.08);transform:translateY(-2px)}
.ncr-user .pl-card.is-popular{border:2px solid var(--u-accent);box-shadow:0 14px 30px rgba(220,38,38,.12)}
.ncr-user .pl-card.is-current{background:#f9fafb}
.ncr-user .pl-ribbon{position:absolute;top:-13px;left:50%;transform:translateX(-50%);padding:4px 12px;border-radius:999px;background:var(--u-accent);color:#fff;font-size:12px;font-weight:600;white-space:nowrap}
.ncr-user .pl-card h2{font-size:19px;font-weight:700;margin:0;color:var(--u-ink);text-align:left}
.ncr-user .pl-tag{margin:2px 0 14px;font-size:13px;color:var(--u-muted)}
.ncr-user .pl-price{display:flex;align-items:baseline;gap:4px;margin:0 0 16px;padding:0 0 16px;border-bottom:1px solid var(--u-line)}
.ncr-user .pl-price strong{font-size:30px;font-weight:700;color:var(--u-ink)}
.ncr-user .pl-price span{font-size:14px;color:var(--u-muted)}
.ncr-user .pl-card ul{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:9px;flex:1}
.ncr-user .pl-card li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.45;color:var(--u-text)}
.ncr-user .pl-card li i{flex:0 0 18px;height:18px;margin-top:1px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px}
.ncr-user .pl-card li.yes i{background:#dcfce7;color:#15803d}
.ncr-user .pl-card li.no{color:#9ca3af}
.ncr-user .pl-card li.no i{background:#f3f4f6;color:#9ca3af}
.ncr-user .pl-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;border-radius:12px;background:var(--u-ink);color:#fff;font-size:14px;font-weight:600;text-decoration:none}
.ncr-user .pl-btn:hover{background:#000}
.ncr-user .is-popular .pl-btn{background:var(--u-accent)}
.ncr-user .is-popular .pl-btn:hover{background:#b91c1c}
.ncr-user .pl-current{background:#dcfce7;color:#15803d}
.ncr-user .pl-current:hover{background:#dcfce7}
.ncr-user .pl-lower{background:#f3f4f6;color:var(--u-muted)}
.ncr-user .pl-lower:hover{background:#f3f4f6}
.ncr-user .pl-note{margin:20px 0 0;text-align:center;font-size:13px;color:var(--u-muted)}
.ncr-user .pl-note i{color:#15803d}
.ncr-user .pl-note a{color:var(--u-ink)}
.ncr-user .pl-missing a{color:var(--u-accent)}
@media (max-width:1100px){ .ncr-user .pl-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px} }
@media (max-width:560px){ .ncr-user .pl-grid{grid-template-columns:minmax(0,1fr)} }
/* lead status form: one compact row (old form rules stretched every field) */
body.ncr-user:has(.an-side) .ul-lead form.ul-status{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;width:auto}
body.ncr-user:has(.an-side) .ul-lead form.ul-status label{width:auto;margin:0;text-align:left}
body.ncr-user:has(.an-side) .ul-lead form.ul-status select{flex:1 1 160px;width:auto;max-width:260px;margin:0}
body.ncr-user:has(.an-side) .ul-lead form.ul-status input[type=submit]{flex:0 0 auto;width:auto;margin:0;font-size:13px;font-weight:600;cursor:pointer}
.ncr-user .pl-tag,.ncr-user .pl-head p,.ncr-user .pl-card li{text-align:left}
body.ncr-user:has(.an-side) #tabs-section.up-tabs>.btn,body.ncr-user:has(.an-side) #section-1.up-tabs>.btn{box-shadow:none}
body.ncr-user:has(.an-side) #tabs-section.up-tabs>.btn.active,body.ncr-user:has(.an-side) #section-1.up-tabs>.btn.active{background:var(--u-ink);color:#fff;box-shadow:none}
body.ncr-user:has(.an-side) .up-setting-x,body.ncr-user.up-setting:has(.an-side) #brand-container,body.ncr-user.up-setting:has(.an-side) .tab-result-container>*{width:100%;max-width:none;margin-left:0;margin-right:0}
body.ncr-user.up-setting:has(.an-side) .tab-result-container .content_container{width:100%;flex:1 1 auto}

/* =====================================================================
   Add a business / professional: step form (list-business.php, list-professional.php)
   Steps get .is-current from the step scripts; earlier steps show as done.
   ===================================================================== */
body.ncr-user:has(.an-side) .buss-form-container{width:100%;max-width:960px;margin:0 auto;padding:0;background:none;display:block}
body.ncr-user:has(.an-side) .indicator-container{width:100%;margin:0 0 16px;padding:22px 24px 18px;background:#fff;border:1px solid var(--u-line);border-radius:16px}
body.ncr-user:has(.an-side) .indicator-line{width:100%;margin:0;padding:0;background:none;height:auto}
body.ncr-user:has(.an-side) .indicators{position:relative;display:flex;justify-content:space-between;width:100%;margin:0;padding:0 0 26px}
body.ncr-user:has(.an-side) .indicators::before{content:"";position:absolute;left:22px;right:22px;top:19px;height:2px;background:var(--u-line)}
body.ncr-user:has(.an-side) .indicators .indicator{
	position:relative;z-index:1;width:40px;height:40px;margin:0;padding:0;border-radius:50%;
	display:flex;align-items:center;justify-content:center;background:#fff !important;border:2px solid var(--u-line);
	color:var(--u-muted);font-size:15px;font-weight:700;box-shadow:0 0 0 6px #fff;
}
body.ncr-user:has(.an-side) .indicators .indicator::after{
	content:attr(data-label);position:absolute;top:48px;left:50%;transform:translateX(-50%);white-space:nowrap;
	font-size:12px;font-weight:500;color:var(--u-muted);
}
body.ncr-user:has(.an-side) .indicators .indicator.is-current{border-color:var(--u-accent);background:var(--u-accent) !important;color:#fff}
body.ncr-user:has(.an-side) .indicators .indicator.is-current::after{color:var(--u-ink);font-weight:600}
body.ncr-user:has(.an-side) .indicators .indicator:has(~ .is-current){border-color:#16a34a;background:#16a34a !important;color:transparent}
body.ncr-user:has(.an-side) .indicators .indicator:has(~ .is-current)::before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;color:#fff;font-size:14px;position:absolute}
body.ncr-user:has(.an-side) .indicators .indicator:has(~ .is-current)::after{color:#15803d}

body.ncr-user:has(.an-side) .alert-message{display:flex;align-items:center;gap:12px;margin:0 0 18px;padding:12px 14px;border-radius:12px;background:#fffbeb;border:1px solid #fde68a;color:#92400e}
body.ncr-user:has(.an-side) .alert-message .alert-icon{font-size:18px}
body.ncr-user:has(.an-side) .alert-message p{margin:0;font-size:13px}

body.ncr-user:has(.an-side) #buss_form_submit{width:100%;margin:0;padding:0;background:none;display:block}
body.ncr-user:has(.an-side) .buss-form{width:100%;margin:0 0 16px;padding:24px;background:#fff;border:1px solid var(--u-line);border-radius:16px;display:flex;flex-direction:column;gap:16px}
body.ncr-user:has(.an-side) .buss-form .form-heading{display:block;width:100%;height:auto;margin:0;padding:0 0 14px;border-bottom:1px solid var(--u-line);background:none}
body.ncr-user:has(.an-side) .buss-form .form-heading::before,body.ncr-user:has(.an-side) .buss-form .form-heading::after{display:none}
body.ncr-user:has(.an-side) .buss-form .form-heading h2{position:static;margin:0;padding:0;border:0;border-radius:0;background:none;color:var(--u-ink);font-size:18px;font-weight:600;text-align:left}
body.ncr-user:has(.an-side) .buss-form .form-heading h2 span{padding:0;border:0;background:none}
body.ncr-user:has(.an-side) .buss-form .row{display:flex;flex-wrap:wrap;gap:16px;width:100%;margin:0;justify-content:flex-start}
body.ncr-user:has(.an-side) .buss-form .column,body.ncr-user:has(.an-side) .buss-form .col-row{flex:1 1 260px;width:auto !important;display:flex;flex-direction:column;align-items:stretch;gap:6px;margin:0}
body.ncr-user:has(.an-side) .buss-form label{width:auto !important;margin:0;font-size:13px;font-weight:600;color:var(--u-text);text-align:left}
body.ncr-user:has(.an-side) .buss-form label span{font-weight:400;color:var(--u-muted);font-size:12px}
body.ncr-user:has(.an-side) .buss-form :is(input[type=text],input[type=email],input[type=tel],input[type=number],input[type=url],input[type=time],select){
	width:100% !important;height:44px;margin:0;padding:0 12px;border:1px solid #d1d5db;border-radius:10px;background:#fff;font:inherit;font-size:14px;color:var(--u-ink);box-shadow:none;
}
body.ncr-user:has(.an-side) .buss-form input[type=file]{width:100%;height:auto;padding:9px 10px;border:1px dashed #cbd5e1;border-radius:10px;background:#f9fafb;font:inherit;font-size:13px;color:var(--u-text)}
body.ncr-user:has(.an-side) .buss-form textarea{width:100% !important;min-height:180px;margin:0;padding:12px;border:1px solid #d1d5db;border-radius:10px;font:inherit;font-size:14px;line-height:1.6;color:var(--u-ink)}
body.ncr-user:has(.an-side) .buss-form :is(input,select,textarea):focus{outline:none;border-color:var(--u-ink);box-shadow:0 0 0 3px rgba(17,24,39,.08)}
body.ncr-user:has(.an-side) .buss-form .form-btn{flex:1 1 100%;flex-direction:row;justify-content:space-between;align-items:center;margin:4px 0 0;padding:16px 0 0;border-top:1px solid var(--u-line)}
body.ncr-user:has(.an-side) .buss-form .btn-large{
	display:inline-flex;align-items:center;gap:8px;height:44px;margin:0;padding:0 22px;border-radius:10px;border:0;
	background:var(--u-accent);color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer;width:auto;
}
body.ncr-user:has(.an-side) .buss-form .btn-large:hover{background:#b91c1c}
body.ncr-user:has(.an-side) .buss-form .btn-large:has(.fa-arrow-left){background:#fff;color:var(--u-ink);border:1px solid var(--u-line)}
body.ncr-user:has(.an-side) .buss-form .btn-large:has(.fa-arrow-left):hover{border-color:var(--u-ink)}
@media (max-width:620px){
	body.ncr-user:has(.an-side) .indicators .indicator::after{display:none}
	body.ncr-user:has(.an-side) .indicators{padding-bottom:0}
	body.ncr-user:has(.an-side) .buss-form{padding:16px}
}

/* =====================================================================
   Login / signup (user/login/user_login.php)
   ===================================================================== */
.up-login-user-login #login-section{width:calc(100% - 32px);max-width:980px;margin:32px auto 0;padding:0;background:none;height:auto;display:block}
.up-login-user-login #login-wrapper{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;margin:0;padding:0;background:#fff;border:1px solid #e5e7eb;border-radius:22px;overflow:hidden;box-shadow:0 20px 50px rgba(17,24,39,.08)}
.up-login-user-login .lg-side{position:relative;padding:40px 36px;color:#fff;background:radial-gradient(circle at 85% 15%,rgba(239,68,68,.45),transparent 50%),linear-gradient(150deg,#111827 0%,#1f2937 100%)}
.up-login-user-login .lg-mark{width:52px;height:52px;border-radius:50%;background:#fff;overflow:hidden;color:#fff;font-weight:700;font-size:20px;display:flex;align-items:center;justify-content:center}
.up-login-user-login .lg-side h2{margin:22px 0 8px;color:#fff;font-size:26px;line-height:1.25;text-align:left}
.up-login-user-login .lg-side p{margin:0 0 24px;color:rgba(255,255,255,.75);font-size:14px}
.up-login-user-login .lg-side ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.up-login-user-login .lg-side li{display:flex;align-items:center;gap:12px;font-size:14px;color:rgba(255,255,255,.9)}
.up-login-user-login .lg-side li i{width:34px;height:34px;flex:0 0 34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);color:#fca5a5}
.up-login-user-login #login-wrapper .lg-card{position:static;width:auto;height:auto;margin:0;padding:40px 36px;border:0;border-radius:0;box-shadow:none;background:#fff;display:block}
.up-login-user-login .lg-card>h2{position:static;margin:0 0 4px;padding:0;background:none;color:#111827;font-size:26px;font-weight:700;text-align:left;border:0;height:auto}
.up-login-user-login .lg-sub{margin:0 0 22px;color:#6b7280;font-size:14px}
.up-login-user-login #user_login_form{display:block;width:100%;margin:0;padding:0}
.up-login-user-login #user_login_form [id^=login_block_]{width:100%;margin:0;text-align:left}
.up-login-user-login #login_block_1{display:block}
.up-login-user-login #user_login_form [id^=login_block_]>*{display:block;margin:0 0 10px}
.up-login-user-login #user_login_form [id^=login_block_]>.error:empty{display:none}
.up-login-user-login #user_login_form [id^=login_block_]>.btn,.up-login-user-login #user_login_form [id^=login_block_]>input[type=submit]{display:flex}
.up-login-user-login .forgot_pass{text-align:right}
.up-login-user-login #user_login_form .signup_text_box,.up-login-user-login #user_login_form select{
	width:100%;height:46px;margin:0;padding:0 14px;border:1px solid #d1d5db;border-radius:12px;background:#fff;font:inherit;font-size:15px;color:#111827;box-shadow:none;
}
.up-login-user-login #user_login_form :is(.signup_text_box,select):focus{outline:none;border-color:#111827;box-shadow:0 0 0 3px rgba(17,24,39,.08)}
.up-login-user-login #user_login_form .label{margin:6px 0 0;font-size:13px;font-weight:600;color:#374151;text-align:left}
.up-login-user-login #user_login_form .btn,.up-login-user-login #user_login_form input[type=submit]{
	display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;height:48px;margin:4px 0 0;padding:0 20px;border:0;border-radius:12px;
	background:#dc2626;color:#fff;font:inherit;font-size:15px;font-weight:600;cursor:pointer;
}
.up-login-user-login #user_login_form .btn:hover,.up-login-user-login #user_login_form input[type=submit]:hover{background:#b91c1c}
.up-login-user-login .forgot_pass{align-self:flex-end;font-size:13px;color:#6b7280;text-decoration:none}
.up-login-user-login .forgot_pass:hover{color:#111827;text-decoration:underline}
.up-login-user-login #user_login_form .error{display:block;font-size:12px;color:#dc2626;text-align:left}
.up-login-user-login #user_login_form .error:empty{display:none}
.up-login-user-login .lg-or{position:relative;margin:20px 0 14px;text-align:center;font-size:12px;color:#9ca3af;text-transform:uppercase;letter-spacing:.08em}
.up-login-user-login .lg-or::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#e5e7eb}
.up-login-user-login .lg-or span{position:relative;padding:0 10px;background:#fff}
.up-login-user-login #user-cookie-login{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:46px;border-radius:12px;background:#fff;color:#111827;border:1px solid #d1d5db;font-weight:500;cursor:pointer}
.up-login-user-login #user-cookie-login:hover{border-color:#111827}
@media (max-width:760px){
	.up-login-user-login #login-wrapper{grid-template-columns:minmax(0,1fr)}
	.up-login-user-login .lg-side{padding:26px 22px}
	.up-login-user-login .lg-side ul{display:none}
	.up-login-user-login .lg-side h2{font-size:21px;margin-top:14px}
	.up-login-user-login .lg-side p{margin:0}
	.up-login-user-login #login-wrapper .lg-card{padding:26px 22px}
}
body.ncr-user:has(.an-side) #buss_form_submit :is(input,select,textarea),body.ncr-user:has(.an-side) #buss_form_submit :is(input,textarea)::placeholder{font-family:inherit;font-size:14px}
body.ncr-user:has(.an-side) #buss_form_submit input[type=file]::file-selector-button{margin-right:12px;padding:6px 14px;border:0;border-radius:8px;background:var(--u-ink);color:#fff;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
body.ncr-user:has(.an-side) .indicator-container{padding-top:26px}
body.ncr-user:has(.an-side) #buss-logo input[type="file"]::before{display:none;content:none}
body.ncr-user:has(.an-side) #buss-logo input[type="file"]::-webkit-file-upload-button{visibility:visible}
body.ncr-user:has(.an-side) #buss_form_submit input[type="file"]{height:auto;min-height:44px;padding:6px 8px;font-size:13px}
body.ncr-user:has(.an-side) .buss-form .form-btn>.btn-large:last-child{margin-left:auto}
.up-login-user-login #user_login_form #login_block_3 :is(.signup_text_box,select),.up-login-user-login #user_login_form #login_block_2 .signup_text_box,.up-login-user-login #user_login_form #login_block_1 .signup_text_box{margin:0 0 10px}

/* =====================================================================
   Plan checkout (co-*)
   ===================================================================== */
.ncr-user .co-page{width:100%;max-width:980px;margin:0 auto}
.ncr-user .co-back{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--u-muted);text-decoration:none}
.ncr-user .co-back:hover{color:var(--u-ink)}
.ncr-user .co-page>h1{font-size:clamp(22px,2.6vw,28px);font-weight:700;margin:10px 0 4px;color:var(--u-ink);text-align:left}
.ncr-user .co-sub{margin:0 0 20px;color:var(--u-muted);font-size:14px;text-align:left}
.ncr-user .co-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.ncr-user .co-card{padding:22px;background:#fff;border:1px solid var(--u-line);border-radius:16px}
.ncr-user .co-card h2{font-size:16px;font-weight:600;margin:0 0 16px;color:var(--u-ink);text-align:left}
.ncr-user .co-buss{display:flex;align-items:center;gap:12px;padding:12px;margin:0 0 14px;border-radius:12px;background:#f9fafb}
.ncr-user .co-buss img{width:48px;height:48px;border-radius:10px;object-fit:cover;background:#fff;border:1px solid var(--u-line);margin:0}
.ncr-user .co-buss strong{display:block;font-size:15px;color:var(--u-ink)}
.ncr-user .co-buss span{font-size:12px;color:var(--u-muted)}
.ncr-user .co-lines{margin:0}
.ncr-user .co-lines>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--u-line)}
.ncr-user .co-lines>div:last-child{border-bottom:0}
.ncr-user .co-lines dt{font-size:13px;color:var(--u-muted);display:flex;align-items:center;gap:8px}
.ncr-user .co-lines dt i{width:14px;color:#9ca3af}
.ncr-user .co-lines dd{margin:0;font-size:14px;color:var(--u-ink);text-align:right;overflow-wrap:anywhere}
.ncr-user .co-plan{padding:3px 10px;border-radius:999px;background:#fee2e2;color:var(--u-accent);font-weight:600;font-size:13px}
.ncr-user .co-total{margin-top:6px;padding-top:14px !important;border-top:2px solid var(--u-ink) !important;border-bottom:0 !important}
.ncr-user .co-total dt{font-size:15px;font-weight:600;color:var(--u-ink)}
.ncr-user .co-total dd{font-size:24px;font-weight:700}
.ncr-user .co-note{margin:8px 0 0;font-size:12px;color:var(--u-muted);text-align:right}
.ncr-user .co-edit{display:inline-block;margin:6px 0 16px;font-size:13px;color:var(--u-muted)}
.ncr-user .co-edit:hover{color:var(--u-ink)}
.ncr-user #razpor-payment-form{margin:0;padding:0;display:block}
.ncr-user .co-pay{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:52px;border:0;border-radius:14px;background:var(--u-accent);color:#fff;font:inherit;font-size:16px;font-weight:600;cursor:pointer}
.ncr-user .co-pay:hover{background:#b91c1c}
.ncr-user .co-pay:disabled{background:#9ca3af;cursor:wait}
.ncr-user .co-msg:empty{display:none}
.ncr-user .co-msg{margin:0 0 10px;font-size:13px}
.ncr-user .co-msg.is-error{padding:10px 12px;border-radius:10px;background:#fef2f2;color:#b91c1c}
.ncr-user .co-safe{display:flex;align-items:center;gap:8px;margin:12px 0 0;font-size:12px;color:var(--u-muted)}
.ncr-user .co-safe i{color:#15803d}
@media (max-width:760px){ .ncr-user .co-grid{grid-template-columns:minmax(0,1fr)} }

/* =====================================================================
   My businesses cards v2: name + rating stars, contact block, facts strip, action row
   ===================================================================== */
.ncr-user .uc-list{grid-template-columns:repeat(auto-fill,minmax(min(440px,100%),1fr));gap:16px}
.ncr-user .uc-card{display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:18px}
.ncr-user .uc-top{display:flex;align-items:flex-start;gap:14px}
.ncr-user .uc-card .uc-logo{flex:0 0 76px;width:76px;height:76px;border-radius:16px}
.ncr-user .uc-head{flex:1;min-width:0}
.ncr-user .uc-head h2{margin:0;font-size:17px;font-weight:600;line-height:1.3;text-align:left}
.ncr-user .uc-head h2 a{color:var(--u-ink);text-decoration:none}
.ncr-user .uc-head h2 a:hover{color:var(--u-accent)}
.ncr-user .uc-chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 0}
.ncr-user .uc-plan{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:999px;background:#f3f4f6;color:var(--u-text);font-size:12px;font-weight:600}
.ncr-user .uc-plan i{font-size:10px;color:#9ca3af}
.ncr-user .uc-plan.is-paid{background:#fef3c7;color:#92400e}
.ncr-user .uc-plan.is-paid i{color:#d97706}
.ncr-user .uc-rating{display:flex;align-items:center;gap:6px;margin:8px 0 0;font-size:13px;color:var(--u-muted)}
.ncr-user .uc-stars{display:inline-flex;gap:2px;color:#f59e0b;font-size:13px}
.ncr-user .uc-rating strong{color:var(--u-ink);font-weight:700}
.ncr-user .uc-rating.is-none .uc-stars{color:#d1d5db}
.ncr-user .uc-contact{list-style:none;margin:0;padding:12px 14px;display:flex;flex-direction:column;gap:8px;border-radius:12px;background:#f9fafb}
.ncr-user .uc-contact li{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0;font-size:14px;color:var(--u-ink)}
.ncr-user .uc-contact li>i{flex:0 0 16px;color:#9ca3af;font-size:13px;text-align:center}
.ncr-user .uc-contact a{color:var(--u-ink);text-decoration:none;font-weight:500}
.ncr-user .uc-contact a[href^="tel:"]:hover{color:var(--u-accent)}
.ncr-user .uc-email{min-width:0;overflow-wrap:anywhere}
.ncr-user .uc-missing{color:#9ca3af;font-style:italic}
.ncr-user .uc-contact .uc-verified,.ncr-user .uc-contact .uc-verify{margin-left:0}
.ncr-user .uc-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
.ncr-user .uc-facts div{display:flex;flex-direction:column;min-width:0}
.ncr-user .uc-facts dt{font-size:11px;font-weight:600;color:var(--u-muted);text-transform:uppercase;letter-spacing:.04em}
.ncr-user .uc-facts dd{margin:2px 0 0;font-size:13px;color:var(--u-ink)}
.ncr-user .uc-card .uc-note{margin:0}
.ncr-user .uc-card .uc-actions{display:flex;flex-direction:row;gap:8px;margin-top:auto;padding:14px 0 0;border-top:1px solid var(--u-line)}
.ncr-user .uc-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 12px;border:1px solid var(--u-line);border-radius:10px;background:#fff;color:var(--u-ink);font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}
.ncr-user .uc-btn:hover{border-color:var(--u-ink)}
.ncr-user .uc-btn-dark{background:var(--u-ink);border-color:var(--u-ink);color:#fff}
.ncr-user .uc-btn-dark:hover{background:#000}
.ncr-user .uc-btn-up{background:#fff5f5;border-color:#fecaca;color:var(--u-accent)}
.ncr-user .uc-btn-up:hover{background:var(--u-accent);border-color:var(--u-accent);color:#fff}
@media (max-width:620px){
	.ncr-user .uc-card .uc-logo{flex-basis:60px;width:60px;height:60px}
	.ncr-user .uc-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
	.ncr-user .uc-btn{padding:0 8px}
}
.ncr-user .uc-card{align-items:stretch}

/* =====================================================================
   Shop toolbar (businesses with an open shop) - replaces the floating 3-icon menu
   ===================================================================== */
.ncr-user .up-shopbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:100%;max-width:1100px;margin:0 auto 16px;padding:8px 10px;background:#fff;border:1px solid #d1fae5;border-radius:14px;box-shadow:0 1px 2px rgba(17,24,39,.04)}
.ncr-user .up-shopbar-title{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:10px;background:#f0fdf4;color:#15803d;font-size:13px;font-weight:600;white-space:nowrap}
.ncr-user .up-shopbar-links{display:flex;flex-wrap:wrap;gap:4px}
.ncr-user .up-shopbar-links a{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:10px;color:var(--u-muted);font-size:13px;font-weight:500;text-decoration:none;white-space:nowrap}
.ncr-user .up-shopbar-links a i{font-size:12px}
.ncr-user .up-shopbar-links a:hover{background:#f3f4f6;color:var(--u-ink)}
.ncr-user .up-shopbar-links a.active{background:var(--u-ink);color:#fff}
.ncr-user .shop-quick-navbar{display:none}   /* old floating menu, if any page still prints it */

/* =====================================================================
   "Open a shop?" Yes / No switch (update_shop_detail.php)
   ===================================================================== */
.ncr-user #shop-consent{display:flex;flex-direction:column;align-items:flex-start;gap:12px;position:static;width:100%;height:auto;padding:0}
.ncr-user #shop-consent h3{position:static;margin:0;padding:0;background:none;color:var(--u-ink);font-size:16px;font-weight:600;text-align:left}
.ncr-user #shop-consent h3 u{text-decoration:none;color:#15803d}
.ncr-user #shop-consent .switch{
	position:static;top:auto;left:auto;margin:0;width:auto;height:auto;display:inline-flex;gap:4px;padding:4px;
	background:#f3f4f6;border:1px solid var(--u-line);border-radius:999px;transition:none;text-align:left;
}
.ncr-user #shop-consent .switch span{display:none}
.ncr-user #shop-consent .switch label{
	position:static;left:auto;right:auto;width:auto;height:auto;margin:0;padding:9px 26px;line-height:1.2;
	border-radius:999px;color:var(--u-muted);font-size:14px;font-weight:600;cursor:pointer;transition:none;
}
.ncr-user #shop-consent .switch label:hover{color:var(--u-ink)}
.ncr-user #shop-consent #yes:checked ~ .switch,.ncr-user #shop-consent #no:checked ~ .switch{background:#f3f4f6}
.ncr-user #shop-consent #yes:checked ~ .switch label[for=yes]{background:#16a34a;color:#fff}
.ncr-user #shop-consent #no:checked ~ .switch label[for=no]{background:var(--u-ink);color:#fff}
.ncr-user #buss_shop_detail .sub-message{margin:0 0 12px;color:#15803d;font-size:13px;font-weight:500}
.ncr-user #buss_shop_detail .sub-message:empty{display:none}
.ncr-user #buss_shop_detail .user-shop-link{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0 0;padding:16px 18px;border:1px solid #d1fae5;border-radius:14px;background:#f0fdf4;color:#166534;font-size:14px}
.ncr-user #buss_shop_detail .user-shop-link a{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:10px;background:#15803d;color:#fff;font-weight:600;text-decoration:none}
.ncr-user #buss_shop_detail .user-shop-link a:hover{background:#166534}
.ncr-user #telegram-consent{position:static;width:100%;margin:18px 0 0;padding:16px 18px;border:1px solid #bfdbfe;border-radius:14px;background:#eff6ff;display:block}
.ncr-user #telegram-consent h2{position:static;margin:0 0 6px;padding:0;background:none;color:#1e3a8a;font-size:16px}
.ncr-user #telegram-consent h3{font-size:14px;font-weight:500;color:var(--u-text);margin:0 0 8px}
.ncr-user #telegram-consent ol{margin:0 0 0 1.2em;padding:0;font-size:14px;line-height:1.8}

/* =====================================================================
   My shop pages (/user/shop/*): orders, create new, products, update product
   body classes: up-shop-order-index, up-shop-create-index, up-shop-update-shop-index, up-shop-update-product-index
   ===================================================================== */
body.ncr-user[class*=" up-shop-"]:has(.an-side) #wrapper-1{width:100%;max-width:1100px;margin:0 auto;padding:0;background:none;display:block;position:static}
body.ncr-user[class*=" up-shop-"]:has(.an-side) .main-container{width:100%;max-width:1100px;margin:0 auto;padding:0;background:none;display:block}
/* page title: the old black floating badge becomes a plain heading */
body.ncr-user[class*=" up-shop-"]:has(.an-side) #section-header{width:100%;height:auto;margin:0 0 14px;padding:0;background:none;display:block;position:static}
body.ncr-user[class*=" up-shop-"]:has(.an-side) #section-header h2{
	position:static;display:block;width:auto;height:auto;margin:0;padding:0;border-radius:0;background:none;box-shadow:none;
	color:var(--u-ink);font-size:clamp(22px,2.6vw,28px);font-weight:700;text-align:left;
}
body.ncr-user[class*=" up-shop-"]:has(.an-side) #section-header h2 a{color:inherit;text-decoration:none}
/* tabs */
body.ncr-user[class*=" up-shop-"]:has(.an-side) #tabs-section,body.ncr-user.up-shop-update-product-index:has(.an-side) #section-1{
	display:flex;flex-wrap:wrap;justify-content:flex-start;gap:4px;width:100%;height:auto;margin:0 0 16px;padding:6px;
	background:#fff;border:1px solid var(--u-line);border-radius:14px;
}
body.ncr-user[class*=" up-shop-"]:has(.an-side) #tabs-section>.btn,body.ncr-user.up-shop-update-product-index:has(.an-side) #section-1>.btn{
	margin:0;padding:.55em 1.1em;border:0;border-radius:10px;background:transparent;color:var(--u-muted);font:inherit;font-size:13.5px;font-weight:500;box-shadow:none;cursor:pointer;
}
body.ncr-user[class*=" up-shop-"]:has(.an-side) #tabs-section>.btn:hover,body.ncr-user.up-shop-update-product-index:has(.an-side) #section-1>.btn:hover{background:#f3f4f6;color:var(--u-ink)}
body.ncr-user[class*=" up-shop-"]:has(.an-side) #tabs-section>.btn.active,body.ncr-user.up-shop-update-product-index:has(.an-side) #section-1>.btn.active{background:var(--u-ink);color:#fff;box-shadow:none}
body.ncr-user[class*=" up-shop-"]:has(.an-side) :is(#body-section,#section-2,.common-main-container,.info-container,.tab-result-container){width:100%;margin:0;padding:0;background:none;display:block;height:auto}
body.ncr-user[class*=" up-shop-"]:has(.an-side) .content_container .content_container{padding:20px;border-radius:14px;background:#fafafa}
body.ncr-user[class*=" up-shop-"]:has(.an-side) .content_container .content_container>h3{text-align:left}

/* variants and other old tables: clean, scrollable on small screens */
body.ncr-user[class*=" up-shop-"]:has(.an-side) table.list-shop-products{
	display:block;width:100%;overflow-x:auto;margin:0;border-collapse:separate;border-spacing:0;background:#fff;
	border:1px solid var(--u-line);border-radius:14px;font-size:13.5px;
}
body.ncr-user[class*=" up-shop-"]:has(.an-side) table.list-shop-products th{
	position:sticky;top:0;padding:12px 14px;background:#f9fafb;color:var(--u-muted);border:0;border-bottom:1px solid var(--u-line);
	font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;text-align:left;white-space:nowrap;
}
body.ncr-user[class*=" up-shop-"]:has(.an-side) table.list-shop-products td{padding:12px 14px;border:0;border-bottom:1px solid var(--u-line);background:#fff;color:var(--u-ink);vertical-align:middle;white-space:nowrap}
body.ncr-user[class*=" up-shop-"]:has(.an-side) table.list-shop-products tr:last-child td{border-bottom:0}
body.ncr-user[class*=" up-shop-"]:has(.an-side) table.list-shop-products tr:hover td{background:#fafafa}
body.ncr-user[class*=" up-shop-"]:has(.an-side) table.list-shop-products img{width:56px;height:56px;object-fit:cover;border-radius:10px;margin:0;box-shadow:none}
body.ncr-user[class*=" up-shop-"]:has(.an-side) table.list-shop-products td i{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin:2px;border-radius:8px;color:var(--u-muted);cursor:pointer}
body.ncr-user[class*=" up-shop-"]:has(.an-side) table.list-shop-products td i:hover{background:#f3f4f6;color:var(--u-ink)}
body.ncr-user[class*=" up-shop-"]:has(.an-side) table.list-shop-products td i.fa-trash:hover{background:#fee2e2;color:var(--u-accent)}
body.ncr-user[class*=" up-shop-"]:has(.an-side) table.list-shop-products input[type=radio]{width:18px;height:18px;accent-color:#16a34a;margin:0}
body.ncr-user[class*=" up-shop-"]:has(.an-side) #add-new-prod-variant{align-self:flex-start;margin:0 0 12px;height:40px;padding:0 18px;border-radius:10px;font-size:13px}
body.ncr-user[class*=" up-shop-"]:has(.an-side) .success-message:empty{display:none}

/* ---------- Products (sp-*) ---------- */
.ncr-user .sp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;color:var(--u-muted);font-size:14px}
.ncr-user .sp-add{display:inline-flex;align-items:center;gap:8px;padding:.55em 1.1em;border-radius:999px;background:var(--u-accent);color:#fff;font-size:13px;font-weight:600;text-decoration:none}
.ncr-user .sp-add:hover{background:#b91c1c}
.ncr-user .sp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:16px}
.ncr-user .sp-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--u-line);border-radius:18px;overflow:hidden;transition:box-shadow .15s,transform .15s}
.ncr-user .sp-card:hover{box-shadow:0 14px 30px rgba(17,24,39,.08);transform:translateY(-2px)}
.ncr-user .sp-img{position:relative;display:block;aspect-ratio:16/10;background:#f3f4f6;overflow:hidden}
.ncr-user .sp-img img{width:100%;height:100%;object-fit:cover;margin:0;border-radius:0;box-shadow:none}
.ncr-user .sp-badge{position:absolute;top:12px;left:12px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700}
.ncr-user .sp-badge.is-live{background:#dcfce7;color:#15803d}
.ncr-user .sp-badge.is-off{background:#111827;color:#fff}
.ncr-user .sp-body{display:flex;flex-direction:column;gap:12px;flex:1;padding:16px}
.ncr-user .sp-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.ncr-user .sp-title h3{margin:0;font-size:16px;font-weight:600;text-align:left}
.ncr-user .sp-title h3 a{color:var(--u-ink);text-decoration:none}
.ncr-user .sp-alt{margin:2px 0 0;font-size:13px;color:var(--u-muted)}
.ncr-user .sp-id{font-size:12px;color:#9ca3af;white-space:nowrap}
.ncr-user .sp-meta{display:flex;flex-wrap:wrap;gap:6px}
.ncr-user .sp-meta span{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:#f3f4f6;color:var(--u-text);font-size:12px}
.ncr-user .sp-meta i{font-size:11px;color:#9ca3af}
.ncr-user .sp-missing{color:#b45309 !important}
.ncr-user .sp-sizes{list-style:none;margin:0;padding:0;border:1px solid var(--u-line);border-radius:12px;overflow:hidden}
.ncr-user .sp-sizes li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--u-line);font-size:13px;color:var(--u-ink)}
.ncr-user .sp-sizes li:last-child{border-bottom:0}
.ncr-user .sp-sizes li span:nth-child(2){font-weight:600}
.ncr-user .sp-stock{font-size:12px;color:#15803d;min-width:84px;text-align:right}
.ncr-user .sp-stock.is-out{color:var(--u-accent)}
.ncr-user .sp-nosize{margin:0;font-size:13px}
.ncr-user .sp-actions{display:flex;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid var(--u-line)}
.ncr-user .sp-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;border:1px solid var(--u-line);border-radius:10px;background:#fff;color:var(--u-ink);font-size:13px;font-weight:600;text-decoration:none;cursor:pointer}
.ncr-user .sp-btn:hover{border-color:var(--u-ink)}
.ncr-user .sp-btn.update-shop-prod{background:var(--u-ink);border-color:var(--u-ink);color:#fff}
.ncr-user .sp-del{flex:0 0 40px;color:var(--u-muted)}
.ncr-user .sp-del:hover{background:#fee2e2;border-color:#fecaca;color:var(--u-accent)}

/* ---------- Orders (so-*) ---------- */
.ncr-user .so-wrap{display:flex;flex-direction:column;gap:14px}
.ncr-user .so-msg:empty{display:none}
.ncr-user .so-msg{margin:0;padding:10px 12px;border-radius:10px;background:#fef2f2;color:#b91c1c;font-size:13px}
.ncr-user .so-card{background:#fff;border:1px solid var(--u-line);border-radius:16px;overflow:hidden}
.ncr-user .so-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:#f9fafb;border-bottom:1px solid var(--u-line)}
.ncr-user .so-head strong{display:block;font-size:15px;color:var(--u-ink)}
.ncr-user .so-head span{font-size:12px;color:var(--u-muted)}
.ncr-user .so-status{padding:4px 12px;border-radius:999px;font-size:12px !important;font-weight:700}
.ncr-user .so-status.is-new{background:#dbeafe;color:#1d4ed8 !important}
.ncr-user .so-status.is-confirmed{background:#fef3c7;color:#b45309 !important}
.ncr-user .so-status.is-delivered{background:#dcfce7;color:#15803d !important}
.ncr-user .so-status.is-cancelled{background:#f3f4f6;color:#6b7280 !important}
.ncr-user .so-body{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:18px;padding:16px 18px}
.ncr-user .so-label{display:block;margin:0 0 6px;font-size:11px;font-weight:600;color:var(--u-muted);text-transform:uppercase;letter-spacing:.05em}
.ncr-user .so-cust strong{font-size:15px;color:var(--u-ink)}
.ncr-user .so-cust p{display:flex;gap:8px;margin:6px 0 0;font-size:13px;line-height:1.5;color:var(--u-text)}
.ncr-user .so-cust p i{margin-top:3px;color:#9ca3af}
.ncr-user .so-items ul{list-style:none;margin:0;padding:0}
.ncr-user .so-items li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:7px 0;border-bottom:1px dashed var(--u-line);font-size:13px}
.ncr-user .so-items li:last-child{border-bottom:0}
.ncr-user .so-item a{color:var(--u-ink);font-weight:500;text-decoration:none}
.ncr-user .so-item a:hover{color:var(--u-accent)}
.ncr-user .so-item small{color:var(--u-muted)}
.ncr-user .so-qty{color:var(--u-muted);white-space:nowrap}
.ncr-user .so-items li strong{color:var(--u-ink);white-space:nowrap}
.ncr-user .so-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 18px;border-top:1px solid var(--u-line)}
.ncr-user .so-money{display:flex;gap:24px}
.ncr-user .so-money span{display:block;font-size:11px;font-weight:600;color:var(--u-muted);text-transform:uppercase;letter-spacing:.05em}
.ncr-user .so-money strong{font-size:18px;color:var(--u-ink)}
.ncr-user .so-money .is-gain{color:#15803d}
.ncr-user .so-money .is-loss{color:var(--u-accent)}
body.ncr-user:has(.an-side) .so-form{display:flex;flex-direction:row;align-items:center;gap:8px;margin:0;width:auto}
body.ncr-user:has(.an-side) .so-form select{width:auto;min-width:150px;height:40px;margin:0;padding:0 10px;border:1px solid #d1d5db;border-radius:10px;background:#fff;font:inherit;font-size:13px}
body.ncr-user:has(.an-side) .so-form button{height:40px;margin:0;padding:0 18px;border:0;border-radius:10px;background:var(--u-ink);color:#fff;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
@media (max-width:700px){
	.ncr-user .so-body{grid-template-columns:minmax(0,1fr)}
	.ncr-user .so-foot{flex-direction:column;align-items:stretch}
	body.ncr-user:has(.an-side) .so-form select{flex:1}
}
body.ncr-user[class*=" up-shop-"]:has(.an-side) #tabs-section:has(> .btn:only-child){display:none}
body.ncr-user[class*=" up-shop-"]:has(.an-side) .content_container .content_container :is(h2,h3,h4){position:static;margin:0 0 14px;padding:0 0 10px;border-bottom:1px solid var(--u-line);background:none;color:var(--u-ink);font-size:15px;font-weight:600;text-align:left;width:auto}

/* =====================================================================
   My shop > Create new: Category and Variant tabs
   (#master-cat-content-container > section [Create | View] > cards [Main | Sub])
   ===================================================================== */
body.ncr-user.up-shop-create-index:has(.an-side) #master-cat-content-container{display:block;padding:22px}
body.ncr-user.up-shop-create-index:has(.an-side) #master-cat-content-container :is(.content_container,.row,.column,form,.tags_output_container,div[id^=view]){height:auto;min-height:0;max-height:none}
/* Create / View sections: heading + two cards side by side */
body.ncr-user.up-shop-create-index:has(.an-side) #master-cat-content-container>.content_container{
	display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;
	width:100%;margin:0 0 16px;padding:18px;border:1px solid var(--u-line);border-radius:14px;background:#fafafa;
}
body.ncr-user.up-shop-create-index:has(.an-side) #master-cat-content-container>.content_container:last-child{margin-bottom:0}
body.ncr-user.up-shop-create-index:has(.an-side) #master-cat-content-container>.content_container>h3{
	grid-column:1/-1;position:static;margin:0;padding:0;border:0;background:none;
	color:var(--u-ink);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;text-align:left;
}
/* cards */
body.ncr-user.up-shop-create-index:has(.an-side) #master-cat-content-container>.content_container>.content_container{
	display:flex;flex-direction:column;gap:12px;width:auto;margin:0;padding:18px;
	border:1px solid var(--u-line);border-radius:12px;background:#fff;
}
body.ncr-user.up-shop-create-index:has(.an-side) #master-cat-content-container>.content_container>.content_container>h2{
	position:static;margin:0;padding:0 0 10px;border:0;border-bottom:1px solid var(--u-line);background:none;
	color:var(--u-ink);font-size:15px;font-weight:600;text-align:left;width:auto;
}
body.ncr-user.up-shop-create-index:has(.an-side) #master-cat-content-container form{display:flex;flex-direction:column;gap:12px;width:100%;margin:0}
body.ncr-user.up-shop-create-index:has(.an-side) #master-cat-content-container :is(.row,.column):not(.content_container){display:flex;flex-direction:column;align-items:stretch;gap:10px;width:100%;margin:0;padding:0}
body.ncr-user.up-shop-create-index:has(.an-side) #master-cat-content-container .column[style]{align-items:flex-start !important}
body.ncr-user.up-shop-create-index:has(.an-side) #master-cat-content-container label{margin:0 0 -4px;font-size:13px;font-weight:600;color:var(--u-text);text-align:left}
body.ncr-user.up-shop-create-index:has(.an-side) #master-cat-content-container :is(input[type=submit],.btn-large){width:auto;height:42px;padding:0 22px;align-self:flex-start}
body.ncr-user.up-shop-create-index:has(.an-side) #master-cat-content-container .show-message:empty{display:none}
/* existing categories / variants as chips */
body.ncr-user.up-shop-create-index:has(.an-side) #master-cat-content-container .tags_output_container{display:flex;flex-wrap:wrap;gap:8px;width:100%;margin:0}
body.ncr-user.up-shop-create-index:has(.an-side) #master-cat-content-container .tags{
	display:inline-flex;align-items:center;gap:8px;width:auto;margin:0;padding:6px 8px 6px 12px;
	border:1px solid var(--u-line);border-radius:999px;background:#fff;color:var(--u-ink);font-size:13px;font-weight:500;box-shadow:none;cursor:default;
}
body.ncr-user.up-shop-create-index:has(.an-side) #master-cat-content-container .tags .tag_name{color:var(--u-ink)}
body.ncr-user.up-shop-create-index:has(.an-side) #master-cat-content-container .tags .v-line{display:none}
body.ncr-user.up-shop-create-index:has(.an-side) #master-cat-content-container .tags i{
	display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;
	background:#f3f4f6;color:var(--u-muted) !important;font-size:11px;cursor:pointer;
}
body.ncr-user.up-shop-create-index:has(.an-side) #master-cat-content-container .tags i:hover{background:var(--u-ink);color:#fff !important}
body.ncr-user.up-shop-create-index:has(.an-side) #master-cat-content-container .btn-medium{
	display:inline-flex;align-items:center;gap:8px;width:auto;height:36px;padding:0 14px;border:1px solid var(--u-line);border-radius:10px;
	background:#fff;color:var(--u-ink);font-size:13px;font-weight:500;box-shadow:none;cursor:pointer;
}
body.ncr-user.up-shop-create-index:has(.an-side) #master-cat-content-container .btn-medium:hover{border-color:var(--u-ink)}
@media (max-width:820px){
	body.ncr-user.up-shop-create-index:has(.an-side) #master-cat-content-container>.content_container{grid-template-columns:minmax(0,1fr)}
	body.ncr-user.up-shop-create-index:has(.an-side) #master-cat-content-container{padding:14px}
}
body.ncr-user.up-shop-create-index:has(.an-side) #master-cat-content-container :is(.row,.column):not(.content_container){flex:0 0 auto}
body.ncr-user.up-shop-create-index:has(.an-side) #master-cat-content-container>.content_container>.content_container>h2{align-self:stretch}
.up-login-user-login .lg-mark img{width:100%;height:100%;object-fit:contain;display:block}

/* =====================================================================
   Update business (admin + user): tab ticks, progress, Images tab
   (common/data/ncr_buss_complete.php, includes/pages/dir/images_tab.php)
   ===================================================================== */
#section-1>.btn .ub-st{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;margin-left:6px;border-radius:50%}
#section-1>.btn .ub-st.is-ok{width:16px;height:16px;background:#16a34a;color:#fff}
#section-1>.btn .ub-st.is-ok i{margin:0;font-size:8.5px;color:#fff}
#section-1>.btn .ub-st.is-miss{width:7px;height:7px;background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.18)}
#section-1>.btn.active .ub-st.is-ok{box-shadow:0 0 0 2px #fff}
.ub-progress{display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:10px 16px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;font-size:13px;color:#6b7280}
.ub-progress strong{color:#111827}
.ub-progress-bar{flex:1 1 auto;height:8px;border-radius:999px;background:#f3f4f6;overflow:hidden}
.ub-progress-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#16a34a);transition:width .3s}
.ub-progress>span{white-space:nowrap}

/* Images tab */
#buss_images .ui-wrap{display:flex;flex-direction:column;gap:16px;width:100%}
#buss_images .ui-card{width:100%;box-sizing:border-box;padding:20px;border:1px solid #e5e7eb;border-radius:16px;background:#fff}
#buss_images .ui-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 16px;padding:0 0 14px;border-bottom:1px solid #f0f1f3}
#buss_images .ui-card-head h3{display:flex;align-items:center;gap:8px;margin:0;font-size:17px;font-weight:600;color:#111827;text-align:left}
#buss_images .ui-card-head h3>i{color:#9ca3af;font-size:15px}
#buss_images .ui-card-head p{margin:4px 0 0;font-size:13px;color:#6b7280;text-align:left}
#buss_images .ui-ok,#buss_images .ui-miss{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}
#buss_images .ui-ok{background:#e8f6ed;color:#15803d}
#buss_images .ui-miss{background:#fdf3e4;color:#b45309}
#buss_images .ui-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:#fef3c7;color:#b45309;font-size:11px;font-weight:700}
#buss_images .ui-tag i{font-size:9px;color:#f59e0b}
/* logo */
#buss_images .ui-logo-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
#buss_images .ui-logo-preview{flex:0 0 120px;width:120px;height:120px;border-radius:24px;overflow:hidden;border:1px solid #e5e7eb;background:#f9fafb;display:flex;align-items:center;justify-content:center;color:#d1d5db;font-size:32px}
#buss_images .ui-logo-preview img{width:100%;height:100%;object-fit:contain;border-radius:0;margin:0;box-shadow:none}
#buss_images #update-logo{flex:1 1 260px;display:flex;flex-direction:column;gap:12px;width:auto;max-width:420px;margin:0}
#buss_images #update-logo .row,#buss_images #update-logo .col-row,#buss_images #update-logo .column{display:block;width:100%;margin:0;padding:0;border:0}
#buss_images .ui-file{position:relative;display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;padding:12px 14px;border:1.5px dashed #d1d5db;border-radius:12px;background:#f9fafb;color:#374151;font-size:14px;cursor:pointer}
#buss_images .ui-file:hover{border-color:#111827}
#buss_images .ui-file i{color:#6b7280}
#buss_images .ui-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#buss_images .ui-file input,#buss_images .ui-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
#buss_images #update-logo input[type=submit]{width:auto;height:42px;margin:0;padding:0 22px;border-radius:10px}
#buss_images #error-logo-message:empty{display:none}
#buss_images #error-logo-message{display:block;margin:0 0 6px;font-size:13px;color:#b91c1c}
/* banners */
#buss_images .ui-banners{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:16px;align-items:start}
#buss_images .ui-banner-form{display:flex;flex-direction:column;gap:10px;margin:0;width:auto}
#buss_images .ui-banner-head{display:flex;align-items:center;gap:8px;font-size:14px;color:#111827}
#buss_images .ui-banner-head i{color:#6b7280}
#buss_images .ui-banner-head span{margin-left:auto;font-size:12px;color:#6b7280}
#buss_images .ui-drop{position:relative;display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;border:1.5px dashed #d1d5db;border-radius:12px;background:#f9fafb;cursor:pointer}
#buss_images .ui-drop:hover{border-color:#111827}
#buss_images .ui-banner-lap{aspect-ratio:1200/450}
#buss_images .ui-banner-mob{aspect-ratio:370/170}
#buss_images .ui-drop img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0;margin:0}
#buss_images .ui-drop-empty{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px;color:#374151;font-size:13px;font-weight:500;text-align:center}
#buss_images .ui-drop-empty i{font-size:22px;color:#9ca3af}
#buss_images .ui-drop-empty small{font-size:11.5px;font-weight:400;color:#6b7280}
#buss_images .ui-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}
#buss_images .ui-msg{font-size:12.5px;color:#6b7280}
#buss_images .ui-msg.is-ok{color:#15803d}
#buss_images .ui-msg.is-err{color:#b91c1c}
#buss_images .ui-btn{height:38px;padding:0 16px;border:0;border-radius:10px;background:#111827;color:#fff;font:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}
#buss_images .ui-btn:disabled{opacity:.4;cursor:not-allowed}
#buss_images .ui-locked{display:flex;align-items:flex-start;gap:14px;padding:16px;border-radius:12px;background:#f9fafb;border:1px dashed #d1d5db}
#buss_images .ui-locked>i{flex:0 0 36px;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#fff;color:#9ca3af;border:1px solid #e5e7eb}
#buss_images .ui-locked strong{display:block;font-size:14px;color:#111827}
#buss_images .ui-locked p{margin:2px 0 10px;font-size:13px;color:#6b7280}
#buss_images .ui-upgrade{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;background:#fef3c7;color:#b45309;font-size:13px;font-weight:600;text-decoration:none}
#buss_images .ui-upgrade:hover{background:#f59e0b;color:#fff}
@media (max-width:760px){ #buss_images .ui-banners{grid-template-columns:minmax(0,1fr)} }
#section-1>.btn span.ub-st{padding:0 !important;margin:0 0 0 6px !important;min-width:0;line-height:1;border:0}
#section-1>.btn span.ub-st.is-miss{width:8px !important;height:8px !important}
#section-1>.btn span.ub-st.is-ok{width:16px !important;height:16px !important}

/* =====================================================================
   User > Update business: every tab (About, Contact, Address, Timings,
   Social links, Category, Tags, FAQs). Body: .up-update-buss-index
   ===================================================================== */
body.up-update-buss-index .buss_section .content_container{max-width:none}
body.up-update-buss-index .uu-note{margin:-4px 0 14px;font-size:13px;color:var(--u-muted)}
/* two-column field grids */
body.up-update-buss-index :is(#buss_contact,#buss_address,#buss_category) .row:not(:has(.form-btn)){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body.up-update-buss-index #buss_address .row>.column{grid-column:1/-1}
body.up-update-buss-index :is(#buss_contact,#buss_address,#buss_category,#buss_social_links) .col-row{width:auto}
body.up-update-buss-index .uu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
/* fields with an icon inside */
body.up-update-buss-index .uu-field{position:relative;display:flex;align-items:center}
body.up-update-buss-index .uu-field>i{position:absolute;left:12px;width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:var(--brand,#111827);color:#fff;font-size:11px;pointer-events:none}
body.up-update-buss-index .uu-field>input[type=text]{width:100%;padding-left:44px !important}
/* contact fields get small leading icons via the label */
body.up-update-buss-index #buss_contact label::before,body.up-update-buss-index #buss_address label::before,body.up-update-buss-index #buss_category label::before{
	font-family:"Font Awesome 6 Free";font-weight:900;margin-right:6px;color:var(--u-muted);font-size:11px
}
body.up-update-buss-index #buss_contact .row:first-child .col-row:first-child label::before{content:"\f0c1"}
body.up-update-buss-index #buss_contact .row:first-child .col-row:nth-child(2) label::before{content:"\f0e0"}
body.up-update-buss-index #buss_contact .row:nth-child(2) .col-row:first-child label::before{content:"\f3cd"}
body.up-update-buss-index #buss_contact .row:nth-child(2) .col-row:nth-child(2) label::before{content:"\f095"}
/* about: counter chip */
body.up-update-buss-index #buss-about-count{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;background:#f3f4f6;color:var(--u-muted);font-size:11.5px;font-weight:500}
body.up-update-buss-index #buss_about textarea{min-height:260px}

/* ---------- Timings ---------- */
body.ncr-user .ut-block{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--u-line);border-radius:14px;background:#fafafa}
body.ncr-user .ut-block+.ut-block{margin-top:4px}
body.ncr-user .ut-label{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px;font-weight:600;color:var(--u-ink)}
body.ncr-user .ut-presets{display:flex;flex-wrap:wrap;gap:6px}
body.ncr-user .ut-presets button{height:28px;padding:0 10px;border:1px solid var(--u-line);border-radius:999px;background:#fff;color:var(--u-text);font:inherit;font-size:12px;font-weight:500;cursor:pointer}
body.ncr-user .ut-presets button:hover{border-color:var(--u-ink);color:var(--u-ink)}
body.ncr-user .ut-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
body.ncr-user .ut-day{position:relative;display:block;margin:0;cursor:pointer}
body.ncr-user .ut-day input{position:absolute;opacity:0;width:1px;height:1px}
body.ncr-user .ut-day span{display:flex;align-items:center;justify-content:center;height:44px;border:1.5px solid var(--u-line);border-radius:12px;background:#fff;color:var(--u-muted);font-size:14px;font-weight:600;transition:all .15s}
body.ncr-user .ut-day:hover span{border-color:#9ca3af}
body.ncr-user .ut-day input:checked+span{border-color:#16a34a;background:#e8f6ed;color:#15803d}
body.ncr-user .ut-day input:checked+span::before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;font-size:10px;margin-right:6px}
body.ncr-user .ut-day input:focus-visible+span{box-shadow:0 0 0 3px rgba(22,163,74,.25)}
body.ncr-user .ut-times{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
body.ncr-user .ut-time{display:flex;flex-direction:column;gap:6px;flex:1 1 180px;max-width:260px;margin:0}
body.ncr-user .ut-time>span{font-size:12px;font-weight:600;color:var(--u-muted)}
body.ncr-user .ut-time>span i{margin-right:6px}
body.ncr-user .ut-time input[type=time]{width:100% !important;background:#fff}
body.ncr-user .ut-to{padding:0 0 12px;color:#9ca3af}
body.ncr-user .ut-hint{margin:0;font-size:12px;color:var(--u-muted)}

/* ---------- Tags ---------- */
body.up-update-buss-index #buss_tags .tags_content{display:flex;flex-direction:column;gap:16px;width:100%}
body.up-update-buss-index #buss_tags .tags_container_box{
	position:static;display:flex;flex-direction:column;gap:14px;width:100%;margin:0;padding:22px 24px;box-sizing:border-box;
	border:1px solid var(--u-line);border-radius:16px;background:#fff;box-shadow:none
}
body.up-update-buss-index #buss_tags .tags_container_box>h2{
	position:static;transform:none;width:auto;margin:0;padding:0 0 12px;border:0;border-bottom:1px solid var(--u-line);border-radius:0;
	background:none;color:var(--u-ink);font-size:17px;font-weight:600;text-align:left;box-shadow:none
}
body.up-update-buss-index #buss_tags .tags_container{
	position:static;display:flex;flex-direction:column;gap:12px;width:100%;margin:0;padding:16px;box-sizing:border-box;
	border:1px solid var(--u-line);border-radius:12px;background:#fafafa
}
body.up-update-buss-index #buss_tags .tags_container>h3{
	position:static;transform:none;width:auto;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;
	color:var(--u-ink);font-size:13px;font-weight:600;text-align:left
}
body.up-update-buss-index #buss_tags .tags_container>h3 span{margin-left:6px;font-weight:400;color:var(--u-muted)}
body.up-update-buss-index #buss_tags .tags_output_container{display:flex;flex-wrap:wrap;gap:8px;width:100%;margin:0;padding:0;min-height:0}
body.up-update-buss-index #buss_tags .tags_output_container:empty::before{content:"No tags yet";font-size:13px;color:var(--u-muted)}
body.up-update-buss-index #buss_tags .tags{
	display:inline-flex;align-items:center;gap:8px;width:auto;height:auto;margin:0;padding:6px 6px 6px 12px;
	border:1px solid var(--u-line);border-radius:999px;background:#fff;color:var(--u-ink);font-size:13px;font-weight:500;box-shadow:none
}
body.up-update-buss-index #buss_tags .tags .tag_name{color:var(--u-ink);padding:0;border:0}
body.up-update-buss-index #buss_tags .tags .tag-status-icon{width:8px !important;height:8px;margin:0}
body.up-update-buss-index #buss_tags .delete_buss_tag{display:flex;align-items:center;justify-content:center;width:22px;height:22px;margin:0;padding:0;border:0;border-radius:50%;background:#f3f4f6;color:var(--u-muted);cursor:pointer}
body.up-update-buss-index #buss_tags .delete_buss_tag:hover{background:#fee2e2;color:#b91c1c}
body.up-update-buss-index #buss_tags .delete_buss_tag i{font-size:11px;color:inherit}
body.up-update-buss-index #buss_tags form.col-row{display:flex;flex-direction:row;align-items:flex-start;gap:10px;width:100%;margin:0;padding:0}
body.up-update-buss-index #buss_tags .tag-result-container{position:relative;flex:1 1 auto;width:auto;margin:0}
body.up-update-buss-index #buss_tags .tag-result-container input[type=text]{width:100% !important;height:42px;margin:0;padding:0 12px 0 36px;border:1px solid #d1d5db;border-radius:10px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2.5' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 12px center;font:inherit;font-size:14px;box-shadow:none}
body.up-update-buss-index #buss_tags .tag-result-container input[type=text]:focus{outline:none;border-color:var(--u-ink);box-shadow:0 0 0 3px rgba(17,24,39,.08)}
body.up-update-buss-index #buss_tags .tag-list{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:30;width:auto;max-height:260px;overflow:auto;margin:0;border-radius:10px;background:#fff;box-shadow:0 12px 28px -8px rgba(16,24,40,.25)}
body.up-update-buss-index #buss_tags .tag-list:empty{display:none}
body.up-update-buss-index #buss_tags #tag-add-button{flex:0 0 auto;width:auto;height:42px;margin:0;padding:0 18px;border:0;border-radius:10px;background:var(--u-ink);color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer;box-shadow:none}
body.up-update-buss-index #buss_tags #tag-add-button:hover{background:#000}
body.up-update-buss-index #buss_tags :is(.sub-message,.tag-error):empty{display:none}
body.up-update-buss-index #buss_tags :is(.sub-message,.tag-error){margin:0;font-size:13px;color:#b91c1c}
/* priority list */
body.up-update-buss-index #buss_tags .sortable-container{display:flex;flex-direction:column;gap:6px;width:100%;margin:0;padding:0;list-style:none}
body.up-update-buss-index #buss_tags .sortable-item{
	display:flex;align-items:center;gap:10px;width:auto;margin:0;padding:10px 12px;border:1px solid var(--u-line);border-radius:10px;
	background:#fff;color:var(--u-ink);font-size:14px;cursor:grab;list-style:none
}
body.up-update-buss-index #buss_tags .sortable-item:active{cursor:grabbing}
body.up-update-buss-index #buss_tags .sortable-item #buss_tags_rank{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:7px;background:#f3f4f6;color:var(--u-muted);font-size:12px;font-weight:700}
body.up-update-buss-index #buss_tags .sortable-item i{margin-left:auto;color:#9ca3af}

/* ---------- FAQs ---------- */
body.up-update-buss-index #buss_faqs .faq_panel{display:flex;flex-direction:column;gap:10px;width:100%}
body.up-update-buss-index #buss_faqs #faq-add-new{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;width:auto;height:40px;padding:0 18px;border-radius:10px}
body.up-update-buss-index #buss_faqs #faq-add-new::before{content:"\2b";font-family:"Font Awesome 6 Free";font-weight:900;font-size:12px}
body.up-update-buss-index #buss_faqs .faq_wrapper{display:flex;align-items:flex-start;gap:12px;width:100%;margin:0;padding:14px 16px;box-sizing:border-box;border:1px solid var(--u-line);border-radius:12px;background:#fff}
body.up-update-buss-index #buss_faqs .faq_container{flex:1 1 auto;width:auto;margin:0;padding:0;border:0;background:none}
body.up-update-buss-index #buss_faqs .faq-ques{margin:0 0 4px;font-size:14px;color:var(--u-ink)}
body.up-update-buss-index #buss_faqs .faq-ans{margin:0;font-size:13.5px;line-height:1.55;color:var(--u-text)}
body.up-update-buss-index #buss_faqs .faq-action{display:flex;gap:6px;flex:0 0 auto}
body.up-update-buss-index #buss_faqs .faq-action i{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--u-line);border-radius:9px;color:var(--u-muted);cursor:pointer;font-size:13px}
body.up-update-buss-index #buss_faqs .faq-action .faq-edit:hover{border-color:var(--u-ink);color:var(--u-ink)}
body.up-update-buss-index #buss_faqs .faq-action .faq-delete:hover{border-color:#fecaca;background:#fef2f2;color:#b91c1c}
body.up-update-buss-index :is(.faq-modal-container,.faq-add-modal-container){
	width:calc(100% - 32px);max-width:520px;box-sizing:border-box;padding:26px;border-radius:18px;background:#fff;box-shadow:0 24px 60px -20px rgba(16,24,40,.45)
}
body.up-update-buss-index :is(.faq-form-update,.faq-form-add){display:flex;flex-direction:column;gap:12px;width:100%}
body.up-update-buss-index :is(.faq-form-update,.faq-form-add) :is(input[type=text],textarea){width:100%;box-sizing:border-box;margin:0;padding:10px 12px;border:1px solid #d1d5db;border-radius:10px;font:inherit;font-size:14px}
body.up-update-buss-index :is(.faq-form-update,.faq-form-add) textarea{min-height:110px}
body.up-update-buss-index :is(.faq-form-update,.faq-form-add) input[type=submit]{height:44px;border:0;border-radius:10px;background:#dc2626;color:#fff;font:inherit;font-weight:600;cursor:pointer}

@media (max-width:700px){
	body.up-update-buss-index :is(#buss_contact,#buss_address,#buss_category) .row:not(:has(.form-btn)),
	body.up-update-buss-index .uu-grid{grid-template-columns:minmax(0,1fr)}
	body.ncr-user .ut-days{grid-template-columns:repeat(4,minmax(0,1fr))}
	body.up-update-buss-index #buss_tags .tags_container_box{padding:18px}
}
body.ncr-user #row-timings.ut-times{display:flex !important;flex-direction:row !important;align-items:flex-end;width:100%}
body.ncr-user .ut-time>span{text-align:left;align-self:flex-start}
body.up-update-buss-index #buss_tags .tags_container_box>h2{text-align:left !important;justify-content:flex-start !important}
body.up-update-buss-index #buss_tags .tags_output_container{justify-content:flex-start !important;align-items:center}
body.up-update-buss-index #buss_faqs .faq-action{background:none !important;padding:0;border:0;align-self:flex-start;flex-direction:row}
/* user panel footer: compact links like the public site */
body.ncr-user:has(.an-side) #section-5{width:auto;margin:0;padding:18px 16px;background:#fff;border-top:1px solid var(--u-line)}
body.ncr-user:has(.an-side) #home-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;width:auto;margin:0;padding:0}
body.ncr-user:has(.an-side) #home-footer a{width:auto;margin:0;padding:0;font-size:12.5px;color:var(--u-muted);text-decoration:none}
body.ncr-user:has(.an-side) #home-footer a:hover{color:var(--u-ink)}
body.ncr-user:has(.an-side) #home-copyrights{width:auto;margin:8px 0 0;padding:0;text-align:center;font-size:12px;color:#9ca3af}
body.up-update-buss-index #buss_faqs .faq-action i{width:32px !important;height:32px !important;font-size:13px !important;margin:0 !important;background:#fff}
body.up-update-buss-index #buss_tags .sortable-container{border:0 !important;background:none !important;padding:0 !important}
body.up-update-buss-index #buss_tags .sortable-item{border:1px solid var(--u-line) !important;box-shadow:none !important}

/* Add business > Timings step: the generic form rules must not stretch the chips / time fields */
body.ncr-user #buss-form-4 .ut-block{margin:0 0 12px}
body.ncr-user #buss-form-4 .ut-day{width:auto !important;height:auto !important;margin:0 !important;padding:0 !important}
body.ncr-user #buss-form-4 .ut-times{display:flex !important;flex-direction:row !important;align-items:flex-end;width:100%}
body.ncr-user #buss-form-4 .ut-time{width:auto !important;display:flex !important;flex-direction:column}
body.ncr-user #buss-form-4 .ut-time input[type=time]{width:100% !important;height:42px;padding:0 12px;border:1px solid #d1d5db;border-radius:10px;font:inherit}

/* =====================================================================
   Map location box (latitude / longitude), includes/pages/dir/latlng_fields.php
   Used by Add business (user) and Update business > Address (user + admin)
   ===================================================================== */
.ll-box{display:flex;flex-direction:column;gap:12px;width:100%;box-sizing:border-box;margin:4px 0 0;padding:16px;border:1px dashed #cbd5e1;border-radius:14px;background:#f8fafc}
.ll-head{display:flex;align-items:flex-start;gap:12px}
.ll-icon{flex:0 0 36px;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#e0f2fe;color:#0369a1;font-size:15px}
.ll-head strong{display:block;font-size:14px;color:#111827}
.ll-head strong small{font-weight:400;color:#6b7280}
.ll-head p{margin:2px 0 0;font-size:13px;color:#6b7280;text-align:left}
.ll-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ll-fields .col-row{display:flex;flex-direction:column;gap:6px;width:auto;margin:0}
.ll-fields label{margin:0;font-size:13px;font-weight:600;color:#374151;text-align:left;width:auto}
.ll-fields input[type=text]{width:100% !important;height:42px;box-sizing:border-box;margin:0;padding:0 12px;border:1px solid #d1d5db;border-radius:10px;background:#fff;font:inherit;font-size:14px}
.ll-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ll-btn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border:1px solid #d1d5db;border-radius:999px;background:#fff;color:#111827;font:inherit;font-size:13px;font-weight:500;text-decoration:none;cursor:pointer}
.ll-btn:hover{border-color:#111827}
.ll-btn i{color:#0369a1}
.ll-msg{font-size:12.5px}
.ll-msg.is-ok{color:#15803d}
.ll-msg.is-err{color:#b91c1c}
.ll-help{margin:0;font-size:12px;line-height:1.5;color:#6b7280;text-align:left}
.ll-help i{margin-right:6px;color:#f59e0b}
.ll-help code{padding:1px 6px;border-radius:6px;background:#fff;border:1px solid #e5e7eb;font-size:11.5px}
@media (max-width:600px){ .ll-fields{grid-template-columns:minmax(0,1fr)} }

/* Add business > Contact step: sub-sections */
body.ncr-user #buss-form-2 .lb-sec{display:flex;flex-direction:column;gap:14px;width:100%;box-sizing:border-box;margin:0 0 14px;padding:18px;border:1px solid var(--u-line);border-radius:14px;background:#fff}
body.ncr-user #buss-form-2 .lb-sec-head{display:flex;align-items:flex-start;gap:12px;padding:0 0 12px;border-bottom:1px solid #f0f1f3}
body.ncr-user #buss-form-2 .lb-sec-icon{flex:0 0 36px;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#fdecec;color:#dc2626;font-size:15px}
body.ncr-user #buss-form-2 .lb-sec:nth-of-type(3) .lb-sec-icon{background:#e8f6ed;color:#15803d}
body.ncr-user #buss-form-2 .lb-sec:nth-of-type(4) .lb-sec-icon{background:#eef2ff;color:#4f46e5}
body.ncr-user #buss-form-2 .lb-sec-head h3{margin:0;font-size:15px;font-weight:600;color:var(--u-ink);text-align:left}
body.ncr-user #buss-form-2 .lb-sec-head p{margin:2px 0 0;font-size:12.5px;color:var(--u-muted);text-align:left}
body.ncr-user #buss-form-2 .lb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body.ncr-user #buss-form-2 .lb-wide{grid-column:1/-1}
body.ncr-user #buss-form-2 .lb-sec .col-row{display:flex;flex-direction:column;gap:6px;width:auto !important;margin:0}
body.ncr-user #buss-form-2 .lb-sec label small{font-weight:400;color:var(--u-muted)}
body.ncr-user #buss-form-2 .lb-field{position:relative;display:flex;align-items:center;width:100%}
body.ncr-user #buss-form-2 .lb-field>i{position:absolute;left:13px;color:#9ca3af;font-size:13px;pointer-events:none}
body.ncr-user #buss-form-2 .lb-field>input{width:100% !important;padding-left:38px !important}
body.ncr-user #buss-form-2 .lb-phone{display:flex;gap:8px;width:100%}
body.ncr-user #buss-form-2 .lb-phone select{flex:0 0 96px;width:96px !important}
body.ncr-user #buss-form-2 .lb-phone input{flex:1 1 auto;width:auto !important;min-width:0}
/* metro suggestions */
body.ncr-user #buss-form-2 .tag-result-container,body.up-update-buss-index #buss_address .tag-result-container{position:relative;width:100%}
body.ncr-user #metro-tag-list{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:40;width:auto;max-height:260px;overflow:auto;margin:0;border-radius:12px;background:#fff;box-shadow:0 14px 30px -10px rgba(16,24,40,.3)}
body.ncr-user #metro-tag-list:empty{display:none}
body.ncr-user #metro-tag-list ul{margin:0;padding:6px;list-style:none}
body.ncr-user #metro-tag-list li{margin:0;padding:9px 12px;border:0;border-radius:8px;background:none;color:var(--u-ink);font-size:14px;cursor:pointer;list-style:none;width:auto}
body.ncr-user #metro-tag-list li:hover{background:#f3f4f6}
@media (max-width:640px){ body.ncr-user #buss-form-2 .lb-grid{grid-template-columns:minmax(0,1fr)} }
body.ncr-user #buss-form-2 .lb-sec .col-row,body.ncr-user #buss-form-2 .lb-sec .tag-result-container{height:auto !important;min-height:0 !important;flex:0 0 auto}
body.ncr-user #buss-form-2 .lb-sec .tag-result-container{display:block}

/* =====================================================================
   Flash message (common/aside.php): toast in the top-right corner.
   Plain messages hide after 5 s (timer bar); reports (.is-sticky) stay until closed.
   ===================================================================== */
:is(.ncr-admin,.ncr-user) .flashmessage{
	position:fixed;top:16px;right:16px;left:auto;z-index:9000;transform:none;
	display:block;width:min(420px,calc(100vw - 32px));max-width:none;height:auto;max-height:calc(100vh - 32px);overflow:auto;
	margin:0;padding:16px 44px 16px 18px;box-sizing:border-box;border:1px solid #e5e7eb;border-left:4px solid #16a34a;border-radius:14px;
	background:#fff;color:#111827;text-align:left;box-shadow:0 18px 40px -12px rgba(16,24,40,.35);
}
:is(.ncr-admin,.ncr-user) .flashmessage.is-sticky{width:min(480px,calc(100vw - 32px));padding:0;border-left-width:1px}
:is(.ncr-admin,.ncr-user) .flashmessage :is(h2,h3){margin:0;font-size:14.5px;font-weight:600;line-height:1.45;color:#111827;text-align:left}
:is(.ncr-admin,.ncr-user) .flashmessage .error{color:#b91c1c}
:is(.ncr-admin,.ncr-user,.ncr-public) .flashmessage .fm-close{
	position:absolute;top:10px;right:10px;z-index:2;width:28px;height:28px;padding:0;border:0;border-radius:50%;
	background:#f3f4f6;color:#6b7280;font-size:18px;line-height:28px;text-align:center;cursor:pointer
}
:is(.ncr-admin,.ncr-user,.ncr-public) .flashmessage .fm-close:hover{background:#e5e7eb;color:#111827}
:is(.ncr-admin,.ncr-user) .flashmessage .fm-timer{position:absolute;left:0;bottom:0;height:3px;width:100%;background:#16a34a;transform-origin:left;animation:fm-timer 5s linear forwards}
@keyframes fm-timer{from{transform:scaleX(1)}to{transform:scaleX(0)}}
:is(.ncr-admin,.ncr-user) .flashmessage-down{animation:fm-in .35s ease-out forwards}
:is(.ncr-admin,.ncr-user) .flashmessage-up{animation:fm-out .5s ease-in forwards}
@keyframes fm-in{from{transform:translateX(calc(100% + 24px));opacity:0}to{transform:none;opacity:1}}
@keyframes fm-out{from{transform:none;opacity:1}to{transform:translateX(calc(100% + 24px));opacity:0}}

/* Business delete report */
.dl-report .dl-head{display:flex;align-items:flex-start;gap:12px;padding:18px 48px 14px 18px;border-bottom:1px solid #f0f1f3}
.dl-report .dl-icon{flex:0 0 36px;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;background:#16a34a}
.dl-report.is-fail .dl-icon{background:#dc2626}
.dl-report .dl-head strong{display:block;font-size:15.5px;color:#111827}
.dl-report.is-ok .dl-head strong{color:#15803d}
.dl-report.is-fail .dl-head strong{color:#b91c1c}
.dl-report .dl-head p{margin:3px 0 0;font-size:12.5px;line-height:1.45;color:#6b7280}
.dl-report .dl-list{list-style:none;margin:0;padding:8px 18px;max-height:46vh;overflow:auto}
.dl-report .dl-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px dashed #eef0f2;font-size:13px;list-style:none}
.dl-report .dl-list li:last-child{border-bottom:0}
.dl-report .dl-list li span{display:flex;align-items:center;gap:8px;color:#374151}
.dl-report .dl-list li span::before{content:"\2713";display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#e8f6ed;color:#15803d;font-size:11px;font-weight:700}
.dl-report .dl-list li.is-fail span::before{content:"\00d7";background:#fee2e2;color:#b91c1c;font-size:14px}
.dl-report .dl-list li.is-warn span::before{content:"?";background:#fef3c7;color:#b45309}
.dl-report .dl-list li em{font-style:normal;font-size:12px;color:#6b7280;white-space:nowrap}
.dl-report .dl-list li.is-fail em{color:#b91c1c;font-weight:600}
.dl-report .dl-foot{display:flex;flex-direction:column;gap:4px;padding:12px 18px 16px;border-top:1px solid #f0f1f3;background:#f9fafb;border-radius:0 0 14px 14px;font-size:12.5px;color:#374151}
.dl-report .dl-foot .dl-kept{color:#9ca3af}

/* My shop > Products: category tabs + featured (max 4) */
.ncr-user .sp-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.ncr-user .sp-tabs button{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;border:1px solid var(--u-line);border-radius:999px;background:#fff;color:var(--u-text);font:inherit;font-size:13px;font-weight:500;cursor:pointer}
.ncr-user .sp-tabs button span{padding:0 7px;border-radius:999px;background:#f3f4f6;color:var(--u-ink);font-size:11.5px;font-weight:600}
.ncr-user .sp-tabs button i{color:#f59e0b;font-size:12px}
.ncr-user .sp-tabs button:hover{border-color:var(--u-ink)}
.ncr-user .sp-tabs button.is-on{background:var(--u-ink);border-color:var(--u-ink);color:#fff}
.ncr-user .sp-tabs button.is-on span{background:rgba(255,255,255,.2);color:#fff}
.ncr-user .sp-feat-note{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:10px 14px;border:1px solid #fde68a;border-radius:12px;background:#fffbeb;color:#92400e;font-size:13px}
.ncr-user .sp-feat-note[hidden],.ncr-user .sp-tab-empty[hidden],.ncr-user .sp-card[hidden]{display:none !important}
.ncr-user .sp-tab-empty{margin:0;padding:28px 12px;border:1px dashed var(--u-line);border-radius:12px;color:var(--u-muted);text-align:center;font-size:13.5px}
.ncr-user .sp-card{position:relative}
.ncr-user .sp-feat-badge{display:none;position:absolute;top:12px;right:12px;z-index:2;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;font-size:11.5px;font-weight:700;box-shadow:0 4px 10px -4px rgba(180,83,9,.6)}
.ncr-user .sp-card.is-feat .sp-feat-badge{display:inline-flex}
.ncr-user .sp-card.is-feat{border-color:#fcd34d;box-shadow:0 0 0 1px #fcd34d}
.ncr-user .sp-btn.sp-feat{flex:0 0 auto;width:40px;padding:0;justify-content:center;color:#d97706}
.ncr-user .sp-btn.sp-feat[aria-pressed=true]{background:#fffbeb;border-color:#fcd34d;color:#d97706}
.ncr-user .sp-btn.sp-feat:hover{border-color:#f59e0b}

/* My shop > Products: 4 per row (like the public shop); View / star / delete become compact icon buttons */
.ncr-user .sp-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:14px}
.ncr-user .sp-card .sp-body{padding:14px}
.ncr-user .sp-card .sp-title h3{font-size:15px}
.ncr-user .sp-card .sp-meta{gap:5px}
.ncr-user .sp-card .sp-meta span{font-size:11.5px}
.ncr-user .sp-card .sp-sizes li{font-size:12.5px;padding:7px 10px}
.ncr-user .sp-actions{gap:6px}
.ncr-user .sp-actions .sp-btn:not(.update-shop-prod){flex:0 0 36px;width:36px;padding:0;font-size:0}
.ncr-user .sp-actions .sp-btn:not(.update-shop-prod) i{margin:0;font-size:13px}
.ncr-user .sp-actions .update-shop-prod{flex:1 1 auto;min-width:0}
@media (max-width:1180px){ .ncr-user .sp-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important} }
@media (max-width:820px){ .ncr-user .sp-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important} }
@media (max-width:480px){ .ncr-user .sp-grid{grid-template-columns:minmax(0,1fr) !important} }

/* My shop > Orders: all businesses, filter; shop ribbon "Your shop" opens the public shop */
.ncr-user .so-page{display:flex;flex-direction:column;gap:14px;width:100%;max-width:1100px;margin:0 auto}
.ncr-user .so-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ncr-user .so-page-head h1{margin:0;font-size:26px;color:var(--u-ink);text-align:left}
.ncr-user .so-page-head p{margin:4px 0 0;font-size:13.5px;color:var(--u-muted)}
.ncr-user .so-filter{position:relative;display:flex !important;align-items:center;margin:0;width:auto !important}
.ncr-user .so-filter i{position:absolute;left:12px;color:var(--u-muted);font-size:13px;pointer-events:none}
.ncr-user .so-filter select{min-width:240px;height:42px;padding:0 12px 0 34px !important;border:1px solid var(--u-line);border-radius:10px;background:#fff;font:inherit;font-size:14px;color:var(--u-ink)}
.ncr-user .so-card[hidden],.ncr-user .so-none[hidden]{display:none !important}
.ncr-user .so-buss{display:inline-flex;align-items:center;gap:5px;font-weight:600;color:#15803d}
.ncr-user .so-buss i{font-size:11px}
.ncr-user a.up-shopbar-title{text-decoration:none}
.ncr-user a.up-shopbar-title:hover{filter:brightness(.95)}
.ncr-user .up-shopbar-ext{font-size:10px;opacity:.7;margin-left:2px}
.ncr-user .uu-head+.up-shopbar,.ncr-user #section-header+.up-shopbar{margin:0 0 14px}
.ncr-user .ul-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ncr-user .ul-lead[hidden],.ncr-user .ul-none[hidden]{display:none !important}

/* My shop > Shops */
.ncr-user .sx-page{display:flex;flex-direction:column;gap:16px;width:100%;max-width:1100px;margin:0 auto}
.ncr-user .sx-head h1{margin:0;font-size:26px;color:var(--u-ink);text-align:left}
.ncr-user .sx-head p{margin:4px 0 0;font-size:13.5px;color:var(--u-muted)}
.ncr-user .sx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:16px}
.ncr-user .sx-card{display:flex;flex-direction:column;gap:14px;padding:18px;border:1px solid var(--u-line);border-radius:16px;background:#fff}
.ncr-user .sx-top{display:flex;align-items:center;gap:12px}
.ncr-user .sx-top img{flex:0 0 52px;width:52px;height:52px;border-radius:12px;border:1px solid var(--u-line);object-fit:contain;background:#fff}
.ncr-user .sx-top>div{flex:1 1 auto;min-width:0}
.ncr-user .sx-top h2{margin:0;font-size:16px;font-weight:600;color:var(--u-ink);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ncr-user .sx-top p{margin:3px 0 0;font-size:12.5px;color:var(--u-muted)}
.ncr-user .sx-top p i{margin-right:5px;color:#dc2626}
.ncr-user .sx-open{flex:0 0 36px;width:36px;height:36px;border:1px solid var(--u-line);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--u-ink);text-decoration:none}
.ncr-user .sx-open:hover{border-color:var(--u-ink)}
.ncr-user .sx-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.ncr-user .sx-stats li{display:flex;flex-direction:column;padding:10px 12px;border-radius:12px;background:#f9fafb;list-style:none}
.ncr-user .sx-stats strong{font-size:18px;color:var(--u-ink)}
.ncr-user .sx-stats span{font-size:11.5px;color:var(--u-muted)}
.ncr-user .sx-actions{display:flex;gap:8px;flex-wrap:wrap}
.ncr-user .sx-btn{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 12px;border:1px solid var(--u-line);border-radius:10px;background:#fff;color:var(--u-ink);font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}
.ncr-user .sx-btn:hover{border-color:var(--u-ink)}
.ncr-user .sx-btn.is-main{background:var(--u-ink);border-color:var(--u-ink);color:#fff}
/* shop picker on Products, "for <shop>" on Create New */
.ncr-user #section-header:has(.ps-picker){display:flex !important;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ncr-user .sp-meta .sp-shop{background:#e8f6ed !important;color:#15803d !important}
.ncr-user .cn-for{display:block;margin-top:4px;font-size:14px;font-weight:400;color:var(--u-muted)}
.ncr-user .cn-for b{color:var(--u-ink)}
.ncr-user .cn-for a{color:#4f46e5}

/* Verified business: green tick in a circle right after the business name (common/data/ncr_verify.php) */
.ncr-verified{display:inline-flex;align-items:center;justify-content:center;width:.9em;height:.9em;min-width:16px;min-height:16px;border-radius:50%;background:#16a34a;color:#fff;line-height:1;flex:0 0 auto}
.ncr-verified i{font-size:.58em;color:#fff !important;margin:0 !important}
:is(.ub-title h2,.uu-info h1):has(.ncr-verified){display:flex;align-items:center;gap:.35em}

/* Login / signup: spinner while a request runs (theme/custom/js/user/login.js) */
.lg-spin{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:lg-spin .7s linear infinite;flex:0 0 auto}
#user-cookie-login .lg-spin{border-color:rgba(17,24,39,.2);border-top-color:#111827}
@keyframes lg-spin{to{transform:rotate(360deg)}}
.up-login-user-login #user_login_form .btn.is-busy,.up-login-user-login #user_login_form button:disabled{opacity:.85;cursor:wait}
.up-login-user-login #user-cookie-login.is-busy{cursor:wait;opacity:.8}
.up-login-user-login #login-password-error{font-size:13px;font-weight:500}
@media (prefers-reduced-motion:reduce){.lg-spin{animation-duration:2s}}