/* vendor/leaflet/leaflet.css */
/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}

.leaflet-container img.leaflet-tile {
	/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
	mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
svg.leaflet-zoom-animated {
	will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(/vendor/leaflet/images/layers.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(/vendor/leaflet/images/layers-2x.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url(/vendor/leaflet/images/marker-icon.png);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/* Printing */

@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}


/* styles.css */
:root {
  color-scheme: light;
  --brand: #9f171b;
  --brand-strong: #7f1014;
  --brand-soft: #fbe9e9;
  --accent: #08775b;
  --accent-strong: #056249;
  --accent-soft: #e5f6f0;
  --warning: #a85d00;
  --warning-soft: #fff3d6;
  --danger: #b42318;
  --danger-soft: #feeceb;
  --ink: #17212b;
  --muted: #5f6b76;
  --subtle: #8a949e;
  --canvas: #f5f7f8;
  --surface: #ffffff;
  --surface-raised: #ffffff;
  --border: #dce2e7;
  --border-strong: #bfc8d0;
  --focus: #0b74de;
  --shadow-sm: 0 1px 2px rgba(21, 29, 36, .06);
  --shadow-md: 0 8px 24px rgba(21, 29, 36, .08);
  --shadow-lg: 0 24px 64px rgba(21, 29, 36, .18);
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --tap: 48px;
  --nav-height: 76px;
  --max: 880px;
  --app-viewport-height: 100dvh;
  --app-safe-top: max(env(safe-area-inset-top), var(--tg-safe-area-inset-top, 0px), var(--tg-content-safe-area-inset-top, 0px));
  --app-safe-right: max(env(safe-area-inset-right), var(--tg-safe-area-inset-right, 0px), var(--tg-content-safe-area-inset-right, 0px));
  --app-safe-bottom: max(env(safe-area-inset-bottom), var(--tg-safe-area-inset-bottom, 0px), var(--tg-content-safe-area-inset-bottom, 0px));
  --app-safe-left: max(env(safe-area-inset-left), var(--tg-safe-area-inset-left, 0px), var(--tg-content-safe-area-inset-left, 0px));
  font-family: Inter, "Segoe UI", Arial, sans-serif;
}

/* Intelligence v24 — daily field command, evidence drill-down, and period control */
.report-tabs { grid-template-columns:repeat(4,minmax(0,1fr)); }
.period-control { grid-column:1/-1; display:grid; gap:11px; padding:14px; border:1px solid color-mix(in srgb,var(--authority),transparent 84%); border-radius:18px; background:linear-gradient(145deg,color-mix(in srgb,var(--authority-soft),var(--surface) 50%),var(--surface)); }
.period-control-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.period-control-head > div { display:flex; align-items:center; gap:8px; color:var(--authority); }
.period-control-head svg { width:18px; height:18px; stroke-width:1.9; }
.period-control-head strong { font-size:12px; letter-spacing:.01em; }
.period-control-head > span { padding:5px 9px; border:1px solid color-mix(in srgb,var(--authority),transparent 86%); border-radius:999px; color:var(--muted); background:var(--surface); font-size:10px; font-weight:760; }
.period-control .report-date-grid { display:grid; grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr); align-items:end; gap:8px; }
.period-control .report-date-grid label { gap:6px; padding:10px 12px; border:1px solid var(--border); border-radius:14px; background:var(--surface-raised); box-shadow:0 3px 12px rgba(15,47,74,.04); }
.period-control .report-date-grid label > span { color:var(--muted); font-size:9px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.period-control .report-date-grid input { min-height:44px; padding:0; border:0; border-radius:0; background:transparent; color:var(--ink); font-size:13px; font-weight:760; box-shadow:none; }
.period-arrow { display:grid; place-items:center; width:28px; height:28px; margin-bottom:12px; border-radius:50%; color:var(--authority); background:var(--authority-soft); font-weight:900; }
.period-control .date-presets { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; margin:0; }
.period-control .date-presets button { min-height:44px; padding:7px 8px; border-radius:11px; background:var(--surface-raised); font-size:10px; }
.period-control .date-presets button.active { color:#fff; border-color:var(--authority); background:var(--authority); box-shadow:0 7px 16px rgba(16,47,74,.18); }

.today-command-hero { position:relative; overflow:hidden; padding:22px; border:1px solid rgba(255,255,255,.08); border-radius:26px; color:#fff; background:radial-gradient(circle at 92% 0,rgba(42,187,137,.28),transparent 38%),linear-gradient(145deg,#102f4a 0%,#0a3f4c 55%,#08745b 135%); box-shadow:0 18px 44px rgba(15,47,74,.22); }
.today-command-hero::after { position:absolute; right:-50px; bottom:-90px; width:220px; height:220px; border:1px solid rgba(255,255,255,.09); border-radius:50%; content:""; }
.today-command-top,.today-command-top > div { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.today-command-top > div { justify-content:flex-start; color:rgba(255,255,255,.72); font-size:10px; font-weight:740; }
.today-command-hero .live-indicator { color:#fff; background:rgba(255,255,255,.1); }
.today-command-hero .command-refresh { position:relative; z-index:1; color:#fff; border-color:rgba(255,255,255,.18); background:rgba(255,255,255,.08); }
.today-command-title { position:relative; z-index:1; margin:26px 0 18px; }
.today-command-title .eyebrow { color:#75e0bb; }
.today-command-title h2 { margin:5px 0 6px; color:#fff; font-size:clamp(23px,5vw,34px); letter-spacing:-.035em; }
.today-command-title p { max-width:620px; margin:0; color:rgba(255,255,255,.74); font-size:12px; line-height:1.55; }
.today-command-metrics { position:relative; z-index:1; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }
.today-command-metrics .report-metric { min-height:112px; color:#fff; border-color:rgba(255,255,255,.1); background:rgba(255,255,255,.08); box-shadow:none; backdrop-filter:blur(8px); }
.today-command-metrics .report-metric strong,.today-command-metrics .report-metric span { color:#fff; }
.today-command-metrics .report-metric small { color:rgba(255,255,255,.62); }
.today-command-metrics .report-metric-icon { color:#8ce8c9; background:rgba(255,255,255,.1); }
.today-status-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:12px 0; }
.today-status-strip > div { display:flex; align-items:center; gap:9px; min-height:64px; padding:12px 14px; border:1px solid var(--border); border-radius:16px; background:var(--surface); box-shadow:var(--shadow-sm); }
.today-status-strip strong { font-size:22px; letter-spacing:-.04em; }
.today-status-strip span { color:var(--muted); font-size:10px; font-weight:740; }
.today-status-strip .active strong { color:var(--success); }
.today-status-strip .in-store strong { color:#1673a2; }
.today-status-strip .closed strong { color:var(--authority); }
.today-status-strip .not-started strong { color:var(--muted); }
.today-attention { display:flex; align-items:center; gap:12px; margin:12px 0; padding:14px; color:#7d4b00; border:1px solid color-mix(in srgb,var(--warning),transparent 68%); border-radius:16px; background:color-mix(in srgb,var(--warning-soft),var(--surface) 35%); }
.today-attention > svg { flex:0 0 auto; width:22px; height:22px; }
.today-attention div { display:grid; gap:2px; }
.today-attention strong { font-size:12px; }
.today-attention span { color:var(--muted); font-size:10px; }
.today-people-section { margin-top:22px; }
.today-people-list { display:grid; gap:14px; }
.today-person-card { overflow:hidden; border:1px solid var(--border); border-radius:22px; background:var(--surface); box-shadow:var(--shadow-sm); }
.today-person-card > header { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:12px; padding:16px 18px; border-bottom:1px solid var(--border); background:linear-gradient(100deg,var(--surface),color-mix(in srgb,var(--authority-soft),var(--surface) 64%)); }
.today-avatar { width:48px; height:48px; border-radius:15px; }
.hr-person-avatar { position:relative; overflow:hidden; isolation:isolate; }
.hr-person-avatar > span { position:relative; z-index:1; }
.hr-person-avatar img { position:absolute; inset:0; z-index:2; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity 160ms ease; }
.hr-person-avatar.has-photo img { opacity:1; }
.today-person-identity { display:grid; min-width:0; gap:2px; }
.today-person-identity strong { overflow:hidden; color:var(--ink); font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
.today-person-identity span,.today-person-identity small { overflow:hidden; color:var(--muted); font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.today-person-identity small { color:var(--success); font-weight:760; }
.today-person-numbers { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; padding:12px 18px; background:var(--canvas); }
.today-person-numbers span { display:grid; gap:2px; padding:5px 11px; color:var(--muted); border-left:1px solid var(--border); font-size:9px; }
.today-person-numbers span:first-child { border-left:0; }
.today-person-numbers strong { color:var(--ink); font-size:12px; }
.today-route-timeline { position:relative; padding:6px 12px 12px; }
.today-visit-row { display:grid; grid-template-columns:32px 72px minmax(0,1fr) auto 24px; align-items:center; gap:10px; width:100%; min-height:76px; padding:10px 8px; color:var(--ink); border:0; border-bottom:1px solid var(--border); background:transparent; text-align:left; cursor:pointer; touch-action:manipulation; transition:background-color .18s ease,box-shadow .18s ease; }
.today-visit-row:last-child { border-bottom:0; }
.today-visit-row:hover,.today-visit-row:focus-visible { border-radius:13px; background:var(--authority-soft); box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--authority) 24%,transparent); outline:none; }
.today-visit-row:active { background:color-mix(in srgb,var(--authority-soft) 78%,var(--surface)); }
.today-visit-sequence { display:grid; place-items:center; width:30px; height:30px; color:var(--authority); border:1px solid color-mix(in srgb,var(--authority),transparent 76%); border-radius:10px; background:var(--surface); font-size:9px; font-weight:900; }
.today-visit-time { color:var(--authority); font-size:11px; font-weight:800; }
.today-visit-copy,.today-visit-facts { display:grid; min-width:0; gap:3px; }
.today-customer-link { overflow:hidden; color:var(--authority); text-decoration:underline; text-decoration-color:color-mix(in srgb,var(--authority) 35%,transparent); text-decoration-thickness:1px; text-underline-offset:3px; text-overflow:ellipsis; white-space:nowrap; }
.today-visit-action { width:max-content; max-width:100%; padding:3px 8px; color:var(--authority); border:1px solid color-mix(in srgb,var(--authority) 24%,transparent); border-radius:999px; background:var(--authority-soft); font-size:9px; font-weight:800; letter-spacing:.02em; line-height:1.2; }
.today-visit-copy strong { overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.today-visit-copy small,.today-visit-facts small { overflow:hidden; color:var(--muted); font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.today-visit-facts { min-width:72px; text-align:right; }
.today-visit-facts strong { color:var(--success); font-size:10px; }
.today-visit-open svg { width:17px; height:17px; color:var(--muted); }
.today-no-visits { display:flex; align-items:center; gap:10px; margin:8px; padding:13px; color:var(--muted); border:1px dashed var(--border); border-radius:14px; background:var(--canvas); }
.today-no-visits > span svg { width:20px; height:20px; }
.today-no-visits div { display:grid; gap:2px; }
.today-no-visits strong { color:var(--ink); font-size:11px; }
.today-no-visits small { font-size:9px; }

.today-visit-detail { display:grid; gap:14px; }
.today-evidence-hero { margin:0 -2px; padding:15px; border:1px solid color-mix(in srgb,var(--brand),transparent 78%); border-radius:20px; background:linear-gradient(145deg,color-mix(in srgb,var(--brand-soft),var(--surface) 55%),var(--surface)); }
.visit-detail-heading h3 { margin:4px 0; font-size:16px; }
.visit-detail-heading p { margin:0 0 12px; color:var(--muted); font-size:10px; }
.today-evidence-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.today-evidence-photo { position:relative; overflow:hidden; min-height:150px; padding:0; color:#fff; border:0; border-radius:14px; background:#18364b; cursor:zoom-in; }
.today-evidence-photo img { width:100%; height:150px; object-fit:cover; }
.today-evidence-photo > span { display:grid; place-items:center; min-height:150px; color:rgba(255,255,255,.7); font-size:10px; }
.today-evidence-photo em { position:absolute; right:7px; bottom:7px; padding:5px 7px; color:#fff; border-radius:8px; background:rgba(3,19,30,.78); font-size:8px; font-style:normal; font-weight:820; text-transform:uppercase; backdrop-filter:blur(6px); }
.visit-detail-owner { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:10px; padding:12px; border:1px solid var(--border); border-radius:16px; background:var(--surface); }
.visit-detail-owner > div { display:grid; gap:2px; }
.visit-detail-owner > div strong { font-size:12px; }
.visit-detail-owner > div span { color:var(--muted); font-size:9px; }

@media (max-width:720px) {
  .report-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .report-tab { min-height:58px; }
  .today-command-hero { padding:18px 15px; border-radius:22px; }
  .today-command-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .today-command-metrics .report-metric { min-height:98px; }
  .today-status-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .today-person-card > header { grid-template-columns:auto minmax(0,1fr); padding:14px; }
  .today-person-card > header .status-pill { grid-column:2; justify-self:start; }
  .today-person-numbers { grid-template-columns:repeat(2,minmax(0,1fr)); padding:9px 12px; }
  .today-person-numbers span:nth-child(3) { border-left:0; }
  .today-visit-row { grid-template-columns:30px 58px minmax(0,1fr) 18px; gap:7px; min-height:88px; padding:9px 3px; }
  .today-visit-facts { grid-column:3; justify-self:start; min-width:0; text-align:left; }
  .today-visit-open { grid-column:4; grid-row:1/3; }
  .today-evidence-grid { grid-template-columns:1fr; }
  .today-evidence-photo,.today-evidence-photo img,.today-evidence-photo > span { min-height:190px; height:190px; }
}

@media (max-width:430px) {
  .period-control { padding:12px; }
  .period-control-head { align-items:flex-start; flex-direction:column; }
  .period-control .report-date-grid { grid-template-columns:1fr; }
  .period-arrow { display:none; }
  .period-control .date-presets { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .today-command-top > div { align-items:flex-start; flex-direction:column; gap:5px; }
  .today-command-top .command-refresh span { display:none; }
  .today-visit-copy strong { white-space:normal; }
}

/* v32 — Manager-first intelligence navigation and operational drill-down */
.intelligence-screen { --view-accent:var(--authority); --view-soft:var(--authority-soft); }
.intelligence-screen[data-report-view="today"] { --view-accent:#047857; --view-soft:#e8f7f1; }
.intelligence-screen[data-report-view="customer"] { --view-accent:#4f46e5; --view-soft:#eef0ff; }
.intelligence-screen[data-report-view="team"] { --view-accent:#b45309; --view-soft:#fff5df; }
.intelligence-screen[data-report-view="management"] { --view-accent:#0f3557; --view-soft:#e9f1f8; }
.intelligence-header { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:16px; margin:2px 0 18px; padding:18px 20px; border:1px solid color-mix(in srgb,var(--authority),transparent 80%); border-radius:20px; background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--authority-soft),var(--surface) 45%)); box-shadow:var(--shadow-md); }
.intelligence-title-mark { width:54px; height:54px; display:grid; place-items:center; color:#fff; border-radius:16px; background:var(--authority); box-shadow:0 10px 24px rgba(15,53,87,.22); }
.intelligence-title-mark svg { width:27px; height:27px; stroke-width:2; }
.intelligence-header h1 { margin:3px 0 4px; color:var(--ink); font-size:clamp(24px,5vw,32px); letter-spacing:-.035em; }
.intelligence-header p { max-width:62ch; margin:0; color:var(--muted); font-size:13px; line-height:1.55; }
.intelligence-live { display:flex; flex-direction:column; align-items:flex-end; gap:4px; }
.intelligence-live small { color:var(--muted); font-size:11px; font-weight:700; }
.report-launchpad { position:relative; top:auto; z-index:1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:14px; padding:0; border:0; background:transparent; box-shadow:none; }
.report-launchpad .report-tab { --tab-color:var(--authority); --tab-soft:var(--authority-soft); min-height:92px; display:grid; grid-template-columns:48px minmax(0,1fr) 24px; align-items:center; justify-items:stretch; gap:12px; padding:14px; color:var(--ink); border:1px solid var(--border); border-radius:17px; background:var(--surface); box-shadow:var(--shadow-sm); text-align:left; }
.report-launchpad .report-tab:hover,.report-launchpad .report-tab:focus-visible { border-color:color-mix(in srgb,var(--tab-color),transparent 54%); background:color-mix(in srgb,var(--tab-soft),var(--surface) 66%); box-shadow:var(--shadow-md); }
.report-launchpad .report-tab.active { color:var(--ink); border-color:var(--tab-color); background:color-mix(in srgb,var(--tab-soft),var(--surface) 62%); box-shadow:0 0 0 2px color-mix(in srgb,var(--tab-color),transparent 78%),var(--shadow-md); }
.report-launchpad .report-today { --tab-color:#047857; --tab-soft:#e7f7f0; }
.report-launchpad .report-customer { --tab-color:#4f46e5; --tab-soft:#eef0ff; }
.report-launchpad .report-team { --tab-color:#b45309; --tab-soft:#fff4db; }
.report-launchpad .report-management { --tab-color:#0f3557; --tab-soft:#e8f1f8; }
.report-launchpad .report-tab-icon { width:48px; height:48px; color:var(--tab-color); border-radius:14px; background:var(--tab-soft); }
.report-launchpad .report-tab.active .report-tab-icon { color:#fff; background:var(--tab-color); }
.report-launchpad .report-tab-icon svg { width:23px; height:23px; stroke-width:2; }
.report-launchpad .report-tab-copy strong { color:inherit; font-size:14px; line-height:1.25; }
.report-launchpad .report-tab-copy small { margin-top:4px; color:var(--muted); font-size:11px; line-height:1.35; letter-spacing:0; }
.report-tab-arrow { width:24px; height:24px; display:grid; place-items:center; color:var(--subtle); border-radius:8px; }
.report-tab-arrow svg { width:17px; height:17px; }
.report-launchpad .report-tab.active .report-tab-arrow { color:var(--tab-color); background:var(--tab-soft); }
.report-view-context { min-height:58px; display:flex; align-items:center; gap:12px; margin:0 0 14px; padding:10px 14px; border-left:4px solid var(--view-accent); border-radius:12px; background:var(--view-soft); }
.report-view-context > span { width:36px; height:36px; display:grid; place-items:center; color:#fff; border-radius:10px; background:var(--view-accent); }
.report-view-context svg { width:18px; height:18px; }
.report-view-context strong,.report-view-context small { display:block; }
.report-view-context strong { color:var(--ink); font-size:14px; }
.report-view-context small { margin-top:2px; color:var(--muted); font-size:11px; }
.report-panel.active { animation:report-panel-enter 190ms ease-out; }
@keyframes report-panel-enter { from { opacity:.45; transform:translateY(5px); } to { opacity:1; transform:none; } }

.operational-position-section { margin:14px 0; padding:18px; border:1px solid var(--border); border-radius:18px; background:var(--surface); box-shadow:var(--shadow-sm); }
.operational-position-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:12px; }
.operation-position-card { min-height:102px; display:grid; grid-template-columns:46px minmax(0,1fr) 26px; align-items:center; gap:12px; padding:14px; color:var(--ink); border:1px solid var(--border); border-left:5px solid var(--subtle); border-radius:15px; background:var(--canvas); text-align:left; box-shadow:none; transition:border-color 180ms ease,background 180ms ease,box-shadow 180ms ease; }
.operation-position-card:hover,.operation-position-card:focus-visible { border-color:color-mix(in srgb,currentColor,transparent 60%); background:var(--surface); box-shadow:var(--shadow-md); }
.operation-position-card.success { border-left-color:var(--accent); }
.operation-position-card.info { border-left-color:var(--info); }
.operation-position-card.authority { border-left-color:var(--authority); }
.operation-position-card.warning { border-left-color:#b87507; }
.operation-position-icon { width:46px; height:46px; display:grid; place-items:center; color:var(--authority); border-radius:13px; background:var(--authority-soft); }
.operation-position-card.success .operation-position-icon { color:var(--accent-strong); background:var(--accent-soft); }
.operation-position-card.info .operation-position-icon { color:var(--info); background:color-mix(in srgb,var(--info),transparent 88%); }
.operation-position-card.warning .operation-position-icon { color:#8a5300; background:#fff2d7; }
.operation-position-icon svg { width:22px; height:22px; }
.operation-position-copy strong,.operation-position-copy b,.operation-position-copy small { display:block; }
.operation-position-copy strong { color:var(--ink); font-size:25px; font-weight:900; font-variant-numeric:tabular-nums; line-height:1; }
.operation-position-copy b { margin-top:5px; font-size:13px; }
.operation-position-copy small { margin-top:2px; color:var(--muted); font-size:10px; }
.operation-position-arrow { width:26px; height:26px; display:grid; place-items:center; color:var(--subtle); border-radius:9px; background:var(--surface); }
.operation-position-arrow svg { width:16px; height:16px; }
.operation-drilldown { display:grid; gap:14px; }
.operation-drilldown-intro { display:flex; gap:12px; padding:14px; border-radius:15px; background:var(--authority-soft); }
.operation-drilldown-intro > span { width:42px; height:42px; flex:0 0 auto; display:grid; place-items:center; color:#fff; border-radius:12px; background:var(--authority); }
.operation-drilldown-intro svg { width:21px; height:21px; }
.operation-drilldown-intro strong { font-size:16px; }
.operation-drilldown-intro p { margin:3px 0 0; color:var(--muted); font-size:12px; line-height:1.45; }
.operation-person-list { display:grid; gap:8px; }
.operation-person-row { min-height:76px; display:grid; grid-template-columns:48px minmax(0,1fr) auto 22px; align-items:center; gap:11px; padding:11px; color:var(--ink); border:1px solid var(--border); border-radius:14px; background:var(--surface); text-align:left; }
.operation-person-row:hover,.operation-person-row:focus-visible { border-color:var(--authority); background:var(--authority-soft); }
.operation-person-row > span strong,.operation-person-row > span small { display:block; }
.operation-person-row > span strong { font-size:13px; }
.operation-person-row > span small { margin-top:3px; color:var(--muted); font-size:10px; }
.operation-person-row em { color:var(--authority); font-size:10px; font-style:normal; font-weight:800; }
.operation-person-row > svg { width:17px; height:17px; color:var(--authority); }
.operation-avatar { width:48px; height:48px; border-radius:14px; }

.workflow-command-hero { display:grid; grid-template-columns:60px minmax(0,1fr) auto; align-items:center; gap:16px; padding:22px; color:#fff; border-radius:20px; background:linear-gradient(135deg,#123a5c,#071b2d); box-shadow:0 16px 36px rgba(7,27,45,.2); }
.workflow-command-icon { width:60px; height:60px; display:grid; place-items:center; color:#fff; border-radius:17px; background:rgba(255,255,255,.12); }
.workflow-command-icon svg { width:29px; height:29px; }
.workflow-command-hero .eyebrow { color:#96c5e8; }
.workflow-command-hero h2 { margin:4px 0 5px; color:#fff; font-size:24px; }
.workflow-command-hero p { margin:0; max-width:60ch; color:rgba(255,255,255,.72); font-size:13px; line-height:1.55; }
.workflow-role-directory { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; margin-top:14px; }
.workflow-role-button { min-height:106px; display:grid; grid-template-columns:50px minmax(0,1fr) auto 22px; align-items:center; gap:12px; padding:15px; color:var(--ink); border:1px solid var(--border); border-radius:16px; background:var(--surface); text-align:left; box-shadow:var(--shadow-sm); }
.workflow-role-button:hover,.workflow-role-button:focus-visible { border-color:var(--authority); box-shadow:var(--shadow-md); }
.workflow-role-icon { width:50px; height:50px; display:grid; place-items:center; color:var(--authority); border-radius:14px; background:var(--authority-soft); }
.workflow-role-icon svg { width:24px; height:24px; }
.workflow-role-button div > span,.workflow-role-button strong,.workflow-role-button small { display:block; }
.workflow-role-button div > span { color:var(--brand); font-size:9px; font-weight:900; letter-spacing:.09em; }
.workflow-role-button strong { margin-top:3px; font-size:14px; }
.workflow-role-button small { margin-top:3px; color:var(--muted); font-size:10px; }
.workflow-role-button em { color:var(--authority); font-size:10px; font-style:normal; font-weight:800; white-space:nowrap; }
.workflow-role-button > svg { width:17px; height:17px; color:var(--authority); }

[data-theme="dark"] .intelligence-screen[data-report-view="today"] { --view-soft:#103328; }
[data-theme="dark"] .intelligence-screen[data-report-view="customer"] { --view-soft:#202447; }
[data-theme="dark"] .intelligence-screen[data-report-view="team"] { --view-soft:#3a2a16; }
[data-theme="dark"] .intelligence-screen[data-report-view="management"] { --view-soft:#132c41; }
[data-theme="dark"] .intelligence-header { background:linear-gradient(145deg,var(--surface),#102b42); }
[data-theme="dark"] .report-launchpad .report-today { --tab-soft:#12382d; }
[data-theme="dark"] .report-launchpad .report-customer { --tab-soft:#24294c; }
[data-theme="dark"] .report-launchpad .report-team { --tab-soft:#3d2c17; }
[data-theme="dark"] .report-launchpad .report-management { --tab-soft:#16324a; }

@media (max-width:620px) {
  .intelligence-header { grid-template-columns:48px minmax(0,1fr); gap:12px; padding:15px; }
  .intelligence-title-mark { width:48px; height:48px; border-radius:14px; }
  .intelligence-header h1 { font-size:24px; }
  .intelligence-header p { font-size:12px; }
  .intelligence-live { grid-column:1/-1; align-items:center; flex-direction:row; justify-content:flex-end; }
  .report-launchpad { grid-template-columns:1fr; gap:8px; }
  .report-launchpad .report-tab { min-height:82px; grid-template-columns:46px minmax(0,1fr) 24px; justify-items:stretch; padding:12px; text-align:left; }
  .report-launchpad .report-tab-icon { width:46px; height:46px; }
  .report-launchpad .report-tab-copy strong { font-size:14px; }
  .report-launchpad .report-tab-copy small { display:block; font-size:10.5px; }
  .report-view-context { align-items:flex-start; }
  .operational-position-section { padding:14px; }
  .operational-position-grid { grid-template-columns:1fr; }
  .operation-position-card { min-height:90px; }
  .workflow-command-hero { grid-template-columns:52px minmax(0,1fr); padding:18px; }
  .workflow-command-icon { width:52px; height:52px; }
  .workflow-command-hero .no-write-badge { grid-column:1/-1; justify-self:start; }
  .workflow-role-directory { grid-template-columns:1fr; }
  .workflow-role-button { min-height:96px; }
  .operation-person-row { grid-template-columns:46px minmax(0,1fr) 22px; }
  .operation-person-row em { display:none; }
}
@media (max-width:380px) {
  .intelligence-header { grid-template-columns:1fr; }
  .intelligence-title-mark { display:none; }
  .report-launchpad .report-tab { grid-template-columns:44px minmax(0,1fr) 22px; }
  .report-view-context small { font-size:10px; }
}
@media (prefers-reduced-motion:reduce) {
  .report-panel.active { animation:none; }
  .operation-position-card,.workflow-role-button,.report-launchpad .report-tab { transition:none; }
}

[data-theme="dark"] {
  color-scheme: dark;
  --brand: #ef7d80;
  --brand-strong: #ff9b9e;
  --brand-soft: #3c1c20;
  --accent: #5ed4b4;
  --accent-strong: #7fe0c5;
  --accent-soft: #173a32;
  --warning: #ffc466;
  --warning-soft: #3d301b;
  --danger: #ff8b82;
  --danger-soft: #3d211f;
  --ink: #f3f6f8;
  --muted: #b7c0c8;
  --subtle: #8d99a4;
  --canvas: #0d141a;
  --surface: #151e25;
  --surface-raised: #1b252d;
  --border: #2c3943;
  --border-strong: #485661;
  --focus: #72b7ff;
  --shadow-md: 0 8px 24px rgba(0, 0, 0, .24);
}

* { box-sizing: border-box; }
html { min-width: 320px; background: var(--canvas); scroll-behavior: smooth; }
body { margin: 0; min-height: var(--app-viewport-height); background: var(--canvas); color: var(--ink); font-size: 16px; line-height: 1.5; }
button, input, select, textarea { font: inherit; }
button { touch-action: manipulation; }
button, [role="button"] { cursor: pointer; }
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid color-mix(in srgb, var(--focus), transparent 25%); outline-offset: 2px; }
.skip-link { position: fixed; top: -100px; left: 8px; z-index: 2000; visibility:hidden; opacity:0; background: var(--ink); color: var(--surface); padding: 10px 14px; border-radius: 8px; }
.skip-link:focus { top: 8px; visibility:visible; opacity:1; }

.app-shell { min-height: var(--app-viewport-height); padding-bottom: calc(var(--nav-height) + var(--app-safe-bottom) + 20px); }
.topbar { position: sticky; top: 0; z-index: 40; min-height: 72px; padding: calc(10px + env(safe-area-inset-top)) max(16px, env(safe-area-inset-left)) 10px max(16px, env(safe-area-inset-right)); display: flex; align-items: center; gap: 12px; background: color-mix(in srgb, var(--surface), transparent 4%); border-bottom: 1px solid var(--border); backdrop-filter: blur(16px); }
.brand-mark { width: 44px; height: 44px; flex: 0 0 44px; border-radius: 14px; display: grid; place-items: center; color: #fff; font-size: 13px; font-weight: 800; letter-spacing: .08em; background: linear-gradient(145deg, #b22125, #7d0e12); box-shadow: inset 0 0 0 1px rgba(255,255,255,.25), var(--shadow-sm); }
.topbar-copy { min-width: 0; flex: 1; }
.topbar-copy strong { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 15px; }
.topbar-copy span { display: flex; align-items: center; gap: 6px; color: var(--muted); font-size: 12px; }
.status-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }
.icon-button { width: var(--tap); height: var(--tap); border: 0; border-radius: 14px; display: grid; place-items: center; color: var(--ink); background: var(--canvas); transition: background 180ms ease, opacity 180ms ease; }
.icon-button:hover { background: var(--border); }
.icon-button svg { width: 22px; height: 22px; stroke-width: 2; }

main { width: min(100%, var(--max)); margin: 0 auto; }
.screen { display: none; padding: 20px 16px 28px; animation: screen-in 220ms ease-out; }
.screen.active { display: block; }
@keyframes screen-in { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }
.screen-heading { display: flex; align-items: center; gap: 12px; margin: 4px 0 20px; }
.screen-heading h1, .hero-card h1 { margin: 2px 0 0; font-size: clamp(24px, 6vw, 32px); line-height: 1.18; letter-spacing: -.025em; }
.eyebrow { color: var(--brand); font-size: 11px; font-weight: 800; letter-spacing: .12em; }
.hero-card { position: relative; overflow: hidden; display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 22px; border-radius: var(--radius-lg); background: linear-gradient(145deg, var(--surface), color-mix(in srgb, var(--brand-soft), var(--surface) 60%)); border: 1px solid color-mix(in srgb, var(--brand), transparent 78%); box-shadow: var(--shadow-md); }
.hero-card::after { content: ""; position: absolute; width: 160px; height: 160px; right: -85px; bottom: -95px; border-radius: 50%; background: color-mix(in srgb, var(--brand), transparent 88%); }
.hero-card p { margin: 8px 0 0; color: var(--muted); max-width: 45ch; }
.state-badge { position: relative; z-index: 1; flex: 0 0 auto; padding: 7px 10px; border-radius: 999px; font-size: 11px; font-weight: 800; letter-spacing: .04em; }
.state-badge.active { color: var(--accent-strong); background: var(--accent-soft); }
.state-badge.closed { color: var(--brand); background: var(--brand-soft); }
.state-badge.neutral { color: var(--muted); background: var(--canvas); }

.metric-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; margin: 14px 0; }
.metric-card { min-height: 104px; padding: 16px; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface); box-shadow: var(--shadow-sm); }
.metric-card .metric-value { display: block; font-size: 24px; font-weight: 800; font-variant-numeric: tabular-nums; line-height: 1.2; }
.metric-card .metric-label { display: block; margin-top: 6px; color: var(--muted); font-size: 13px; }
.metric-card .metric-accent { width: 32px; height: 4px; margin-top: 12px; border-radius: 4px; background: var(--accent); }
.primary-card { padding: 18px; margin: 14px 0 22px; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface); box-shadow: var(--shadow-md); }
.primary-card h2 { margin: 0; font-size: 18px; }
.primary-card p { margin: 6px 0 16px; color: var(--muted); }
.active-visit-status { display:flex; align-items:center; gap:12px; position:relative; z-index:1; }
.active-visit-status > span { display:grid; place-items:center; width:46px; height:46px; flex:0 0 46px; border-radius:14px; color:var(--brand); background:color-mix(in srgb,var(--brand),transparent 90%); }
.active-visit-status svg { width:23px; height:23px; stroke-width:1.8; }
.active-visit-status div { display:grid; gap:2px; min-width:0; }
.active-visit-status small { color:var(--brand); font-size:10px; font-weight:850; letter-spacing:.12em; }
.active-visit-status strong { overflow:hidden; color:var(--text); font-size:17px; font-weight:850; line-height:1.25; text-overflow:ellipsis; white-space:nowrap; }
.active-visit-status em { color:var(--muted); font-size:12px; font-style:normal; }
.close-day-blocker { display:flex; align-items:flex-start; gap:10px; position:relative; z-index:1; margin-top:15px; padding:12px; border:1px solid color-mix(in srgb,var(--warning),transparent 55%); border-radius:13px; background:color-mix(in srgb,var(--warning),transparent 91%); }
.close-day-blocker > span { display:grid; place-items:center; width:30px; height:30px; flex:0 0 30px; color:var(--warning); }
.close-day-blocker svg { width:20px; height:20px; stroke-width:1.8; }
.close-day-blocker p { display:grid; gap:3px; margin:0; }
.close-day-blocker strong { color:var(--text); font-size:12px; }
.close-day-blocker small { color:var(--muted); font-size:11px; line-height:1.45; }
.close-day-recovery-button { border-color:color-mix(in srgb,var(--warning),transparent 35%); color:color-mix(in srgb,var(--warning),var(--text) 30%); }
.primary-button, .secondary-button, .danger-button { min-height: var(--tap); width: 100%; border-radius: 13px; padding: 12px 18px; font-weight: 750; transition: background 180ms ease, box-shadow 180ms ease, opacity 180ms ease; }
.primary-button { color: #fff; background: var(--accent); border: 1px solid var(--accent); box-shadow: 0 6px 16px color-mix(in srgb, var(--accent), transparent 75%); }
.primary-button:hover { background: var(--accent-strong); }
.primary-button:disabled { opacity: .45; cursor: not-allowed; box-shadow: none; }
.secondary-button { color: var(--brand); background: var(--surface); border: 1px solid var(--brand); }
.danger-button { margin-top: 16px; color: var(--danger); background: var(--surface); border: 1px solid var(--danger); }
.text-button { min-height: 44px; border: 0; color: var(--brand); background: transparent; font-weight: 700; padding: 8px; }

.section-block { margin-top: 22px; }
.section-heading { min-height: 48px; display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 10px; }
.section-heading h2 { margin: 1px 0 0; font-size: 20px; }
.timeline, .result-list { display: grid; gap: 10px; }
.timeline-empty, .empty-state { padding: 30px 18px; text-align: center; color: var(--muted); border: 1px dashed var(--border-strong); border-radius: var(--radius-md); background: var(--surface); }
.timeline-item, .result-item { position: relative; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 12px; min-height: 72px; padding: 13px; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface); }
.timeline-index { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 12px; color: var(--accent-strong); background: var(--accent-soft); font-size: 13px; font-weight: 800; }
.item-title { display: block; color: var(--ink); font-weight: 750; overflow-wrap: anywhere; }
.item-meta { display: block; margin-top: 2px; color: var(--muted); font-size: 12px; }
.item-time { color: var(--muted); font-size: 12px; font-variant-numeric: tabular-nums; text-align: right; }
.item-status { display: block; font-weight: 700; color: var(--accent-strong); }

.bottom-nav { position: fixed; z-index: 50; left: 50%; bottom: 0; transform: translateX(-50%); width: min(100%, var(--max)); min-height: calc(var(--nav-height) + env(safe-area-inset-bottom)); display: grid; grid-template-columns: repeat(4,1fr); gap: 2px; padding: 8px max(10px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-right)); background: color-mix(in srgb, var(--surface), transparent 3%); border: 1px solid var(--border); border-bottom: 0; border-radius: 22px 22px 0 0; box-shadow: 0 -10px 30px rgba(21,29,36,.08); backdrop-filter: blur(18px); }
.nav-item { min-height: 58px; border: 0; border-radius: 14px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; color: var(--muted); background: transparent; font-size: 11px; font-weight: 700; transition: color 180ms ease, background 180ms ease; }
.nav-item.active { color: var(--brand); background: var(--brand-soft); }
.nav-icon { height: 23px; display: grid; place-items: center; }
.nav-icon svg { width: 21px; height: 21px; stroke-width: 2; }

.stepper { list-style: none; padding: 0; margin: 0 0 20px; display: grid; grid-template-columns: repeat(4,1fr); gap: 4px; }
.stepper li { position: relative; text-align: center; color: var(--subtle); font-size: 10px; font-weight: 750; }
.stepper li::before { content: attr(data-step); width: 30px; height: 30px; margin: 0 auto 5px; display: grid; place-items: center; border-radius: 50%; color: var(--muted); background: var(--surface); border: 2px solid var(--border); font-size: 12px; }
.stepper li.done, .stepper li.current { color: var(--ink); }
.stepper li.done::before { content: "✓"; color: #fff; background: var(--accent); border-color: var(--accent); }
.stepper li.current::before { color: var(--brand); border-color: var(--brand); box-shadow: 0 0 0 4px var(--brand-soft); }

.workflow-card, .search-panel, .info-card, .history-card { padding: 18px; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface); box-shadow: var(--shadow-sm); }
.workflow-card h2 { margin: 0 0 5px; font-size: 20px; }
.workflow-card > p { margin: 0 0 18px; color: var(--muted); }
label { display: block; color: var(--ink); font-size: 13px; font-weight: 700; }
input, select, textarea { width: 100%; min-height: 48px; margin-top: 6px; padding: 11px 13px; color: var(--ink); background: var(--canvas); border: 1px solid var(--border-strong); border-radius: 12px; font-size: 16px; }
textarea { min-height: 104px; resize: vertical; }
.field-grid { display: grid; gap: 14px; }
.field-grid.two { grid-template-columns: repeat(2,minmax(0,1fr)); }
.search-panel { margin-bottom: 14px; }
.search-input { position: relative; }
.search-input input { padding-left: 43px; }
.search-icon { position: absolute; left: 14px; top: 50%; width: 18px; height: 18px; border: 2px solid var(--muted); border-radius: 50%; transform: translateY(-32%); pointer-events: none; }
.search-icon::after { content: ""; position: absolute; width: 7px; height: 2px; right: -5px; bottom: -2px; background: var(--muted); transform: rotate(45deg); border-radius: 2px; }
.customer-result { width: 100%; text-align: left; border: 1px solid var(--border); }
.customer-result:hover { border-color: var(--brand); }
.customer-result.selected { border-color: var(--accent); background: var(--accent-soft); }
.result-summary { padding: 4px 2px 10px; color: var(--muted); font-size: 13px; font-weight: 700; }
.selected-customer { margin: 14px 0; padding: 14px; border-radius: var(--radius-md); color: var(--accent-strong); background: var(--accent-soft); border: 1px solid color-mix(in srgb, var(--accent), transparent 65%); }
.location-panel { margin: 14px 0; padding: 15px; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--canvas); }
.location-state { display: flex; align-items: center; gap: 9px; color: var(--muted); font-size: 13px; }
.location-state.ok { color: var(--accent-strong); }
.location-state.error { color: var(--danger); }
.test-badge { display: inline-flex; align-items: center; min-height: 34px; padding: 6px 10px; border-radius: 999px; color: var(--accent-strong); background: var(--accent-soft); font-size: 12px; font-weight: 800; letter-spacing: .05em; }
.location-pin { width: 14px; height: 14px; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); background: currentColor; }
.location-pin::after { content: ""; display: block; width: 5px; height: 5px; margin: 4px; border-radius: 50%; background: var(--surface); }
.button-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 16px; }

.kpi-intro { margin-bottom: 14px; padding: 13px 15px; border-left: 4px solid var(--brand); border-radius: 4px 12px 12px 4px; color: var(--muted); background: var(--brand-soft); font-size: 13px; }
.kpi-list { display: grid; gap: 10px; }
.kpi-card { width: 100%; min-height: 76px; display: grid; grid-template-columns: 44px minmax(0,1fr) auto; align-items: center; gap: 12px; padding: 13px; text-align: left; color: var(--ink); background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); transition: border 180ms ease, background 180ms ease; }
.kpi-card:hover { border-color: var(--border-strong); }
.kpi-card.complete { border-color: color-mix(in srgb, var(--accent), transparent 55%); background: var(--accent-soft); }
.kpi-code { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 13px; color: var(--brand); background: var(--brand-soft); font-size: 11px; font-weight: 850; letter-spacing: .04em; }
.kpi-card.complete .kpi-code { color: #fff; background: var(--accent); }
.kpi-card strong, .kpi-card small { display: block; }
.kpi-card small { margin-top: 2px; color: var(--muted); font-size: 12px; }
.kpi-check { width: 24px; height: 24px; display: grid; place-items: center; border: 2px solid var(--border-strong); border-radius: 50%; color: transparent; }
.kpi-card.complete .kpi-check { color: #fff; background: var(--accent); border-color: var(--accent); }
.kpi-card.evidence-pending { border-color: color-mix(in srgb, var(--warning), transparent 52%); background: color-mix(in srgb, var(--warning-soft), var(--surface) 58%); }
.evidence-alert { display: inline-flex; margin-top: 6px; padding: 4px 7px; border-radius: 999px; color: var(--warning); background: var(--warning-soft); font-size: 10px; font-style: normal; font-weight: 800; }
.progress-line { height: 8px; margin: 16px 0 6px; overflow: hidden; border-radius: 8px; background: var(--border); }
.progress-line span { display: block; height: 100%; border-radius: inherit; background: var(--accent); transition: width 240ms ease; }
.progress-copy { color: var(--muted); font-size: 12px; text-align: right; }

.modal-overlay { position: fixed; inset: 0; z-index: 100; display: grid; place-items: end center; padding: 24px 0 0; background: rgba(4,10,15,.58); backdrop-filter: blur(4px); }
.modal-sheet { width: min(100%, 680px); max-height: min(92dvh, 900px); overflow: auto; overscroll-behavior: contain; padding: 20px 16px calc(22px + env(safe-area-inset-bottom)); color: var(--ink); background: var(--surface-raised); border-radius: 24px 24px 0 0; box-shadow: var(--shadow-lg); animation: sheet-in 220ms ease-out; }
@keyframes sheet-in { from { transform: translateY(30px); opacity: .6; } to { transform: none; opacity: 1; } }
.modal-handle { width: 44px; height: 5px; margin: -6px auto 14px; border-radius: 4px; background: var(--border-strong); }
.modal-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 16px; }
.modal-heading h2 { margin: 0; font-size: 21px; }
.modal-heading p { margin: 3px 0 0; color: var(--muted); font-size: 13px; }
.close-button { flex: 0 0 var(--tap); }
.segmented { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin: 12px 0; }
.segmented.three { grid-template-columns: repeat(3,minmax(0,1fr)); }
.segment { min-height: 48px; padding: 10px; border: 1px solid var(--border-strong); border-radius: 12px; color: var(--ink); background: var(--canvas); font-weight: 700; }
.segment.selected { color: var(--accent-strong); background: var(--accent-soft); border-color: var(--accent); }
.detail-panel { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--border); }
.product-item { margin: 10px 0; padding: 13px; border: 1px solid var(--border); border-radius: 14px; background: var(--canvas); }
.product-item-head { display: flex; justify-content: space-between; gap: 10px; }
.product-item-head strong { overflow-wrap: anywhere; }
.product-item-head small { display: block; color: var(--muted); }
.remove-button { width: 44px; height: 44px; flex: 0 0 44px; border: 0; border-radius: 12px; color: var(--danger); background: var(--danger-soft); font-weight: 850; }
.add-button { min-height: 48px; width: 100%; margin-top: 10px; border: 1px dashed var(--brand); border-radius: 12px; color: var(--brand); background: var(--brand-soft); font-weight: 750; }
.modal-actions { position: sticky; bottom: calc(-22px - env(safe-area-inset-bottom)); z-index: 2; display: grid; grid-template-columns: 1fr 1.5fr; gap: 10px; margin: 20px -16px calc(-22px - env(safe-area-inset-bottom)); padding: 14px 16px calc(14px + env(safe-area-inset-bottom)); background: color-mix(in srgb, var(--surface-raised), transparent 2%); border-top: 1px solid var(--border); backdrop-filter: blur(12px); }
.product-picker-results { max-height: 44dvh; overflow: auto; display: grid; gap: 8px; margin-top: 10px; }
.product-option { min-height: 66px; width: 100%; display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 10px; padding: 10px; text-align: left; color: var(--ink); background: var(--canvas); border: 1px solid var(--border); border-radius: 12px; }
.product-code { min-width: 58px; padding: 6px 8px; text-align: center; color: var(--brand); background: var(--brand-soft); border-radius: 8px; font-size: 12px; font-weight: 800; }
.photo-drop { position: relative; padding: 20px; text-align: center; border: 1px dashed var(--border-strong); border-radius: 14px; background: var(--canvas); }
.photo-drop input { margin-top: 12px; }
.photo-preview-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: 12px; }
.photo-preview { position: relative; aspect-ratio: 1; overflow: hidden; border-radius: 10px; background: var(--border); }
.photo-preview img { width: 100%; height: 100%; object-fit: cover; }
.photo-preview button { position: absolute; top: 5px; right: 5px; width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.55); border-radius: 10px; color: #fff; background: rgba(18,28,36,.78); font-size: 19px; font-weight: 800; }
.evidence-panel { margin-top: 16px; padding: 15px; border: 1px solid var(--border); border-radius: 16px; background: color-mix(in srgb, var(--canvas), var(--surface) 35%); }
.evidence-title { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 12px; text-align: left; }
.evidence-title strong, .evidence-title small { display: block; }
.evidence-title small { max-width: 42ch; margin-top: 3px; color: var(--muted); font-size: 11px; line-height: 1.45; }
.evidence-requirement { flex: 0 0 auto; padding: 5px 8px; border-radius: 999px; font-size: 9px; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.evidence-requirement.required { color: var(--warning); background: var(--warning-soft); }
.evidence-requirement.optional { color: var(--muted); background: var(--surface); border: 1px solid var(--border); }
.evidence-panel .photo-drop { display: grid; min-height: 56px; place-items: center; padding: 10px 14px; cursor: pointer; }
.evidence-panel .photo-drop span { color: var(--brand); font-size: 13px; font-weight: 800; }
.evidence-panel .photo-drop input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; }
.evidence-count { margin-top: 8px; color: var(--muted); font-size: 10px; text-align: right; font-variant-numeric: tabular-nums; }

.search-panel label { margin-bottom: 5px; }
.result-item { grid-template-columns: minmax(0,1fr) auto; width: 100%; text-align: left; color: var(--ink); }
.history-card { margin-top: 16px; }
.history-card h2 { margin: 0; font-size: 20px; }
.history-card > p { margin: 4px 0 16px; color: var(--muted); }
.history-visit { padding: 13px 0; border-top: 1px solid var(--border); }
.history-visit:first-of-type { border-top: 0; }
.history-kpis { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.chip { padding: 4px 8px; border-radius: 999px; color: var(--muted); background: var(--canvas); border: 1px solid var(--border); font-size: 11px; font-weight: 700; }
.chip.positive { color: var(--accent-strong); background: var(--accent-soft); border-color: transparent; }

/* Reporting Center */
.screen-heading p { margin: 5px 0 0; color: var(--muted); font-size: 13px; }
.report-tabs { position: sticky; top: calc(72px + env(safe-area-inset-top)); z-index: 18; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 4px; margin: 0 0 16px; padding: 4px; border: 1px solid var(--border); border-radius: 16px; background: color-mix(in srgb,var(--surface),transparent 4%); box-shadow: var(--shadow-sm); backdrop-filter: blur(18px); }
.report-tab { min-height: 48px; padding: 8px 6px; border: 0; border-radius: 12px; color: var(--muted); background: transparent; font-size: 12px; font-weight: 800; transition: color 160ms ease, background 160ms ease, box-shadow 160ms ease; }
.report-tab:hover { color: var(--ink); background: var(--canvas); }
.report-tab.active { color: var(--brand); background: var(--surface); box-shadow: var(--shadow-sm); }
.report-panel { display: none; }
.report-panel.active { display: block; animation: screen-in 180ms ease-out; }
.report-filter-card { display: grid; gap: 15px; margin-bottom: 14px; padding: 18px; border: 1px solid var(--border); border-radius: var(--radius-lg); background: linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--brand-soft),var(--surface) 72%)); box-shadow: var(--shadow-md); }
.filter-heading > div { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 12px; }
.filter-heading strong, .filter-heading span { display: block; }
.filter-heading strong { color: var(--ink); font-size: 17px; letter-spacing: -.015em; }
.filter-heading span:not(.report-code) { margin-top: 2px; color: var(--muted); font-size: 12px; line-height: 1.45; }
.report-code, .report-list-code { display: grid; place-items: center; flex: 0 0 auto; width: 48px; height: 48px; border-radius: 14px; color: #fff; background: linear-gradient(145deg,var(--brand),var(--brand-strong)); box-shadow: 0 8px 18px color-mix(in srgb,var(--brand),transparent 76%); font-size: 11px; font-weight: 900; letter-spacing: .04em; }
.report-date-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.report-result { grid-template-columns: auto minmax(0,1fr) auto; }
.report-list-code { width: 42px; height: 42px; border-radius: 12px; color: var(--brand); background: var(--brand-soft); box-shadow: none; }
.report-title-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; padding-bottom: 14px; border-bottom: 1px solid var(--border); }
.report-title-row h2 { margin-top: 3px; }
.report-title-row p { margin: 4px 0 0; color: var(--muted); font-size: 12px; }
.report-period { display: inline-flex; margin: 14px 0 0; padding: 6px 9px; border-radius: 999px; color: var(--muted); background: var(--canvas); border: 1px solid var(--border); font-size: 11px; font-weight: 750; font-variant-numeric: tabular-nums; }
.report-metric-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; margin: 14px 0; }
.report-metric { min-height: 82px; display: flex; flex-direction: column; justify-content: center; padding: 13px; border: 1px solid var(--border); border-radius: 15px; background: color-mix(in srgb,var(--canvas),var(--surface) 42%); }
.report-metric strong { display: block; color: var(--ink); font-size: 20px; line-height: 1.15; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.report-metric span { display: block; margin-top: 6px; color: var(--muted); font-size: 11px; font-weight: 700; }
.report-kpi-strip { display: flex; flex-wrap: wrap; gap: 7px; margin: 12px 0; }
.report-kpi-strip .chip { display: inline-flex; align-items: center; gap: 7px; padding: 6px 9px; text-transform: capitalize; }
.report-kpi-strip .chip strong { color: currentColor; }
.report-kpi-strip.compact { margin: 10px 0 0; }
.report-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin: 14px 0 20px; }
.report-actions:has(> :only-child) { grid-template-columns: minmax(0,280px); }
.report-section-heading { margin-top: 22px; padding-top: 17px; border-top: 1px solid var(--border); }
.report-visit-card { margin-top: 12px; padding: 17px; border: 1px solid var(--border); border-radius: 19px; background: var(--surface); box-shadow: var(--shadow-sm); }
.visit-card-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.visit-card-top > div:first-child { min-width: 0; }
.visit-card-top strong, .visit-card-top span { display: block; }
.visit-card-top strong { margin-top: 3px; color: var(--ink); font-size: 16px; }
.visit-card-top > div:first-child > span:last-child { margin-top: 3px; color: var(--muted); font-size: 12px; }
.report-date { color: var(--brand)!important; font-size: 11px!important; font-weight: 850; letter-spacing: .03em; font-variant-numeric: tabular-nums; }
.duration-badge { flex: 0 0 auto; min-width: 82px; padding: 10px; text-align: center; border-radius: 13px; color: var(--accent-strong); background: var(--accent-soft); }
.duration-badge strong, .duration-badge span { display: block; }
.duration-badge strong { font-size: 15px; font-variant-numeric: tabular-nums; }
.duration-badge span { margin-top: 1px; font-size: 10px; font-weight: 750; }
.location-links { display: flex; flex-wrap: wrap; gap: 8px; margin: 13px 0; }
.map-link { min-height: 36px; display: inline-flex; align-items: center; padding: 7px 10px; border: 1px solid color-mix(in srgb,var(--focus),transparent 68%); border-radius: 10px; color: var(--focus); background: color-mix(in srgb,var(--focus),transparent 93%); font-size: 12px; font-weight: 750; text-decoration: none; }
.map-link::before { content: ""; width: 10px; height: 10px; margin-right: 7px; border: 2px solid currentColor; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); }
.map-link.unavailable { color: var(--subtle); border-color: var(--border); background: var(--canvas); }
.report-product-list { display: grid; gap: 7px; margin: 13px 0; }
.report-product-list > div { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 9px; padding: 10px; border-radius: 12px; background: var(--canvas); border: 1px solid var(--border); }
.report-product-list strong { min-width: 0; font-size: 12px; overflow-wrap: anywhere; }
.report-product-list > div > span:last-child { color: var(--muted); font-size: 11px; text-align: right; }
.evidence-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 16px 0 9px; padding-top: 14px; border-top: 1px solid var(--border); }
.evidence-heading span { color: var(--muted); font-size: 11px; }
.report-photo-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
.report-photo { min-width: 0; }
.report-photo-preview { position: relative; width: 100%; aspect-ratio: 1; overflow: hidden; display: grid; place-items: center; padding: 0; border: 1px solid var(--border); border-radius: 13px; color: var(--muted); background: var(--canvas); }
.report-photo-preview img { width: 100%; height: 100%; object-fit: cover; }
.evidence-viewer-open { overflow:hidden; overscroll-behavior:none; }
.evidence-lightbox { position:fixed; inset:0; z-index:1000; display:grid; place-items:center; padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left)); background:rgba(3,10,16,.76); backdrop-filter:blur(12px) saturate(82%); overscroll-behavior:contain; animation:evidence-viewer-in 180ms ease-out; }
.evidence-lightbox-panel { width:min(100%,980px); height:min(100%,900px); min-height:0; display:grid; grid-template-rows:auto minmax(0,1fr) auto; overflow:hidden; color:#f7fbff; border:1px solid rgba(255,255,255,.16); border-radius:24px; background:#0c1822; box-shadow:0 30px 90px rgba(0,0,0,.48); }
.evidence-lightbox-header,.evidence-lightbox-footer { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px 16px; background:#132636; }
.evidence-lightbox-header { border-bottom:1px solid rgba(255,255,255,.12); }
.evidence-lightbox-header .eyebrow { color:#8ddcc6; }
.evidence-lightbox-header h2 { margin:3px 0 0; color:#fff; font-size:16px; text-transform:capitalize; }
.evidence-lightbox-stage { min-height:0; display:grid; place-items:center; overflow:auto; padding:12px; background:radial-gradient(circle at 50% 34%,#20384b 0,#0a151e 62%); }
.evidence-lightbox-stage img { display:block; max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; border-radius:10px; box-shadow:0 12px 34px rgba(0,0,0,.32); }
.evidence-lightbox-footer { padding-bottom:max(14px,env(safe-area-inset-bottom)); border-top:1px solid rgba(255,255,255,.12); }
.evidence-lightbox-footer > div { min-width:0; display:grid; gap:2px; }
.evidence-lightbox-footer span { color:#a9bdcb; font-size:10px; }
.evidence-lightbox-footer strong { max-width:60vw; overflow:hidden; color:#fff; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.evidence-viewer-button { min-width:104px; min-height:48px; display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:10px 14px; color:#fff; border:1px solid rgba(255,255,255,.18); border-radius:13px; background:rgba(255,255,255,.08); font-size:12px; font-weight:820; cursor:pointer; touch-action:manipulation; transition:background-color 160ms ease,border-color 160ms ease; }
.evidence-viewer-button svg { width:20px; height:20px; flex:0 0 auto; }
.evidence-viewer-button:hover,.evidence-viewer-button:focus-visible { border-color:#89d8c2; background:rgba(137,216,194,.16); outline:3px solid rgba(137,216,194,.22); outline-offset:2px; }
.evidence-viewer-button:active { background:rgba(137,216,194,.24); }
.evidence-viewer-download { color:#08251f; border-color:#8ddcc6; background:#8ddcc6; }
.evidence-lightbox-footer .evidence-viewer-download span { color:inherit; }
.evidence-viewer-download:hover,.evidence-viewer-download:focus-visible { color:#061d18; background:#a6ead7; }
@keyframes evidence-viewer-in { from { opacity:0; } to { opacity:1; } }
.report-photo .text-button { width: 100%; min-height: 36px; padding: 5px; font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.integrity-flag { display: block; margin-top: 3px; padding: 4px 6px; border-radius: 8px; color: var(--warning); background: var(--warning-soft); font-size: 9px; font-weight: 800; text-align: center; }
.evidence-empty { padding: 14px; text-align: center; color: var(--muted); border-radius: 12px; background: var(--canvas); font-size: 12px; }
.visit-note { margin-top: 12px; padding: 12px; border-left: 3px solid var(--brand); border-radius: 4px 12px 12px 4px; background: var(--brand-soft); }
.visit-note p { margin: 4px 0 0; color: var(--muted); font-size: 12px; }
.people-report-list { display: grid; gap: 10px; }
.person-report-card { width: 100%; padding: 15px; text-align: left; color: var(--ink); border: 1px solid var(--border); border-radius: 18px; background: var(--surface); box-shadow: var(--shadow-sm); transition: border-color 160ms ease, transform 120ms ease, box-shadow 160ms ease; }
.person-report-card:hover { border-color: color-mix(in srgb,var(--brand),transparent 55%); box-shadow: var(--shadow-md); }
.person-report-card:active { transform: scale(.994); }
.person-report-head { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 11px; }
.person-report-head strong, .person-report-head span { display: block; }
.person-report-head > div span { margin-top: 1px; color: var(--muted); font-size: 11px; }
.person-avatar { width: 42px; height: 42px; display: grid!important; place-items: center; border-radius: 13px; color: #fff; background: linear-gradient(145deg,var(--brand),var(--brand-strong)); font-size: 12px; font-weight: 850; }
.visit-count { color: var(--accent-strong); font-size: 12px; font-weight: 800; }
.person-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; margin-top: 12px; }
.person-metrics span { padding: 9px; border-radius: 11px; color: var(--muted); background: var(--canvas); font-size: 10px; }
.person-metrics strong { display: block; margin-bottom: 2px; color: var(--ink); font-size: 13px; font-variant-numeric: tabular-nums; }
.assumption-note { margin-top: 13px; padding: 12px 14px; border-radius: 13px; color: var(--muted); background: var(--warning-soft); font-size: 11px; line-height: 1.55; }
.management-hero, .management-card { margin: 12px 0; padding: 18px; border: 1px solid var(--border); border-radius: 20px; background: var(--surface); box-shadow: var(--shadow-sm); }
.management-hero { color: var(--ink); background: linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--accent-soft),var(--surface) 55%)); box-shadow: var(--shadow-md); }
.management-hero h2 { margin: 4px 0 0; font-size: 18px; }
.management-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.management-card .section-heading { min-height: auto; margin-bottom: 13px; }
.management-card .section-heading h2 { font-size: 16px; }
.attention-card { border-color: color-mix(in srgb,var(--warning),transparent 65%); background: linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--warning-soft),var(--surface) 45%)); }
.attention-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
.coverage-list { display: grid; gap: 12px; }
.coverage-row > div:first-child { display: flex; justify-content: space-between; gap: 8px; margin-bottom: 5px; }
.coverage-row strong { font-size: 12px; }
.coverage-row span { color: var(--muted); font-size: 10px; }
.coverage-track { height: 7px; overflow: hidden; border-radius: 999px; background: var(--border); }
.coverage-track span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--brand),var(--accent)); }
.info-card { display: grid; gap: 0; }
.info-row { min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid var(--border); }
.info-row:last-child { border: 0; }
.info-row span { color: var(--muted); }
.info-row strong { text-align: right; }
.callout { margin-top: 16px; padding: 16px; border-radius: var(--radius-md); }
.callout p { margin: 4px 0 0; }
.success-callout { color: var(--accent-strong); background: var(--accent-soft); border: 1px solid color-mix(in srgb,var(--accent),transparent 65%); }
.review-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; margin: 14px 0; }
.review-stat { padding: 14px; border-radius: 14px; background: var(--canvas); border: 1px solid var(--border); }
.review-stat strong { display: block; font-size: 19px; font-variant-numeric: tabular-nums; }
.review-stat span { color: var(--muted); font-size: 12px; }
.review-list { display: grid; gap: 8px; margin: 14px 0; }
.review-row { display: flex; justify-content: space-between; gap: 14px; padding: 11px 0; border-bottom: 1px solid var(--border); }
.review-row span { color: var(--muted); }
.review-row strong { text-align: right; }

.toast { position: fixed; z-index: 300; left: 50%; bottom: calc(var(--nav-height) + env(safe-area-inset-bottom) + 18px); width: min(calc(100% - 32px), 520px); padding: 13px 15px; color: #fff; background: #17212b; border-radius: 13px; box-shadow: var(--shadow-lg); transform: translate(-50%, 30px); opacity: 0; pointer-events: none; transition: opacity 180ms ease, transform 180ms ease; }
.toast.show { transform: translate(-50%, 0); opacity: 1; }
.toast.error { background: #8f1812; }
.loading { position: relative; color: transparent !important; pointer-events: none; }
.loading::after { content: ""; position: absolute; left: 50%; top: 50%; width: 20px; height: 20px; margin: -10px; border: 2px solid rgba(255,255,255,.45); border-top-color: #fff; border-radius: 50%; animation: spin .7s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.hidden { display: none !important; }

@media (min-width: 700px) {
  .screen { padding: 28px 24px 40px; }
  .metric-grid { grid-template-columns: repeat(4,1fr); }
  .field-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .modal-sheet { border-radius: 24px; margin-bottom: 4dvh; }
  .modal-overlay { place-items: center; padding: 24px; }
  .modal-actions { bottom: -22px; }
}
@media (max-width: 430px) {
  .hero-card { display: block; }
  .hero-card .state-badge { display: inline-block; margin-top: 14px; }
  .field-grid.two, .button-row { grid-template-columns: 1fr; }
  .segmented.three { grid-template-columns: 1fr; }
}
@media (max-width:520px) {
  .evidence-lightbox { padding:0; }
  .evidence-lightbox-panel { width:100%; height:100dvh; border:0; border-radius:0; }
  .evidence-lightbox-header { padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 12px max(12px,env(safe-area-inset-left)); }
  .evidence-lightbox-footer { padding-right:max(12px,env(safe-area-inset-right)); padding-left:max(12px,env(safe-area-inset-left)); }
  .evidence-viewer-button { min-width:96px; }
}
@media (orientation: landscape) and (max-height: 560px) {
  .topbar { position: relative; }
  .modal-sheet { max-height: 96dvh; }
  .evidence-lightbox { padding:0; }
  .evidence-lightbox-panel { width:100%; height:100dvh; border:0; border-radius:0; }
  .evidence-lightbox-header,.evidence-lightbox-footer { padding-block:8px; }
  .evidence-viewer-button { min-height:44px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* ========================================================================== */
/* Shirinasal Field Operations — Professional UI layer                        */
/* ========================================================================== */
:root {
  --brand: #9b1820;
  --brand-strong: #741017;
  --brand-deep: #4f0a0f;
  --brand-soft: #fff0f1;
  --accent: #08725a;
  --accent-strong: #075c49;
  --accent-soft: #e8f7f2;
  --warning: #a15c00;
  --warning-soft: #fff5de;
  --danger: #b42318;
  --danger-soft: #fff0ee;
  --ink: #18212b;
  --muted: #5d6874;
  --subtle: #89939e;
  --canvas: #f4f6f8;
  --surface: #ffffff;
  --surface-raised: #ffffff;
  --border: #e1e6ea;
  --border-strong: #c5cdd4;
  --focus: #136fd1;
  --shadow-sm: 0 1px 2px rgba(24, 33, 43, .04), 0 4px 12px rgba(24, 33, 43, .035);
  --shadow-md: 0 10px 32px rgba(24, 33, 43, .075), 0 2px 8px rgba(24, 33, 43, .04);
  --shadow-lg: 0 28px 80px rgba(16, 24, 32, .24);
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --tap: 50px;
  --nav-height: 82px;
  --max: 1040px;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-synthesis: none;
}

[data-theme="dark"] {
  --brand: #ff9298;
  --brand-strong: #ffb1b5;
  --brand-deep: #3b0e13;
  --brand-soft: #351a1e;
  --accent: #5cd2b2;
  --accent-strong: #85e1c8;
  --accent-soft: #153c33;
  --warning: #ffc568;
  --warning-soft: #3c2d17;
  --danger: #ff968d;
  --danger-soft: #3d211f;
  --ink: #f5f7f9;
  --muted: #bac3cb;
  --subtle: #8c98a3;
  --canvas: #0b1218;
  --surface: #121c24;
  --surface-raised: #17232c;
  --border: #27343e;
  --border-strong: #46555f;
  --focus: #77baff;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .18);
  --shadow-md: 0 12px 34px rgba(0, 0, 0, .22);
  --shadow-lg: 0 30px 90px rgba(0, 0, 0, .48);
}

html { background: var(--canvas); }
body {
  position: relative;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--brand), transparent 94%) 0, transparent 28rem),
    radial-gradient(circle at 96% 35%, color-mix(in srgb, var(--accent), transparent 96%) 0, transparent 32rem),
    var(--canvas);
  font-size: 16px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.app-shell { padding-bottom: calc(var(--nav-height) + env(safe-area-inset-bottom) + 32px); }
.topbar {
  min-height: 76px;
  padding: calc(11px + env(safe-area-inset-top)) max(18px, env(safe-area-inset-left)) 11px max(18px, env(safe-area-inset-right));
  gap: 13px;
  background: color-mix(in srgb, var(--surface), transparent 7%);
  border-bottom-color: color-mix(in srgb, var(--border), transparent 18%);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .45);
  backdrop-filter: blur(24px) saturate(140%);
}
.brand-mark {
  position: relative;
  isolation: isolate;
  width: 48px;
  height: 48px;
  flex-basis: 48px;
  overflow: hidden;
  border-radius: 16px;
  color: #fff;
  background: linear-gradient(145deg, #bc2931 0%, #8f1118 52%, #610b11 100%);
  box-shadow: 0 10px 24px rgba(143, 17, 24, .22), inset 0 1px 0 rgba(255,255,255,.3);
}
.brand-mark::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 7px;
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 11px;
}
.brand-mark::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 34px;
  height: 34px;
  right: -17px;
  top: -17px;
  border-radius: 50%;
  background: rgba(255,255,255,.17);
}
.brand-mark span { font-size: 12px; font-weight: 900; letter-spacing: .09em; }
.topbar-copy strong { font-size: 15px; font-weight: 800; letter-spacing: -.012em; }
.topbar-copy span { margin-top: 1px; font-size: 11.5px; font-weight: 600; }
.status-dot { width: 6px; height: 6px; box-shadow: 0 0 0 4px var(--accent-soft); }
.icon-button {
  border: 1px solid var(--border);
  color: var(--muted);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
  transition: color 180ms ease, background 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 120ms ease;
}
.icon-button:hover { color: var(--ink); background: var(--surface); border-color: var(--border-strong); box-shadow: var(--shadow-md); }
.icon-button:active { transform: scale(.97); }

main { width: min(100%, var(--max)); }
.screen { padding: 24px 16px 34px; animation: professional-screen-in 260ms cubic-bezier(.22,.8,.24,1); }
@keyframes professional-screen-in { from { opacity: 0; transform: translateY(9px); } to { opacity: 1; transform: translateY(0); } }
.screen-heading { margin: 3px 0 22px; }
.screen-heading h1, .hero-card h1 { font-weight: 850; letter-spacing: -.04em; }
.screen-heading h1 { font-size: clamp(25px, 6vw, 34px); }
.eyebrow { color: var(--brand); font-size: 10.5px; font-weight: 850; letter-spacing: .15em; }

.hero-card {
  min-height: 178px;
  align-items: flex-start;
  padding: 25px;
  color: #fff;
  background:
    radial-gradient(circle at 88% 18%, rgba(255,255,255,.17), transparent 11rem),
    linear-gradient(135deg, #a91f27 0%, #831219 53%, #560a10 100%);
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: 0 22px 54px rgba(95, 12, 18, .22), inset 0 1px 0 rgba(255,255,255,.18);
}
.hero-card::before {
  content: "";
  position: absolute;
  width: 220px;
  height: 220px;
  right: -108px;
  bottom: -132px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 50%;
}
.hero-card::after { width: 118px; height: 118px; right: -46px; bottom: -66px; background: rgba(255,255,255,.07); }
.hero-card .eyebrow { color: rgba(255,255,255,.7); }
.hero-card h1 { margin-top: 7px; color: #fff; font-size: clamp(27px, 7vw, 38px); }
.hero-card p { margin-top: 10px; color: rgba(255,255,255,.79); font-weight: 520; }
.hero-card .state-badge { padding: 8px 11px; border: 1px solid rgba(255,255,255,.2); box-shadow: inset 0 1px 0 rgba(255,255,255,.12); }
.hero-card .state-badge.active { color: #dcfff5; background: rgba(15,100,76,.58); }
.hero-card .state-badge.closed { color: #fff; background: rgba(255,255,255,.13); }
.hero-card .state-badge.neutral { color: rgba(255,255,255,.86); background: rgba(255,255,255,.1); }

.metric-grid { gap: 11px; margin: 15px 0; }
.metric-card {
  position: relative;
  min-height: 112px;
  overflow: hidden;
  padding: 17px;
  border-color: var(--border);
  background: linear-gradient(155deg, var(--surface), color-mix(in srgb, var(--canvas), var(--surface) 45%));
  box-shadow: var(--shadow-sm);
  transition: border-color 190ms ease, box-shadow 190ms ease, transform 160ms ease;
}
.metric-card::after {
  content: "";
  position: absolute;
  width: 70px;
  height: 70px;
  right: -38px;
  top: -38px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent), transparent 92%);
}
.metric-card:nth-child(1)::after, .metric-card:nth-child(4)::after { background: color-mix(in srgb, var(--brand), transparent 92%); }
.metric-card:hover { border-color: var(--border-strong); box-shadow: var(--shadow-md); transform: translateY(-1px); }
.metric-card .metric-value { font-size: clamp(23px, 5vw, 28px); font-weight: 850; letter-spacing: -.025em; }
.metric-card .metric-label { margin-top: 5px; font-size: 12.5px; font-weight: 650; }
.metric-card .metric-accent { width: 28px; height: 3px; margin-top: 13px; background: linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent), transparent 55%)); }
.metric-card:nth-child(1) .metric-accent, .metric-card:nth-child(4) .metric-accent { background: linear-gradient(90deg, var(--brand), color-mix(in srgb, var(--brand), transparent 55%)); }

.primary-card {
  position: relative;
  overflow: hidden;
  padding: 21px;
  margin: 15px 0 25px;
  border-color: color-mix(in srgb, var(--accent), transparent 73%);
  background: linear-gradient(150deg, var(--surface), color-mix(in srgb, var(--accent-soft), var(--surface) 54%));
  box-shadow: var(--shadow-md);
}
.primary-card::after { content: ""; position: absolute; right: -55px; bottom: -70px; width: 130px; height: 130px; border: 18px solid color-mix(in srgb, var(--accent), transparent 94%); border-radius: 50%; pointer-events: none; }
.primary-card h2 { position: relative; z-index: 1; font-size: 20px; font-weight: 820; letter-spacing: -.025em; }
.primary-card p { position: relative; z-index: 1; margin: 7px 0 18px; max-width: 56ch; }

.primary-button, .secondary-button, .danger-button {
  position: relative;
  z-index: 1;
  min-height: 52px;
  border-radius: 15px;
  padding: 13px 18px;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: -.005em;
  transition: background 180ms ease, color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 110ms ease, opacity 180ms ease;
}
.primary-button { background: linear-gradient(135deg, #0a7b61, #075b49); border-color: #075b49; box-shadow: 0 10px 24px rgba(7, 92, 73, .2), inset 0 1px 0 rgba(255,255,255,.17); }
.primary-button:hover { background: linear-gradient(135deg, #096c57, #064c3d); box-shadow: 0 12px 28px rgba(7, 92, 73, .25); }
.primary-button:active, .secondary-button:active, .danger-button:active { transform: scale(.985); }
.primary-button:disabled { filter: saturate(.45); opacity: .48; }
.secondary-button { color: var(--brand); background: var(--surface); border-color: color-mix(in srgb, var(--brand), transparent 48%); box-shadow: var(--shadow-sm); }
.secondary-button:hover { background: var(--brand-soft); border-color: var(--brand); }
.danger-button { color: var(--danger); background: var(--surface); border-color: color-mix(in srgb, var(--danger), transparent 45%); }
.text-button { color: var(--brand); font-size: 13px; transition: color 180ms ease, background 180ms ease; border-radius: 10px; }
.text-button:hover { color: var(--brand-strong); background: var(--brand-soft); }

.section-block { margin-top: 27px; }
.section-heading { margin-bottom: 12px; }
.section-heading h2 { font-size: 21px; font-weight: 820; letter-spacing: -.025em; }
.timeline, .result-list { gap: 9px; }
.timeline-empty, .empty-state { padding: 34px 20px; border-color: var(--border-strong); background: color-mix(in srgb, var(--surface), transparent 16%); }
.timeline-item, .result-item {
  min-height: 78px;
  padding: 14px;
  border-color: var(--border);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
  transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease, transform 120ms ease;
}
button.timeline-item:hover, button.result-item:hover { border-color: color-mix(in srgb, var(--brand), transparent 55%); box-shadow: var(--shadow-md); }
button.timeline-item:active, button.result-item:active { transform: scale(.992); }
.timeline-index { width: 38px; height: 38px; border-radius: 13px; color: var(--brand); background: var(--brand-soft); }
.item-title { font-weight: 780; letter-spacing: -.01em; }
.item-meta { margin-top: 3px; line-height: 1.4; }
.item-status { color: var(--accent-strong); }

.bottom-nav {
  left: 50%;
  bottom: max(10px, env(safe-area-inset-bottom));
  width: min(calc(100% - 24px), 620px);
  min-height: var(--nav-height);
  padding: 7px;
  border: 1px solid color-mix(in srgb, var(--border-strong), transparent 12%);
  border-radius: 24px;
  background: color-mix(in srgb, var(--surface), transparent 5%);
  box-shadow: 0 18px 48px rgba(24,33,43,.16), 0 3px 12px rgba(24,33,43,.08), inset 0 1px 0 rgba(255,255,255,.64);
  backdrop-filter: blur(24px) saturate(145%);
}
.nav-item { min-height: 64px; border-radius: 17px; font-size: 10.5px; transition: color 180ms ease, background 180ms ease, transform 110ms ease; }
.nav-item:hover { color: var(--ink); background: color-mix(in srgb, var(--canvas), transparent 20%); }
.nav-item:active { transform: scale(.96); }
.nav-item.active { color: var(--brand); background: linear-gradient(145deg, var(--brand-soft), color-mix(in srgb, var(--brand-soft), var(--surface) 45%)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand), transparent 84%); }
.nav-icon svg { width: 22px; height: 22px; stroke-width: 2.1; }

.stepper { position: relative; gap: 0; margin: 2px 0 23px; padding: 0 3px; }
.stepper::before { content: ""; position: absolute; top: 16px; left: 12.5%; right: 12.5%; height: 2px; background: var(--border); }
.stepper li { z-index: 1; font-size: 10px; line-height: 1.3; }
.stepper li::before { width: 34px; height: 34px; margin-bottom: 7px; background: var(--canvas); border-color: var(--border-strong); box-shadow: 0 0 0 4px var(--canvas); }
.stepper li.done::before { box-shadow: 0 0 0 4px var(--canvas), 0 6px 14px color-mix(in srgb, var(--accent), transparent 80%); }
.stepper li.current::before { color: #fff; background: var(--brand); border-color: var(--brand); box-shadow: 0 0 0 4px var(--brand-soft), 0 7px 16px color-mix(in srgb, var(--brand), transparent 77%); }

.workflow-card, .search-panel, .info-card, .history-card {
  padding: 21px;
  border-color: var(--border);
  background: var(--surface);
  box-shadow: var(--shadow-md);
}
.workflow-card h2 { font-size: 22px; font-weight: 830; letter-spacing: -.03em; }
.workflow-card > p { margin-bottom: 20px; }
label { color: var(--ink); font-size: 12.5px; font-weight: 760; letter-spacing: -.005em; }
input, select, textarea {
  min-height: 52px;
  margin-top: 7px;
  padding: 12px 14px;
  color: var(--ink);
  background: color-mix(in srgb, var(--canvas), var(--surface) 44%);
  border-color: var(--border-strong);
  border-radius: 14px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
  transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}
input::placeholder, textarea::placeholder { color: var(--subtle); opacity: 1; }
input:hover, select:hover, textarea:hover { border-color: color-mix(in srgb, var(--brand), var(--border-strong) 70%); }
input:focus, select:focus, textarea:focus { background: var(--surface); border-color: var(--brand); box-shadow: 0 0 0 4px color-mix(in srgb, var(--brand), transparent 89%); outline: 0; }
textarea { min-height: 112px; }
.field-grid { gap: 16px; }
.search-panel { position: sticky; top: calc(76px + env(safe-area-inset-top)); z-index: 10; margin-bottom: 15px; padding: 16px; background: color-mix(in srgb, var(--surface), transparent 4%); backdrop-filter: blur(18px); }
.search-input input { padding-left: 44px; }
.customer-result { color: var(--ink); }
.customer-result:hover { border-color: color-mix(in srgb, var(--brand), transparent 45%); }
.customer-result.selected { border-color: var(--accent); background: var(--accent-soft); }
.result-summary { padding: 4px 4px 11px; font-size: 12px; letter-spacing: .01em; }
.selected-customer { margin: 16px 0; padding: 17px; background: linear-gradient(145deg, var(--accent-soft), color-mix(in srgb, var(--accent-soft), var(--surface) 40%)); border-color: color-mix(in srgb, var(--accent), transparent 60%); box-shadow: inset 4px 0 0 var(--accent); }
.location-panel { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 16px 0; padding: 15px 16px; background: color-mix(in srgb, var(--canvas), var(--surface) 44%); }
.location-state { flex: 1; font-weight: 650; }
.location-panel .secondary-button { width: auto; min-width: 170px; }
.test-badge { flex: 0 0 auto; border: 1px solid color-mix(in srgb,var(--accent),transparent 70%); }
.button-row { gap: 11px; margin-top: 18px; }

.kpi-intro { margin-bottom: 16px; padding: 16px 17px; border: 1px solid color-mix(in srgb, var(--brand), transparent 79%); border-left: 4px solid var(--brand); border-radius: 15px; background: linear-gradient(145deg, var(--brand-soft), color-mix(in srgb, var(--brand-soft), var(--surface) 50%)); }
.kpi-intro strong { display: block; color: var(--ink); margin-bottom: 2px; }
.kpi-list { gap: 10px; }
.kpi-groups { display: grid; gap: 20px; }
.kpi-group { min-width: 0; }
.kpi-section-head { min-height: 46px; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 2px 9px; }
.kpi-section-head h2 { margin: 2px 0 0; font-size: 17px; line-height: 1.25; font-weight: 820; letter-spacing: -.025em; }
.kpi-section-head > span { flex: 0 0 auto; min-width: 42px; padding: 6px 9px; text-align: center; color: var(--muted); background: var(--surface); border: 1px solid var(--border); border-radius: 999px; font-size: 11px; font-weight: 800; box-shadow: var(--shadow-sm); }
.kpi-card {
  position: relative;
  min-height: 82px;
  padding: 14px;
  border-color: var(--border);
  border-radius: 18px;
  box-shadow: var(--shadow-sm);
  overflow: hidden;
  transition: border-color 180ms ease, background 180ms ease, box-shadow 180ms ease, transform 120ms ease;
}
.kpi-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: transparent; transition: background 180ms ease; }
.kpi-card:hover { border-color: color-mix(in srgb, var(--brand), transparent 58%); box-shadow: var(--shadow-md); }
.kpi-card:active { transform: scale(.992); }
.kpi-card.complete { border-color: color-mix(in srgb, var(--accent), transparent 55%); background: linear-gradient(145deg, var(--accent-soft), color-mix(in srgb, var(--accent-soft), var(--surface) 48%)); }
.kpi-card.complete::before { background: var(--accent); }
.kpi-code { border: 1px solid color-mix(in srgb, var(--brand), transparent 82%); }
.kpi-card.complete .kpi-code { border-color: var(--accent); box-shadow: 0 7px 16px color-mix(in srgb, var(--accent), transparent 78%); }
.kpi-check { width: 26px; height: 26px; }
.progress-line { height: 7px; background: color-mix(in srgb, var(--border), transparent 8%); }
.progress-line span { background: linear-gradient(90deg, var(--accent), #21a781); }
.progress-copy { font-weight: 650; }

.modal-overlay { padding: 18px 0 0; background: rgba(7, 12, 17, .66); backdrop-filter: blur(9px) saturate(90%); }
.modal-sheet { padding: 22px 18px calc(24px + env(safe-area-inset-bottom)); border: 1px solid var(--border); border-bottom: 0; border-radius: 28px 28px 0 0; box-shadow: var(--shadow-lg); animation: professional-sheet-in 250ms cubic-bezier(.22,.86,.25,1); }
@keyframes professional-sheet-in { from { transform: translateY(42px); opacity: .45; } to { transform: translateY(0); opacity: 1; } }
.modal-handle { width: 42px; height: 4px; background: var(--border-strong); }
.modal-heading h2 { font-size: 23px; font-weight: 840; letter-spacing: -.03em; }
.modal-heading p { margin-top: 5px; font-size: 12.5px; line-height: 1.45; }
.segmented { padding: 4px; gap: 4px; border: 1px solid var(--border); border-radius: 16px; background: var(--canvas); }
.segment { min-height: 50px; border-color: transparent; background: transparent; border-radius: 12px; transition: color 170ms ease, background 170ms ease, border-color 170ms ease, box-shadow 170ms ease, transform 100ms ease; }
.segment:hover { background: var(--surface); }
.segment:active { transform: scale(.98); }
.segment.selected { color: var(--accent-strong); background: var(--surface); border-color: color-mix(in srgb, var(--accent), transparent 55%); box-shadow: var(--shadow-sm); }
.detail-panel { margin-top: 17px; padding-top: 17px; }
.product-item { padding: 15px; border-radius: 17px; background: color-mix(in srgb, var(--canvas), var(--surface) 38%); }
.remove-button { border: 1px solid color-mix(in srgb, var(--danger), transparent 80%); transition: background 170ms ease, transform 100ms ease; }
.remove-button:active { transform: scale(.95); }
.add-button { min-height: 52px; border-radius: 14px; transition: background 170ms ease, border-color 170ms ease; }
.add-button:hover { border-style: solid; background: color-mix(in srgb, var(--brand-soft), var(--surface) 20%); }
.modal-actions { grid-template-columns: 1fr 1.55fr; gap: 11px; padding-top: 15px; background: color-mix(in srgb, var(--surface-raised), transparent 3%); box-shadow: 0 -12px 28px rgba(24,33,43,.05); }
.product-option { min-height: 72px; border-radius: 14px; background: color-mix(in srgb, var(--canvas), var(--surface) 38%); transition: border-color 170ms ease, background 170ms ease, transform 100ms ease; }
.product-option:hover { border-color: var(--brand); background: var(--surface); }
.product-option:active { transform: scale(.992); }
.product-code { min-width: 62px; border: 1px solid color-mix(in srgb, var(--brand), transparent 82%); }

/* Product Master multi-select */
.product-multi-picker{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(760px,100%);height:min(90dvh,800px);padding-bottom:0;overflow:hidden!important}
.product-picker-tools{z-index:5;padding:8px 0 10px;background:color-mix(in srgb,var(--canvas) 96%,transparent);backdrop-filter:blur(12px)}
.product-picker-selection{display:flex;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}
.product-picker-selection>span{display:grid;gap:2px;min-width:0;margin-right:auto}.product-picker-selection strong{font-size:14px;color:var(--ink)}.product-picker-selection small{font-size:11px;color:var(--muted)}
.product-picker-selection button{min-height:38px;padding:7px 10px;border:1px solid var(--border);border-radius:9px;background:var(--canvas);color:var(--ink);font:inherit;font-size:12px;font-weight:750;cursor:pointer}.product-picker-selection button:disabled{opacity:.42;cursor:default}
.product-multi-picker .product-picker-results{min-height:0;max-height:none;overflow:auto;align-content:start;margin:0;padding:4px 0 14px;gap:8px}
.product-multi-picker .product-option{box-sizing:border-box;grid-template-columns:24px auto minmax(0,1fr) auto;gap:10px;min-height:76px;margin:0;cursor:pointer}
.product-multi-picker .product-option input{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;padding:0!important;margin:0;accent-color:var(--brand);cursor:pointer}
.product-option-copy{display:grid;gap:3px;min-width:0}.product-option-copy strong{font-size:14px;line-height:1.35;overflow-wrap:anywhere}.product-option-copy small{font-size:11px;line-height:1.4;color:var(--muted);overflow-wrap:anywhere}
.product-multi-picker .product-option em{padding:5px 7px;border-radius:7px;background:var(--surface);color:var(--muted);font-size:10px;font-weight:800;font-style:normal;white-space:nowrap}
.product-multi-picker .product-option.is-selected{border-color:var(--brand);background:var(--brand-soft);box-shadow:0 0 0 1px color-mix(in srgb,var(--brand),transparent 75%)}
.product-multi-picker .product-option.is-selected em{background:var(--brand);color:#fff}
.product-multi-picker .product-option.is-added{cursor:default;opacity:.68}.product-multi-picker .product-option.is-added em{background:var(--surface);color:var(--muted)}
.product-picker-submit{z-index:6;display:flex;align-items:center;gap:14px;margin:0 -22px;padding:12px 22px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:color-mix(in srgb,var(--canvas) 96%,transparent);backdrop-filter:blur(14px)}
.product-picker-submit>span{flex:1;color:var(--muted);font-size:12px;font-weight:700}.product-picker-submit .primary-button{width:auto;min-width:210px;margin:0}
@media(max-width:600px){.product-multi-picker{height:calc(100dvh - max(8px,var(--app-safe-top,0px)));max-height:none;border-radius:22px 22px 0 0}.product-picker-selection{display:grid;grid-template-columns:1fr auto auto}.product-picker-selection>span{grid-column:1/-1}.product-multi-picker .product-picker-results{max-height:none}.product-multi-picker .product-option{grid-template-columns:22px 62px minmax(0,1fr);padding:11px 10px}.product-multi-picker .product-option em{grid-column:3;justify-self:start}.product-picker-submit{margin-inline:-14px;padding-inline:14px;display:grid;gap:8px}.product-picker-submit .primary-button{width:100%;min-width:0}.product-picker-submit>span{text-align:center}}
.photo-drop { padding: 23px; border-radius: 18px; background: color-mix(in srgb, var(--canvas), var(--surface) 36%); }

.info-card { overflow: hidden; }
.info-row { min-height: 58px; }
.callout { border: 1px solid var(--border); }
.success-callout { background: linear-gradient(145deg, var(--accent-soft), color-mix(in srgb, var(--accent-soft), var(--surface) 45%)); }
.review-grid { gap: 11px; }
.review-stat { padding: 16px; border-radius: 16px; background: color-mix(in srgb, var(--canvas), var(--surface) 38%); }
.review-stat strong { font-size: 21px; font-weight: 840; letter-spacing: -.025em; }
.review-row { min-height: 47px; align-items: center; }

.toast { bottom: calc(var(--nav-height) + env(safe-area-inset-bottom) + 30px); padding: 14px 16px; background: #17232c; border: 1px solid rgba(255,255,255,.1); border-radius: 15px; box-shadow: 0 20px 54px rgba(9,14,20,.28); font-weight: 650; }
.toast.error { background: #8b1714; }
.secondary-button.loading::after, .danger-button.loading::after { border-color: color-mix(in srgb, var(--brand), transparent 70%); border-top-color: var(--brand); }

@media (min-width: 700px) {
  .screen { padding: 32px 26px 48px; }
  .hero-card { min-height: 192px; padding: 30px; }
  .metric-grid { gap: 13px; }
  .kpi-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
  .kpi-card { grid-template-columns: 42px minmax(0,1fr); align-content: center; }
  .kpi-card .kpi-check { position: absolute; right: 12px; top: 12px; width: 22px; height: 22px; }
  .kpi-card > span:nth-child(2) { padding-right: 12px; }
  .modal-sheet { width: min(calc(100% - 40px), 720px); border: 1px solid var(--border); border-radius: 28px; margin-bottom: 2dvh; }
  .modal-actions { bottom: -24px; margin-bottom: -24px; border-radius: 0 0 28px 28px; }
}

@media (min-width: 1040px) {
  .topbar { padding-left: calc((100% - var(--max)) / 2 + 26px); padding-right: calc((100% - var(--max)) / 2 + 26px); }
  .screen { padding-left: 32px; padding-right: 32px; }
  .hero-card { padding: 34px; }
}

@media (max-width: 520px) {
  .topbar { min-height: 72px; }
  .brand-mark { width: 44px; height: 44px; flex-basis: 44px; border-radius: 15px; }
  .topbar-copy strong { font-size: 14px; }
  .topbar-copy span { max-width: 220px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .screen { padding-top: 18px; }
  .hero-card { min-height: 150px; padding: 18px 20px; border-radius: 24px; }
  .hero-card h1 { font-size: 28px; }
  .metric-card { min-height: 94px; padding: 14px 15px; }
  .metric-card .metric-accent { margin-top: 9px; }
  .primary-card { padding: 18px; margin-top: 12px; }
  .workflow-card, .search-panel, .info-card, .history-card { padding: 17px; border-radius: 22px; }
  .location-panel { align-items: stretch; flex-direction: column; }
  .location-panel .secondary-button { width: 100%; }
  .bottom-nav { width: calc(100% - 18px); bottom: max(7px, env(safe-area-inset-bottom)); border-radius: 22px; }
  .nav-item { min-height: 62px; }
  .stepper li { font-size: 9px; }
  .stepper li::before { width: 32px; height: 32px; }
  .report-tabs { top: calc(72px + env(safe-area-inset-top)); }
  .report-tab { min-height: 44px; font-size: 10.5px; }
  .report-filter-card { padding: 16px; }
  .report-metric-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .report-metric { min-height: 76px; }
  .report-actions { grid-template-columns: 1fr; }
  .report-product-list > div { grid-template-columns: auto minmax(0,1fr); }
  .report-product-list > div > span:last-child { grid-column: 2; text-align: left; }
  .report-photo-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .person-report-head { grid-template-columns: auto minmax(0,1fr); }
  .visit-count { grid-column: 2; }
  .person-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .management-grid { grid-template-columns: 1fr; }
  .attention-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 365px) {
  .topbar-copy span { display: none; }
  .hero-card { padding: 18px; }
  .metric-grid { grid-template-columns: 1fr; }
  .metric-card { min-height: 92px; }
  .bottom-nav { gap: 0; padding: 6px; }
  .nav-item { font-size: 10px; }
}

@media (hover: none) {
  .metric-card:hover, button.timeline-item:hover, button.result-item:hover, .kpi-card:hover { transform: none; box-shadow: var(--shadow-sm); }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms!important; animation-iteration-count: 1!important; transition-duration: .01ms!important; }
}

.auth-screen { min-height: calc(100vh - 92px); place-items: center; padding: 28px 16px 48px; }
.auth-screen.active { display: grid; }
.auth-card { width: min(100%, 520px); padding: 34px; border: 1px solid var(--line); border-radius: 28px; background: var(--surface); box-shadow: var(--shadow-lg); }
.auth-card h1 { margin: 10px 0 12px; font-size: clamp(1.8rem, 7vw, 2.6rem); line-height: 1.08; }
.auth-card > p { margin: 0 0 24px; color: var(--muted); line-height: 1.65; }
.auth-icon { display: grid; place-items: center; width: 58px; height: 58px; margin-bottom: 22px; border-radius: 18px; color: #fff; background: linear-gradient(135deg, #8f1118, #d1323d); font-weight: 900; letter-spacing: .06em; box-shadow: 0 12px 24px rgba(143,17,24,.22); }
.auth-form { display: grid; gap: 18px; }
.auth-form label { display: grid; gap: 8px; font-weight: 750; }
.auth-form input { width: 100%; min-height: 54px; padding: 0 16px; border: 1px solid var(--line); border-radius: 15px; background: var(--surface-2); color: var(--text); font: inherit; text-transform: uppercase; }
.auth-form input:focus { outline: 3px solid rgba(143,17,24,.14); border-color: var(--brand); }
.auth-form input[aria-invalid="true"] { border-color:var(--danger); outline-color:color-mix(in srgb,var(--danger),transparent 82%); }
.web-access-code-field { margin-top:2px; }
.web-access-code-field input { text-align:center; font-size:1.25rem; font-weight:850; font-variant-numeric:tabular-nums; letter-spacing:.34em; }
.web-access-actions { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:-4px; }
.web-access-actions .text-button { min-height:44px; padding:8px 4px; }
body.web-read-only .topbar { border-bottom-color:color-mix(in srgb,var(--success),transparent 66%); }
body.web-read-only #topbarContext { color:var(--success); font-weight:800; letter-spacing:.03em; }
.employee-id-field { min-height: 56px; display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; overflow: hidden; border: 1px solid var(--line); border-radius: 15px; background: var(--surface-2); transition: border-color 180ms ease, box-shadow 180ms ease; }
.employee-id-field:focus-within { border-color: var(--brand); box-shadow: 0 0 0 3px rgba(143,17,24,.14); }
.employee-id-prefix { align-self: stretch; display: grid; place-items: center; padding: 0 14px; color: var(--brand); background: var(--brand-soft); border-right: 1px solid var(--line); font-weight: 850; letter-spacing: .06em; }
.auth-form .employee-id-field input { min-height: 54px; padding: 0 16px; border: 0; border-radius: 0; background: transparent; font-variant-numeric: tabular-nums; letter-spacing: .12em; }
.auth-form .employee-id-field input:focus { outline: 0; box-shadow: none; }
.field-hint { margin-top: -10px; color: var(--muted); font-size: 12px; line-height: 1.45; }
.auth-card .callout { margin-top: 20px; }
body.auth-required .bottom-nav { display: none; }
body.auth-required main { padding-bottom: 0; }

/* ========================================================================== */
/* V14 — Operations Command Center                                             */
/* ========================================================================== */
:root {
  --authority: #0f2742;
  --authority-strong: #08192b;
  --authority-soft: #eaf0f6;
  --info: #2367c9;
  --info-soft: #eaf2ff;
  --canvas: #f1f4f7;
  --ink: #101d2b;
  --muted: #5b6877;
  --border: #dbe2e8;
  --border-strong: #bcc8d2;
  --shadow-sm: 0 1px 2px rgba(8,25,43,.04), 0 5px 16px rgba(8,25,43,.045);
  --shadow-md: 0 14px 38px rgba(8,25,43,.09), 0 3px 10px rgba(8,25,43,.045);
}
[data-theme="dark"] {
  --authority: #102d4d;
  --authority-strong: #061321;
  --authority-soft: #13283b;
  --info: #74a9ff;
  --info-soft: #152c4a;
  --canvas: #07111e;
  --surface: #0d1b29;
  --surface-raised: #122337;
  --ink: #f2f6fa;
  --muted: #afbdca;
  --border: #213548;
  --border-strong: #40566a;
}

body { background: linear-gradient(180deg, color-mix(in srgb,var(--authority-soft),var(--canvas) 73%) 0, var(--canvas) 440px); }
.topbar { border-bottom: 1px solid color-mix(in srgb,var(--authority),transparent 88%); }
.topbar-copy span { color: var(--muted); }
.primary-button { background: linear-gradient(135deg,#0b8065,#05624e); border-color:#05624e; }
.secondary-button { color: var(--authority); border-color: color-mix(in srgb,var(--authority),transparent 58%); }
.secondary-button:hover { color: var(--authority-strong); background: var(--authority-soft); border-color: var(--authority); }

.manager-command { display: grid; gap: 15px; margin-bottom: 18px; }
.manager-command.hidden { display: none; }
.command-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 22px;
  color: #fff;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 28px;
  background:
    radial-gradient(circle at 86% 12%, rgba(52,134,211,.28), transparent 15rem),
    radial-gradient(circle at 4% 110%, rgba(155,24,32,.38), transparent 16rem),
    linear-gradient(135deg,var(--authority) 0%,var(--authority-strong) 74%);
  box-shadow: 0 24px 58px rgba(8,25,43,.26), inset 0 1px 0 rgba(255,255,255,.12);
}
.command-hero::after { content:""; position:absolute; z-index:-1; width:240px; height:240px; right:-126px; bottom:-148px; border:34px solid rgba(255,255,255,.035); border-radius:50%; }
.command-topline { display:flex; justify-content:space-between; align-items:center; gap:12px; color:rgba(255,255,255,.58); font-size:10px; font-weight:800; letter-spacing:.07em; }
.command-live,.live-indicator { display:inline-flex; align-items:center; gap:7px; font-weight:850; letter-spacing:.08em; }
.command-live { color:#8ce0c6; }
.command-live i,.live-indicator i,.management-health i,.status-pill i { width:7px; height:7px; flex:0 0 7px; border-radius:50%; background:currentColor; box-shadow:0 0 0 4px color-mix(in srgb,currentColor,transparent 83%); }
.command-title { display:flex; justify-content:space-between; align-items:flex-end; gap:22px; margin-top:28px; }
.command-title .eyebrow { color:#8fb9df; }
.command-title h1 { margin:7px 0 8px; color:#fff; font-size:clamp(29px,7vw,43px); line-height:1.02; letter-spacing:-.055em; font-weight:880; }
.command-title p { max-width:46ch; margin:0; color:rgba(255,255,255,.66); font-size:12.5px; }
.command-refresh { min-width:72px; min-height:68px; display:grid; place-items:center; gap:3px; padding:9px; color:#fff; border:1px solid rgba(255,255,255,.16); border-radius:18px; background:rgba(255,255,255,.08); backdrop-filter:blur(10px); font-size:9px; font-weight:750; transition:background 160ms ease,transform 100ms ease; }
.command-refresh:hover { background:rgba(255,255,255,.15); }
.command-refresh:active { transform:scale(.97); }
.command-refresh svg { width:22px; height:22px; }
.command-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-top:22px; }
.command-kpi { min-height:78px; padding:13px; border:1px solid rgba(255,255,255,.09); border-radius:16px; background:rgba(255,255,255,.065); backdrop-filter:blur(8px); }
.command-kpi strong,.command-kpi span { display:block; }
.command-kpi strong { color:#fff; font-size:25px; line-height:1; font-weight:880; font-variant-numeric:tabular-nums; }
.command-kpi span { margin-top:7px; color:rgba(255,255,255,.62); font-size:10px; font-weight:750; }
.command-kpi::before { content:""; display:block; width:20px; height:3px; margin-bottom:11px; border-radius:3px; background:#8fb9df; }
.command-kpi.success::before { background:#5ed1ae; }
.command-kpi.info::before { background:#73afff; }
.command-kpi.brand::before { background:#ff7e86; }
.command-kpi.warning::before { background:#ffbd5f; }

.command-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.command-actions button { min-width:0; min-height:84px; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:11px; padding:15px; text-align:left; color:var(--ink); border:1px solid var(--border); border-radius:18px; background:var(--surface); box-shadow:var(--shadow-sm); transition:transform 120ms ease,border-color 170ms ease,box-shadow 170ms ease; }
.command-actions button:hover { transform:translateY(-1px); border-color:color-mix(in srgb,var(--authority),transparent 62%); box-shadow:var(--shadow-md); }
.command-actions button:active { transform:scale(.99); }
.command-actions button > span { width:42px; height:42px; display:grid; place-items:center; color:var(--authority); border-radius:13px; background:var(--authority-soft); }
.command-actions svg { width:20px; height:20px; }
.command-actions button > svg { width:17px; color:var(--subtle); }
.command-actions strong,.command-actions small { display:block; overflow:hidden; text-overflow:ellipsis; }
.command-actions strong { font-size:13px; white-space:nowrap; }
.command-actions small { margin-top:2px; color:var(--muted); font-size:9.5px; white-space:nowrap; }

.command-panel { padding:18px; border:1px solid var(--border); border-radius:22px; background:var(--surface); box-shadow:var(--shadow-md); }
.command-panel-head { display:flex; justify-content:space-between; align-items:flex-end; gap:16px; margin-bottom:13px; }
.command-panel-head h2 { margin:2px 0 0; font-size:19px; letter-spacing:-.03em; }
.command-panel-head > span { color:var(--muted); font-size:10px; font-weight:700; }
.team-pulse-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.pulse-person { min-width:0; min-height:66px; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:10px; padding:10px; text-align:left; color:var(--ink); border:1px solid var(--border); border-radius:15px; background:color-mix(in srgb,var(--canvas),var(--surface) 46%); transition:border-color 160ms ease,background 160ms ease; }
.pulse-person:hover { border-color:var(--border-strong); background:var(--surface); }
.pulse-avatar { width:39px; height:39px; display:grid; place-items:center; border-radius:12px; color:#fff; background:linear-gradient(145deg,var(--authority),#28577f); font-size:11px; font-weight:850; }
.pulse-person strong,.pulse-person small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pulse-person strong { font-size:12.5px; }
.pulse-person small { margin-top:2px; color:var(--muted); font-size:9.5px; }
.status-pill { display:inline-flex!important; align-items:center; gap:6px; padding:6px 8px; border-radius:999px; color:var(--muted); background:var(--canvas); border:1px solid var(--border); font-size:9px!important; font-weight:800; white-space:nowrap; }
.status-pill.status-in-store { color:#096c54; background:#e6f7f1; border-color:#b9e8d8; }
.status-pill.status-active { color:#1d5fae; background:#eaf2ff; border-color:#c7dcfa; }
.status-pill.status-closed { color:#536170; background:#eef1f4; border-color:#d9e0e6; }
.status-pill.status-not-started { color:#8a5a0d; background:#fff5df; border-color:#f2ddb5; }
.status-pill.status-pending-close { color:#8a5300; background:#fff2d7; border-color:#edc777; }
[data-theme="dark"] .status-pill.status-in-store { color:#85e1c8; background:#153c33; border-color:#245c4f; }
[data-theme="dark"] .status-pill.status-active { color:#8fc0ff; background:#152d4a; border-color:#294d73; }
[data-theme="dark"] .status-pill.status-closed { color:#bac3cb; background:#1c2a36; border-color:#334454; }
[data-theme="dark"] .status-pill.status-not-started { color:#ffd083; background:#3c2d17; border-color:#5b4320; }
[data-theme="dark"] .status-pill.status-pending-close { color:#ffd58f; background:#3e2b12; border-color:#725126; }
.command-loading,.command-error { min-height:130px; display:flex; align-items:center; justify-content:center; gap:14px; padding:24px; border:1px solid var(--border); border-radius:24px; color:var(--ink); background:var(--surface); box-shadow:var(--shadow-sm); }
.command-loading span { width:28px; height:28px; border:3px solid var(--border); border-top-color:var(--brand); border-radius:50%; animation:spin .8s linear infinite; }
.command-loading strong,.command-loading small { display:block; }
.command-loading small { margin-top:3px; color:var(--muted); }
.command-error { justify-content:space-between; }

.manager-command:not(.hidden) + .hero-card { min-height:132px; padding:20px 22px; border-radius:22px; background:linear-gradient(135deg,#a6222b,#771018); box-shadow:0 12px 30px rgba(95,12,18,.16); }
.manager-command:not(.hidden) + .hero-card h1 { font-size:25px; }

.reporting-masthead,.control-masthead { position:relative; overflow:hidden; margin:2px 0 16px; padding:23px; color:#fff; border-radius:25px; background:linear-gradient(135deg,var(--authority),var(--authority-strong)); box-shadow:0 18px 42px rgba(8,25,43,.2); }
.reporting-masthead { display:flex; justify-content:space-between; align-items:flex-end; gap:16px; }
.reporting-masthead::after,.control-masthead::after { content:""; position:absolute; width:150px; height:150px; right:-75px; top:-78px; border:24px solid rgba(255,255,255,.04); border-radius:50%; }
.reporting-masthead .eyebrow,.control-masthead .eyebrow { color:#8fb9df; }
.reporting-masthead h1,.control-masthead h1 { position:relative; margin:5px 0 4px; color:#fff; font-size:clamp(27px,6vw,36px); letter-spacing:-.045em; }
.reporting-masthead p,.control-masthead p { position:relative; margin:0; color:rgba(255,255,255,.64); font-size:12px; }
.live-indicator { position:relative; z-index:1; flex:0 0 auto; padding:7px 9px; color:#8ce0c6; border:1px solid rgba(140,224,198,.2); border-radius:999px; background:rgba(255,255,255,.06); font-size:9px; }
.report-tabs { padding:5px; border-color:color-mix(in srgb,var(--authority),transparent 84%); border-radius:18px; }
.report-tab { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1px; }
.report-tab > span { color:var(--subtle); font-size:8px; letter-spacing:.09em; }
.report-tab.active { color:var(--authority); box-shadow:0 5px 14px rgba(8,25,43,.08); }
.report-tab.active > span { color:var(--brand); }
.report-filter-card { border-top:4px solid var(--authority); background:var(--surface); }
.date-presets { display:flex; gap:6px; margin-top:-5px; }
.date-presets button { min-height:44px; padding:8px 13px; color:var(--muted); border:1px solid var(--border); border-radius:999px; background:var(--canvas); font-size:10px; font-weight:750; }
.date-presets button:hover,.date-presets button.active { color:var(--authority); border-color:color-mix(in srgb,var(--authority),transparent 55%); background:var(--authority-soft); }
.report-metric { position:relative; overflow:hidden; border-top:3px solid var(--authority); background:var(--surface); box-shadow:var(--shadow-sm); }
.report-metric:nth-child(2) { border-top-color:var(--accent); }
.report-metric:nth-child(3) { border-top-color:var(--info); }
.report-metric:nth-child(4) { border-top-color:var(--brand); }

.person-report-card { padding:17px; border-radius:20px; }
.person-scoreline { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin-top:13px; }
.person-scoreline span { min-width:0; padding:10px; color:var(--muted); border:1px solid var(--border); border-radius:11px; background:var(--canvas); font-size:9.5px; }
.person-scoreline strong { display:block; color:var(--ink); font-size:14px; font-variant-numeric:tabular-nums; }
.time-allocation { margin-top:12px; padding:11px; border-radius:13px; background:color-mix(in srgb,var(--canvas),var(--surface) 50%); }
.allocation-track { height:8px; display:flex; overflow:hidden; border-radius:999px; background:var(--border); }
.allocation-track i { display:block; height:100%; }
.allocation-track .onsite,.key.onsite { background:var(--accent); }
.allocation-track .travel,.key.travel { background:var(--info); }
.time-allocation > div:last-child { display:flex; flex-wrap:wrap; gap:10px; margin-top:7px; color:var(--muted); font-size:9px; }
.key { width:7px; height:7px; display:inline-block; margin-right:4px; border-radius:50%; }
.person-report-head .status-pill { justify-self:end; }
.management-hero { padding:21px; color:#fff; border-color:transparent; background:linear-gradient(135deg,var(--authority),var(--authority-strong)); box-shadow:0 17px 42px rgba(8,25,43,.18); }
.management-hero .eyebrow { color:#8fb9df; }
.management-hero h2 { color:#fff; }
.management-hero .report-metric { color:var(--ink); }
.management-hero-head { display:flex; justify-content:space-between; align-items:center; gap:14px; }
.management-health { display:inline-flex; align-items:center; gap:7px; padding:7px 9px; color:#80dabb; border:1px solid rgba(128,218,187,.25); border-radius:999px; background:rgba(255,255,255,.07); font-size:9px; font-weight:800; }
.management-health.warning { color:#ffca76; border-color:rgba(255,202,118,.25); }
.management-card { padding:20px; border-radius:21px; }
.attention-card { border-left:4px solid var(--warning); background:var(--surface); }
.coverage-track { height:9px; background:color-mix(in srgb,var(--authority-soft),var(--border) 42%); }
.coverage-track span { background:linear-gradient(90deg,var(--authority),var(--info)); }

.control-masthead { min-height:190px; }
.control-masthead > p { max-width:42ch; }
.identity-chip { position:relative; z-index:1; display:flex; align-items:center; gap:10px; width:max-content; max-width:100%; margin-top:22px; padding:9px 13px 9px 9px; border:1px solid rgba(255,255,255,.12); border-radius:16px; background:rgba(255,255,255,.07); }
.identity-chip > span { width:39px; height:39px; display:grid; place-items:center; border-radius:11px; color:#fff; background:linear-gradient(145deg,var(--brand),var(--brand-strong)); font-size:11px; font-weight:850; }
.identity-chip strong,.identity-chip small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.identity-chip strong { color:#fff; font-size:12px; }
.identity-chip small { color:rgba(255,255,255,.58); font-size:9.5px; }
.info-card { padding:5px 18px; border-top:4px solid var(--authority); }
.info-row strong { color:var(--authority); }
[data-theme="dark"] .info-row strong { color:var(--ink); }
.bottom-nav { border-color:color-mix(in srgb,var(--authority),transparent 80%); box-shadow:0 20px 52px rgba(8,25,43,.18),0 3px 12px rgba(8,25,43,.08); }
.nav-item.active { color:var(--authority); background:linear-gradient(145deg,var(--authority-soft),var(--surface)); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--authority),transparent 84%); }

@media (min-width:700px) {
  .command-hero { padding:28px; }
  .command-panel { padding:22px; }
}
@media (max-width:620px) {
  .command-actions { grid-template-columns:1fr; }
  .command-actions button { min-height:70px; }
  .team-pulse-list { grid-template-columns:1fr; }
}
@media (max-width:520px) {
  .command-hero { padding:19px; border-radius:24px; }
  .command-title { align-items:flex-start; margin-top:22px; }
  .command-title h1 { font-size:29px; }
  .command-title p { max-width:30ch; }
  .command-refresh { min-width:58px; min-height:58px; border-radius:16px; }
  .command-refresh span { display:none; }
  .command-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .command-kpi { min-height:72px; }
  .reporting-masthead,.control-masthead { padding:19px; border-radius:22px; }
  .live-indicator { align-self:flex-start; }
  .report-tab { font-size:10px; }
  .person-report-head { grid-template-columns:auto minmax(0,1fr) auto; }
  .person-report-head .status-pill { grid-column:auto; }
  .management-hero-head { align-items:flex-start; flex-direction:column; }
}
@media (max-width:390px) {
  .command-topline > span:last-child { display:none; }
  .command-title h1 { font-size:27px; }
  .command-title p { font-size:11px; }
  .pulse-person { grid-template-columns:auto minmax(0,1fr); }
  .pulse-person .status-pill { grid-column:2; justify-self:start; }
  .reporting-masthead { align-items:flex-start; flex-direction:column; }
}

/* ========================================================================== */
/* V15 — Sharper hierarchy + role workflow training                            */
/* ========================================================================== */
button { touch-action:manipulation; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:3px solid color-mix(in srgb,var(--focus),transparent 48%); outline-offset:2px; }
button:disabled { cursor:not-allowed; opacity:.45; box-shadow:none!important; transform:none!important; }
.topbar { min-height:68px; }
.brand-mark { width:44px; height:44px; flex-basis:44px; border-radius:13px; }
.screen { padding-top:18px; }
.hero-card,.reporting-masthead,.control-masthead,.command-hero { border-radius:20px; }
.metric-card,.primary-card,.workflow-card,.search-panel,.info-card,.history-card,.report-filter-card,.management-card,.person-report-card { border-radius:16px; }
.primary-button,.secondary-button,.danger-button { min-height:50px; border-radius:12px; }
.bottom-nav { border-radius:19px; }
.nav-item { border-radius:13px; }

.command-hero { padding:18px 20px; box-shadow:0 18px 44px rgba(8,25,43,.22),inset 0 1px 0 rgba(255,255,255,.1); }
.command-title { align-items:center; margin-top:18px; }
.command-title h1 { margin:4px 0 5px; font-size:clamp(27px,5.5vw,36px); line-height:1; letter-spacing:-.045em; }
.command-title p { font-size:11.5px; }
.command-refresh { min-width:58px; min-height:54px; border-radius:13px; }
.command-kpis { gap:7px; margin-top:16px; }
.command-kpi { min-height:68px; padding:10px 11px; border-radius:12px; }
.command-kpi::before { margin-bottom:8px; }
.command-kpi strong { font-size:22px; }
.command-kpi span { margin-top:5px; }
.command-actions button { min-height:72px; border-radius:14px; box-shadow:var(--shadow-sm); }
.command-panel { padding:16px; border-radius:16px; box-shadow:var(--shadow-sm); }
.pulse-person { border-radius:12px; }
.manager-command:not(.hidden) + .hero-card { border-radius:16px; }

.reporting-masthead { padding:19px 20px; }
.reporting-masthead h1 { font-size:30px; }
.report-tabs { top:calc(68px + env(safe-area-inset-top)); border-radius:14px; }
.report-tab { border-radius:10px; }
.report-filter-card { padding:16px; border-top-width:3px; box-shadow:var(--shadow-sm); }
.report-code,.report-list-code { border-radius:11px; }
.report-metric { min-height:76px; border-radius:12px; }
.management-hero { border-radius:16px; }
.control-masthead { min-height:158px; padding:20px; }
.control-masthead h1 { font-size:30px; }
.identity-chip { margin-top:16px; border-radius:12px; }
.system-heading { margin:24px 2px 10px; }

.workflow-lab { margin:15px 0 22px; padding:17px; border:1px solid color-mix(in srgb,var(--authority),transparent 80%); border-top:3px solid var(--authority); border-radius:16px; background:var(--surface); box-shadow:var(--shadow-md); }
.workflow-lab.hidden { display:none; }
.workflow-lab-head { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:14px; }
.workflow-lab-head h2 { margin:3px 0 2px; font-size:20px; letter-spacing:-.03em; }
.workflow-lab-head p { margin:0; color:var(--muted); font-size:11px; }
.no-write-badge { flex:0 0 auto; padding:6px 8px; color:var(--accent-strong); border:1px solid color-mix(in srgb,var(--accent),transparent 65%); border-radius:999px; background:var(--accent-soft); font-size:8px; font-weight:850; letter-spacing:.06em; }
.role-preview-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.role-preview-card { --role-color:var(--authority); min-width:0; min-height:78px; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:10px; padding:12px; text-align:left; color:var(--ink); border:1px solid var(--border); border-left:3px solid var(--role-color); border-radius:12px; background:color-mix(in srgb,var(--canvas),var(--surface) 52%); transition:border-color 170ms ease,background 170ms ease,box-shadow 170ms ease; }
.role-preview-card:hover { border-color:color-mix(in srgb,var(--role-color),transparent 45%); background:var(--surface); box-shadow:var(--shadow-sm); }
.role-preview-card:active { background:var(--authority-soft); }
.role-preview-card.tone-green,.workflow-preview-shell.tone-green { --role-color:#08725a; --role-soft:#e8f7f2; }
.role-preview-card.tone-blue,.workflow-preview-shell.tone-blue { --role-color:#2367c9; --role-soft:#eaf2ff; }
.role-preview-card.tone-amber,.workflow-preview-shell.tone-amber { --role-color:#a15c00; --role-soft:#fff5de; }
.role-preview-card.tone-navy,.workflow-preview-shell.tone-navy { --role-color:#0f2742; --role-soft:#eaf0f6; }
.role-preview-icon { width:42px; height:42px; display:grid; place-items:center; color:var(--role-color); border-radius:11px; background:var(--role-soft); }
.role-preview-icon svg,.role-preview-card > svg { width:19px; height:19px; }
.role-preview-card > svg { color:var(--subtle); }
.role-preview-card .role-code,.role-preview-card strong,.role-preview-card small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.role-code { color:var(--role-color); font-size:8px; font-weight:900; letter-spacing:.09em; }
.role-preview-card strong { margin-top:1px; font-size:12.5px; }
.role-preview-card small { margin-top:2px; color:var(--muted); font-size:9.5px; }

.workflow-preview-shell { --role-color:var(--authority); --role-soft:var(--authority-soft); }
.preview-mode-bar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:-4px 0 15px; padding:8px 10px; color:var(--accent-strong); border:1px solid color-mix(in srgb,var(--accent),transparent 72%); border-radius:10px; background:var(--accent-soft); font-size:8.5px; font-weight:800; letter-spacing:.04em; }
.preview-mode-bar span { display:flex; align-items:center; gap:7px; }
.preview-mode-bar i { width:7px; height:7px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 3px color-mix(in srgb,var(--accent),transparent 80%); }
.preview-mode-bar strong { color:var(--muted); font-size:8.5px; }
.preview-role-head { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:12px; padding:13px; border-left:3px solid var(--role-color); border-radius:10px; background:var(--role-soft); }
.preview-role-icon { width:46px; height:46px; display:grid; place-items:center; color:#fff; border-radius:12px; background:var(--role-color); box-shadow:0 7px 17px color-mix(in srgb,var(--role-color),transparent 76%); }
.preview-role-icon svg { width:22px; height:22px; }
.preview-role-head span,.preview-role-head h3,.preview-role-head p { display:block; margin:0; }
.preview-role-head span { color:var(--role-color); font-size:8px; font-weight:900; letter-spacing:.1em; }
.preview-role-head h3 { margin-top:1px; font-size:18px; letter-spacing:-.025em; }
.preview-role-head p { margin-top:2px; color:var(--muted); font-size:10px; }
.preview-nav { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:3px; margin:12px 0 8px; padding:4px; border:1px solid var(--border); border-radius:11px; background:var(--canvas); }
.preview-nav span { min-width:0; padding:8px 3px; text-align:center; color:var(--muted); border-radius:8px; font-size:8px; font-weight:750; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.preview-nav span.active { color:var(--role-color); background:var(--surface); box-shadow:var(--shadow-sm); }
.preview-progress { height:5px; overflow:hidden; margin:11px 0 16px; border-radius:999px; background:var(--border); }
.preview-progress span { display:block; height:100%; border-radius:inherit; background:var(--role-color); transition:width 220ms ease; }
.preview-step { min-height:284px; padding:17px; border:1px solid var(--border); border-radius:13px; background:var(--surface); }
.preview-step-count { float:right; color:var(--subtle); font-size:8px; font-weight:850; letter-spacing:.08em; }
.preview-step .eyebrow { color:var(--role-color); }
.preview-step h2 { margin:7px 0 6px; font-size:23px; letter-spacing:-.035em; }
.preview-step > p { margin:0; color:var(--muted); font-size:12px; line-height:1.55; }
.preview-step ul { display:grid; gap:7px; margin:15px 0 0; padding:0; list-style:none; }
.preview-step li { display:grid; grid-template-columns:19px minmax(0,1fr); align-items:center; gap:8px; padding:9px 10px; color:var(--ink); border-radius:9px; background:var(--canvas); font-size:11px; font-weight:650; }
.preview-step li svg { width:17px; height:17px; color:var(--role-color); }
.preview-actions { display:grid; grid-template-columns:1fr 1.5fr; gap:8px; margin-top:12px; }
.preview-role-switch { display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin-top:10px; }
.preview-role-switch button { min-height:38px; padding:6px; color:var(--muted); border:1px solid var(--border); border-radius:9px; background:var(--canvas); font-size:8px; font-weight:850; }
.preview-role-switch button.active { color:var(--role-color); border-color:color-mix(in srgb,var(--role-color),transparent 48%); background:var(--role-soft); }
[data-theme="dark"] .command-actions button > span { color:#9bc8f0; background:#16334c; }
[data-theme="dark"] .nav-item.active { color:#a8d3f7; background:#142b3f; box-shadow:inset 0 0 0 1px #29465e; }
[data-theme="dark"] .role-preview-card,[data-theme="dark"] .workflow-preview-shell { --role-soft:color-mix(in srgb,var(--role-color),transparent 82%); }
[data-theme="dark"] .role-preview-card { background:color-mix(in srgb,var(--surface),var(--canvas) 28%); }
[data-theme="dark"] .preview-step li { background:#142333; }
[data-theme="dark"] .preview-nav,[data-theme="dark"] .preview-role-switch button { background:#0a1623; }

@media (min-width:700px) {
  .role-preview-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .role-preview-card { grid-template-columns:auto minmax(0,1fr); }
  .role-preview-card > svg { display:none; }
}
@media (max-width:520px) {
  .role-preview-grid { grid-template-columns:1fr; }
  .workflow-lab { padding:14px; }
  .workflow-lab-head { align-items:flex-start; flex-direction:column; }
  .preview-mode-bar strong { display:none; }
  .preview-step { min-height:306px; }
  .command-title h1 { font-size:27px; }
}
@media (max-width:375px) {
  .preview-nav span { font-size:7px; }
  .preview-step { padding:14px; }
  .preview-step h2 { font-size:21px; }
}

@media (max-width: 520px) {
  .auth-card { padding: 26px 20px; border-radius: 22px; }
}

/* ========================================================================== */
/* V16 — Mandatory, confirmed Start-Workday attendance gate                   */
/* ========================================================================== */
.day-start-overlay { z-index:180; place-items:center; padding:16px; background:rgba(5,15,25,.78); backdrop-filter:blur(15px) saturate(88%); }
.day-start-gate { width:min(100%,540px); max-height:calc(100dvh - 32px); overflow:auto; overscroll-behavior:contain; padding:22px; color:var(--ink); border:1px solid color-mix(in srgb,var(--authority),transparent 76%); border-radius:22px; background:var(--surface-raised); box-shadow:0 28px 90px rgba(2,12,24,.38); animation:professional-sheet-in 250ms cubic-bezier(.22,.86,.25,1); }
.start-gate-brand { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:10px; padding-bottom:17px; border-bottom:1px solid var(--border); }
.start-gate-brand .brand-mark { width:42px; height:42px; flex-basis:42px; display:grid; place-items:center; color:#fff; background:linear-gradient(145deg,var(--brand),var(--brand-strong)); font-size:11px; font-weight:900; letter-spacing:.04em; }
.start-gate-brand strong,.start-gate-brand small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.start-gate-brand strong { font-size:12px; letter-spacing:-.01em; }
.start-gate-brand small { margin-top:2px; color:var(--muted); font-size:9px; }
.secure-pill { display:flex; align-items:center; gap:5px; padding:6px 8px; color:var(--accent-strong); border:1px solid color-mix(in srgb,var(--accent),transparent 65%); border-radius:999px; background:var(--accent-soft); font-size:7px; font-weight:900; letter-spacing:.07em; }
.secure-pill svg { width:13px; height:13px; }
.start-gate-progress { display:grid; grid-template-columns:1fr 1fr; gap:6px; margin:17px 0 21px; }
.start-gate-progress span { height:4px; border-radius:999px; background:var(--border); transition:background 200ms ease,box-shadow 200ms ease; }
.start-gate-progress span.complete { background:var(--accent); box-shadow:0 0 0 1px color-mix(in srgb,var(--accent),transparent 70%); }
.start-gate-copy .eyebrow { color:var(--accent-strong); }
.start-gate-copy h1 { margin:7px 0 7px; font-size:clamp(28px,7vw,38px); line-height:1.02; letter-spacing:-.048em; }
.start-gate-copy p { max-width:46ch; margin:0; color:var(--muted); font-size:12px; line-height:1.55; }
.start-location-card { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:12px; min-height:86px; margin:20px 0 11px; padding:14px; border:1px solid var(--border); border-left:4px solid var(--warning); border-radius:14px; background:var(--canvas); }
.start-location-card.captured { border-color:color-mix(in srgb,var(--accent),transparent 70%); border-left-color:var(--accent); background:color-mix(in srgb,var(--accent-soft),var(--surface) 42%); }
.start-location-icon { width:46px; height:46px; display:grid; place-items:center; color:var(--warning-strong); border-radius:12px; background:var(--warning-soft); }
.captured .start-location-icon { color:var(--accent-strong); background:var(--accent-soft); }
.start-location-icon svg { width:22px; height:22px; }
.start-location-card small,.start-location-card strong,.start-location-card span { display:block; }
.start-location-card small { color:var(--muted); font-size:7.5px; font-weight:900; letter-spacing:.1em; }
.start-location-card strong { margin-top:3px; font-size:14px; }
.start-location-card div > span { margin-top:3px; color:var(--muted); font-size:9.5px; line-height:1.4; }
.verified-mark { width:30px; height:30px; display:grid!important; place-items:center; color:var(--accent-strong); border-radius:50%; background:var(--accent-soft); }
.verified-mark svg { width:17px; height:17px; }
.start-confirm-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin-bottom:11px; }
.start-confirm-grid > div { min-width:0; padding:11px 12px; border:1px solid var(--border); border-radius:11px; background:var(--canvas); }
.start-confirm-grid .wide { grid-column:1/-1; }
.start-confirm-grid span,.start-confirm-grid strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.start-confirm-grid span { color:var(--muted); font-size:8.5px; }
.start-confirm-grid strong { margin-top:4px; font-size:11.5px; }
.start-privacy-note { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:start; gap:10px; margin:12px 0 18px; padding:11px 12px; color:var(--authority); border-radius:11px; background:var(--authority-soft); }
.start-privacy-note > svg { width:18px; height:18px; margin-top:1px; }
.start-privacy-note p { margin:0; }
.start-privacy-note strong,.start-privacy-note span { display:block; }
.start-privacy-note strong { font-size:10px; }
.start-privacy-note span { margin-top:2px; color:var(--muted); font-size:9px; line-height:1.4; }
.start-gate-actions { display:grid; grid-template-columns:1fr 1.55fr; gap:9px; }
.start-gate-actions .full { grid-column:1/-1; }
.start-gate-actions .planning-without-checkin { grid-column:1/-1; min-height:48px; border-color:color-mix(in srgb,var(--authority),transparent 55%); color:var(--authority); background:var(--authority-soft); }
.start-gate-actions .start-gate-not-now { grid-column:1/-1; min-height:40px; justify-self:center; color:var(--muted); }
[data-theme="dark"] .day-start-gate { border-color:#29465e; background:#0f1e2c; }
[data-theme="dark"] .start-location-card,[data-theme="dark"] .start-confirm-grid > div { background:#0a1623; }
[data-theme="dark"] .start-location-card.captured { background:#102a27; }
[data-theme="dark"] .start-privacy-note { color:#a8d3f7; background:#142b3f; }
[data-theme="dark"] .start-gate-actions .secondary-button { color:#dbeafe; border-color:#36536b; background:#14283a; }
[data-theme="dark"] .start-gate-actions .secondary-button:hover { background:#1a3449; }

@media (max-width:420px) {
  .day-start-overlay { padding:0; place-items:end center; }
  .day-start-gate { width:100%; max-height:96dvh; padding:19px 17px calc(19px + env(safe-area-inset-bottom)); border-right:0; border-bottom:0; border-left:0; border-radius:22px 22px 0 0; }
  .secure-pill { padding:6px; font-size:0; }
  .start-gate-copy h1 { font-size:30px; }
  .start-confirm-grid { grid-template-columns:1fr; }
  .start-confirm-grid .wide { grid-column:auto; }
  .start-gate-actions { grid-template-columns:1fr; }
}

@media (prefers-reduced-motion:reduce) {
  .day-start-gate { animation:none; }
  .start-gate-progress span { transition:none; }
}

/* V40 — dedicated Close Day control and 23:00 approval workflow */
#pendingCloseAlert:empty { display:none; }
.pending-close-alert { width:100%; min-height:86px; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:12px; margin:14px 0; padding:15px; color:var(--text); text-align:left; border:1px solid #e8c47b; border-left:5px solid #b87507; border-radius:16px; background:#fff7e7; box-shadow:var(--shadow-sm); cursor:pointer; transition:border-color 180ms ease,background 180ms ease,box-shadow 180ms ease; }
.pending-close-alert:hover,.pending-close-alert:focus-visible { border-color:#bd7e17; background:#fff2d8; box-shadow:var(--shadow-md); }
.pending-close-icon { width:44px; height:44px; display:grid; place-items:center; color:#8a5300; border-radius:12px; background:#ffe8b8; }
.pending-close-icon svg { width:22px; height:22px; }
.pending-close-alert small,.pending-close-alert strong,.pending-close-alert em { display:block; }
.pending-close-alert small { color:#8a5300; font-size:8px; font-weight:900; letter-spacing:.09em; }
.pending-close-alert strong { margin-top:3px; font-size:14px; }
.pending-close-alert em { margin-top:3px; color:#6c5b40; font-size:10px; font-style:normal; }
.pending-close-action { display:flex; align-items:center; gap:4px; color:#7a4a00; font-size:10px; font-weight:850; white-space:nowrap; }
.pending-close-action svg { width:17px; height:17px; }
.pending-close-primary { border-left:4px solid #b87507; }
.state-badge.warning { color:#805000; border-color:#e4bd70; background:#fff3d9; }

.close-day-overlay { z-index:190; place-items:center; padding:12px; background:rgba(3,13,23,.82); backdrop-filter:blur(16px) saturate(82%); }
.close-day-gate { width:min(100%,760px); height:min(94dvh,920px); display:grid; grid-template-rows:auto minmax(0,1fr) auto; overflow:hidden; color:var(--text); border:1px solid color-mix(in srgb,var(--authority),transparent 66%); border-radius:24px; background:var(--surface); box-shadow:0 30px 110px rgba(0,9,19,.48); animation:professional-sheet-in 240ms cubic-bezier(.22,.86,.25,1); }
.close-day-header { min-width:0; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:13px; padding:15px 18px; color:#fff; border-bottom:1px solid rgba(255,255,255,.12); background:linear-gradient(132deg,#071a2c,#102f4a); }
.close-day-back { min-width:76px; min-height:44px; display:flex; align-items:center; justify-content:center; gap:5px; color:#fff; border:1px solid rgba(255,255,255,.23); border-radius:12px; background:rgba(255,255,255,.08); font-size:11px; font-weight:800; cursor:pointer; transition:background 180ms ease,border-color 180ms ease; }
.close-day-back:hover,.close-day-back:focus-visible { background:rgba(255,255,255,.16); border-color:rgba(255,255,255,.45); }
.close-day-back svg { width:18px; height:18px; }
.close-day-header .eyebrow { color:#efb7bf; font-size:8px; }
.close-day-header h1 { margin:3px 0 0; color:#fff; font-size:20px; line-height:1.12; }
.close-day-header p { margin:3px 0 0; color:rgba(255,255,255,.68); font-size:9px; }
.close-day-status { min-height:34px; display:flex; align-items:center; gap:6px; padding:7px 9px; border:1px solid rgba(255,255,255,.2); border-radius:999px; color:#9ce1ce; background:rgba(8,119,95,.2); font-size:8px; font-weight:900; letter-spacing:.05em; }
.close-day-status.pending { color:#ffd18a; background:rgba(184,117,7,.2); }
.close-day-status svg { width:15px; height:15px; }
.close-day-scroll { min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:18px; background:var(--canvas); }
.close-day-command { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:20px; align-items:center; padding:20px; color:#fff; border-radius:18px; background:linear-gradient(135deg,#102f4a,#183e5d); box-shadow:var(--shadow-md); }
.close-day-command.pending { background:linear-gradient(135deg,#5d3b05,#8f5a05); }
.close-day-command-label { display:block; color:#92ddc9; font-size:8px; font-weight:900; letter-spacing:.11em; }
.close-day-command.pending .close-day-command-label { color:#ffe0a4; }
.close-day-command h2 { margin:6px 0 5px; color:#fff; font-size:20px; line-height:1.18; }
.close-day-command p { max-width:48ch; margin:0; color:rgba(255,255,255,.7); font-size:10px; line-height:1.45; }
.close-day-window { min-width:230px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:10px; padding:12px; border:1px solid rgba(255,255,255,.14); border-radius:14px; background:rgba(255,255,255,.07); }
.close-day-window span { text-align:center; }
.close-day-window small,.close-day-window strong { display:block; }
.close-day-window small { color:rgba(255,255,255,.58); font-size:7px; font-weight:900; letter-spacing:.08em; }
.close-day-window strong { margin-top:4px; color:#fff; font-size:12px; font-variant-numeric:tabular-nums; }
.close-day-window > i { width:20px; color:rgba(255,255,255,.5); }
.close-day-window svg { width:18px; height:18px; }
.close-day-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; margin:12px 0; }
.close-day-metrics > div { min-width:0; padding:14px; border:1px solid var(--border); border-top:3px solid var(--authority); border-radius:14px; background:var(--surface); box-shadow:var(--shadow-sm); }
.close-day-metrics > div:nth-child(3) { border-top-color:var(--accent); }
.close-day-metrics > div:nth-child(4) { border-top-color:#2777ad; }
.close-day-metrics span { width:31px; height:31px; display:grid; place-items:center; color:var(--authority); border-radius:9px; background:var(--authority-soft); }
.close-day-metrics span svg { width:17px; height:17px; }
.close-day-metrics strong,.close-day-metrics small { display:block; }
.close-day-metrics strong { margin-top:10px; color:var(--text); font-size:18px; font-variant-numeric:tabular-nums; }
.close-day-metrics small { margin-top:3px; color:var(--muted); font-size:9px; line-height:1.35; }
.close-day-allocation,.close-day-section,.close-day-approval-panel { margin-top:12px; padding:17px; border:1px solid var(--border); border-radius:16px; background:var(--surface); box-shadow:var(--shadow-sm); }
.close-section-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:13px; }
.close-section-heading .eyebrow { color:var(--brand); font-size:8px; }
.close-section-heading h3 { margin:4px 0 0; font-size:14px; }
.close-section-heading > span,.close-section-heading > strong { color:var(--muted); font-size:10px; font-weight:800; }
.close-allocation-track { height:11px; display:flex; overflow:hidden; border-radius:999px; background:var(--border); }
.close-allocation-track i { height:100%; min-width:0; }
.close-allocation-track .onsite { background:#08775f; }
.close-allocation-track .travel { background:#2777ad; }
.close-allocation-track .other { background:#9aa7b3; }
.close-allocation-legend { display:flex; flex-wrap:wrap; gap:12px 18px; margin-top:11px; }
.close-allocation-legend span { display:flex; align-items:center; gap:6px; color:var(--muted); font-size:9px; }
.close-allocation-legend i { width:8px; height:8px; border-radius:50%; }
.close-allocation-legend i.onsite { background:#08775f; }
.close-allocation-legend i.travel { background:#2777ad; }
.close-allocation-legend i.other { background:#9aa7b3; }
.close-allocation-legend strong { color:var(--text); }
.close-route-list { display:grid; }
.close-route-row { min-width:0; display:grid; grid-template-columns:36px 68px minmax(0,1fr) auto; align-items:center; gap:9px; min-height:62px; padding:9px 0; border-bottom:1px solid var(--border); }
.close-route-row:last-child { border-bottom:0; }
.close-route-index { width:34px; height:34px; display:grid; place-items:center; color:var(--authority); border:1px solid var(--border); border-radius:10px; background:var(--canvas); font-size:9px; font-weight:900; }
.close-route-time { color:var(--text); font-size:10px; font-weight:850; font-variant-numeric:tabular-nums; }
.close-route-row strong,.close-route-row small { display:block; overflow-wrap:anywhere; }
.close-route-row strong { font-size:10px; }
.close-route-row small { margin-top:3px; color:var(--muted); font-size:8px; }
.close-route-state { min-height:28px; display:flex; align-items:center; padding:5px 8px; border-radius:999px; font-size:8px; font-weight:850; }
.close-route-state.complete { color:#08664f; background:#e3f5ef; }
.close-route-state.incomplete { color:#85530a; background:#fff0d4; }
.close-empty { padding:22px; color:var(--muted); text-align:center; font-size:10px; }
.close-kpi-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
.close-kpi-tile { min-width:0; display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:48px; padding:10px 11px; border:1px solid var(--border); border-radius:11px; background:var(--canvas); }
.close-kpi-tile span { color:var(--muted); font-size:9px; font-weight:750; }
.close-kpi-tile strong { min-width:26px; height:26px; display:grid; place-items:center; color:var(--authority); border-radius:8px; background:var(--surface); font-size:11px; font-variant-numeric:tabular-nums; }
.close-day-approval-panel > label:first-child { display:block; margin-bottom:7px; color:var(--text); font-size:10px; font-weight:850; }
.close-day-approval-panel > label:first-child span { color:var(--muted); font-weight:650; }
.close-day-approval-panel textarea { width:100%; min-height:82px; resize:vertical; padding:12px; border:1px solid var(--border-strong); border-radius:12px; color:var(--text); background:var(--canvas); font:inherit; font-size:11px; }
.close-day-approval-panel textarea:focus { outline:3px solid color-mix(in srgb,var(--brand),transparent 80%); border-color:var(--brand); }
.close-day-gps-note { display:flex; align-items:center; gap:10px; margin-top:11px; padding:11px 12px; border:1px solid color-mix(in srgb,var(--info),transparent 68%); border-radius:12px; background:color-mix(in srgb,var(--info),transparent 93%); }
.close-day-gps-note > svg { width:22px; height:22px; flex:0 0 22px; color:var(--info); stroke-width:1.8; }
.close-day-gps-note > span { display:grid; gap:2px; }
.close-day-gps-note strong { color:var(--text); font-size:11px; }
.close-day-gps-note small { color:var(--muted); font-size:10px; line-height:1.4; }
.close-day-gps-note.captured { border-color:color-mix(in srgb,var(--accent),transparent 52%); background:color-mix(in srgb,var(--accent),transparent 91%); }
.close-day-gps-note.captured > svg { color:var(--accent); }
.close-day-gps-note.captured strong { color:var(--accent-strong); }
.close-day-gps-button { width:100%; min-height:48px; margin-top:9px; border-color:color-mix(in srgb,var(--info),transparent 45%); }
.close-day-confirm { min-height:68px; display:grid; grid-template-columns:auto minmax(0,1fr); align-items:start; gap:11px; margin-top:12px; padding:13px; border:1px solid var(--border); border-radius:13px; background:var(--canvas); cursor:pointer; }
.close-day-confirm input { width:22px; height:22px; margin:1px 0 0; accent-color:var(--brand); }
.close-day-confirm strong,.close-day-confirm small { display:block; }
.close-day-confirm strong { font-size:11px; }
.close-day-confirm small { margin-top:3px; color:var(--muted); font-size:9px; line-height:1.4; }
.close-day-footer { display:grid; grid-template-columns:minmax(110px,.45fr) minmax(0,1fr); gap:9px; padding:12px 18px calc(12px + env(safe-area-inset-bottom)); border-top:1px solid var(--border); background:var(--surface); box-shadow:0 -8px 24px rgba(15,42,64,.08); }
.close-day-footer button { min-height:48px; }
[data-theme="dark"] .pending-close-alert { color:#fff1d1; border-color:#715123; background:#382812; }
[data-theme="dark"] .pending-close-alert em { color:#e6c78e; }
[data-theme="dark"] .close-day-scroll { background:#091521; }
[data-theme="dark"] .close-day-metrics > div,[data-theme="dark"] .close-day-allocation,[data-theme="dark"] .close-day-section,[data-theme="dark"] .close-day-approval-panel { background:#0f1e2c; }
[data-theme="dark"] .close-kpi-tile,[data-theme="dark"] .close-day-confirm,[data-theme="dark"] .close-day-approval-panel textarea { background:#0a1623; }

@media (max-width:620px) {
  .close-day-overlay { padding:0; place-items:end center; }
  .close-day-gate { width:100%; height:100dvh; max-height:100dvh; border:0; border-radius:0; }
  .close-day-header { padding:calc(12px + env(safe-area-inset-top)) 13px 12px; }
  .close-day-status span { display:none; }
  .close-day-status { width:38px; min-height:38px; justify-content:center; padding:7px; border-radius:11px; }
  .close-day-scroll { padding:13px; }
  .close-day-command { grid-template-columns:1fr; gap:13px; padding:17px; }
  .close-day-window { min-width:0; width:100%; }
  .close-day-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .close-route-row { grid-template-columns:34px 58px minmax(0,1fr); }
  .close-route-state { grid-column:3; justify-self:start; }
  .close-kpi-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pending-close-alert { grid-template-columns:auto minmax(0,1fr); }
  .pending-close-action { grid-column:2; }
}
@media (max-width:375px) {
  .close-day-back { min-width:44px; width:44px; padding:0; }
  .close-day-back span { display:none; }
  .close-day-header h1 { font-size:17px; }
  .close-day-metrics > div { padding:12px; }
  .close-day-footer { grid-template-columns:92px minmax(0,1fr); padding-inline:12px; }
}
@media (orientation:landscape) and (max-height:560px) {
  .close-day-gate { height:100dvh; max-height:100dvh; border-radius:0; }
  .close-day-header { padding-block:9px; }
  .close-day-scroll { padding:11px 15px; }
  .close-day-command { grid-template-columns:minmax(0,1fr) auto; padding:13px; }
  .close-day-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (prefers-reduced-motion:reduce) {
  .close-day-gate,.pending-close-alert { animation:none; transition:none; }
}

/* ========================================================================== */
/* V18 — Modern field command UI + confirmed KPI and visit review             */
/* ========================================================================== */
:root {
  --brand:#a31621;
  --brand-strong:#7d1018;
  --brand-soft:#fcebed;
  --accent:#08775f;
  --accent-strong:#05604c;
  --accent-soft:#e6f7f1;
  --authority:#102f4a;
  --authority-soft:#e8f0f7;
  --ink:#102235;
  --muted:#5a6b7b;
  --subtle:#8291a0;
  --canvas:#edf3f8;
  --surface:#ffffff;
  --surface-raised:#ffffff;
  --border:#d6e1ea;
  --border-strong:#b5c4d1;
  --shadow-sm:0 2px 7px rgba(15,42,64,.06);
  --shadow-md:0 12px 34px rgba(15,42,64,.10);
  --shadow-lg:0 32px 90px rgba(8,29,46,.24);
  font-family:"Plus Jakarta Sans",Inter,"Segoe UI",Arial,sans-serif;
}
[data-theme="dark"] {
  --brand:#ff9298;
  --brand-strong:#ffb4b8;
  --brand-soft:#3a1d24;
  --accent:#61d7b8;
  --accent-strong:#90e7d0;
  --accent-soft:#153b33;
  --authority:#9cccf2;
  --authority-soft:#142d42;
  --ink:#f3f7fa;
  --muted:#b5c2cd;
  --subtle:#8293a1;
  --canvas:#071521;
  --surface:#0e2232;
  --surface-raised:#11283a;
  --border:#294153;
  --border-strong:#456075;
}
html,body { background:var(--canvas); }
body {
  background-image:
    radial-gradient(circle at 92% -8%,color-mix(in srgb,var(--authority),transparent 87%) 0,transparent 34%),
    linear-gradient(180deg,color-mix(in srgb,var(--canvas),#fff 18%) 0,var(--canvas) 42%,color-mix(in srgb,var(--canvas),#fff 8%) 100%);
  background-attachment:fixed;
}
[data-theme="dark"] body {
  background-image:
    radial-gradient(circle at 90% -8%,rgba(40,101,143,.24) 0,transparent 36%),
    linear-gradient(180deg,#0a1a28 0,var(--canvas) 55%,#07121d 100%);
}
.topbar {
  background:color-mix(in srgb,var(--surface),transparent 7%);
  border-color:color-mix(in srgb,var(--authority),transparent 86%);
  box-shadow:0 8px 28px rgba(15,42,64,.06);
}
.bottom-nav { box-shadow:0 -14px 40px rgba(15,42,64,.11); }
.nav-item.active { color:var(--authority); background:var(--authority-soft); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--authority),transparent 83%); }
.hero-card {
  color:#fff;
  border-color:rgba(255,255,255,.12);
  background:linear-gradient(138deg,#102f4a 0,#164e6d 66%,#0b6b62 130%);
  box-shadow:0 20px 50px rgba(10,38,59,.22),inset 0 1px 0 rgba(255,255,255,.12);
}
.hero-card .eyebrow,.hero-card h1 { color:#fff; }
.hero-card p { color:#d7e6f1; }
.hero-card::after { background:rgba(255,255,255,.08); }
.hero-card .state-badge { color:#0e4d3e; background:#dff8ef; }
.primary-button { background:linear-gradient(135deg,var(--accent),#096b68); border-color:var(--accent); box-shadow:0 9px 22px color-mix(in srgb,var(--accent),transparent 72%); }
.secondary-button { color:var(--authority); border-color:color-mix(in srgb,var(--authority),transparent 42%); }
.secondary-button:hover { background:var(--authority-soft); }

.kpi-command {
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  margin-bottom:22px;
  padding:21px;
  color:#fff;
  border:1px solid rgba(255,255,255,.13);
  border-radius:21px;
  background:linear-gradient(138deg,#102f4a 0,#174e6c 68%,#11675f 125%);
  box-shadow:0 18px 44px rgba(9,37,58,.20),inset 0 1px 0 rgba(255,255,255,.10);
}
.kpi-command::after { content:""; position:absolute; right:-58px; bottom:-86px; width:190px; height:190px; border:34px solid rgba(255,255,255,.05); border-radius:50%; pointer-events:none; }
.kpi-command-copy { position:relative; z-index:1; min-width:0; }
.kpi-command .eyebrow { color:#95e0cc; }
.kpi-command h2 { margin:5px 0 5px; font-size:clamp(21px,5vw,28px); line-height:1.12; letter-spacing:-.035em; }
.kpi-command p { max-width:54ch; margin:0; color:#d8e6ef; font-size:12px; line-height:1.55; }
.kpi-legend { display:flex; flex-wrap:wrap; gap:12px; margin-top:14px; color:#e8f1f6; font-size:9px; font-weight:750; }
.kpi-legend span { display:flex; align-items:center; gap:6px; }
.kpi-legend i { width:8px; height:8px; border-radius:50%; background:#eaf1f5; }
.kpi-legend i.confirmed { background:#55dbb4; }
.kpi-legend i.evidence { background:#ffc96b; }
.kpi-progress-orb {
  --progress:0deg;
  position:relative;
  z-index:1;
  width:96px;
  height:96px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:radial-gradient(circle at center,#173d58 56%,transparent 58%),conic-gradient(#55dbb4 var(--progress),rgba(255,255,255,.16) 0);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.13),0 14px 28px rgba(0,0,0,.16);
}
.kpi-progress-orb strong { font-size:22px; line-height:1; font-variant-numeric:tabular-nums; }
.kpi-progress-orb span { margin-top:5px; color:#d8e6ef; font-size:8px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.kpi-group { padding:15px; border:1px solid var(--border); border-radius:18px; background:color-mix(in srgb,var(--surface),transparent 1%); box-shadow:var(--shadow-sm); }
.kpi-card { min-height:88px; border-radius:14px; box-shadow:none; }
.kpi-card.pending { background:color-mix(in srgb,var(--surface),var(--canvas) 18%); }
.kpi-card.complete { border-color:color-mix(in srgb,var(--accent),transparent 50%); background:linear-gradient(145deg,var(--accent-soft),color-mix(in srgb,var(--accent-soft),var(--surface) 55%)); }
.kpi-card-copy { min-width:0; }
.kpi-card-title { display:flex; align-items:center; flex-wrap:wrap; gap:7px; }
.kpi-card-title strong { flex:1 1 auto; }
.kpi-status-label { flex:0 0 auto; margin:0; padding:4px 7px; color:var(--muted); border:1px solid var(--border); border-radius:999px; background:var(--canvas); font-size:8px; font-style:normal; font-weight:850; letter-spacing:.03em; }
.kpi-card.complete .kpi-status-label { color:var(--accent-strong); border-color:color-mix(in srgb,var(--accent),transparent 66%); background:var(--accent-soft); }
.kpi-card.evidence-pending .kpi-status-label { color:var(--warning); border-color:color-mix(in srgb,var(--warning),transparent 66%); background:var(--warning-soft); }
.evidence-alert { display:block; margin-top:6px; color:var(--warning); font-size:9px; font-style:normal; font-weight:800; }
.optional-copy { float:right; padding:3px 7px; color:var(--muted); border-radius:999px; background:var(--canvas); font-size:8px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }
.kpi-finish-card { margin-top:16px; border-top:3px solid var(--authority); }
.kpi-modal-context { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:11px; margin:0 0 16px; padding:12px; border:1px solid var(--border); border-left:3px solid var(--authority); border-radius:12px; background:var(--authority-soft); }
.kpi-modal-context .kpi-code { color:#fff; border-color:var(--authority); background:var(--authority); }
.kpi-modal-context strong,.kpi-modal-context small { display:block; }
.kpi-modal-context small { margin-top:2px; color:var(--muted); font-size:10px; }
.modal-heading { padding-bottom:14px; border-bottom:1px solid var(--border); }
.modal-actions { position:sticky; bottom:calc(-24px - env(safe-area-inset-bottom)); z-index:3; margin:18px -18px calc(-24px - env(safe-area-inset-bottom)); padding:13px 18px calc(18px + env(safe-area-inset-bottom)); border-top:1px solid var(--border); background:color-mix(in srgb,var(--surface-raised),transparent 3%); backdrop-filter:blur(14px); }

.visit-review-hero { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:15px; margin-bottom:12px; padding:19px; color:#fff; border-radius:20px; background:linear-gradient(138deg,#102f4a,#164d6a 70%,#0c695e 130%); box-shadow:0 18px 44px rgba(9,37,58,.20); }
.review-seal { width:54px; height:54px; display:grid; place-items:center; color:#0c5546; border-radius:16px; background:#ddf8ef; box-shadow:inset 0 0 0 1px rgba(255,255,255,.65); }
.review-seal svg { width:27px; height:27px; stroke-width:2.2; }
.visit-review-hero .eyebrow { color:#9ce2cf; }
.visit-review-hero h2 { margin:4px 0 3px; font-size:24px; letter-spacing:-.035em; }
.visit-review-hero p { margin:0; color:#d7e6ef; font-size:11px; }
.visit-review-card { padding:18px; }
.visit-identity { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; padding-bottom:15px; border-bottom:1px solid var(--border); }
.visit-identity span,.visit-identity h3,.visit-identity p { display:block; margin:0; }
.visit-identity > div > span { color:var(--muted); font-size:9px; font-weight:850; text-transform:uppercase; letter-spacing:.08em; }
.visit-identity h3 { margin-top:4px; font-size:19px; letter-spacing:-.025em; }
.visit-identity p { margin-top:3px; color:var(--muted); font-size:10px; }
.visit-duration { flex:0 0 auto; min-width:76px; padding:10px; text-align:center; color:var(--authority); border:1px solid color-mix(in srgb,var(--authority),transparent 78%); border-radius:12px; background:var(--authority-soft); }
.visit-duration strong,.visit-duration small { display:block; }
.visit-duration strong { font-size:15px; font-variant-numeric:tabular-nums; }
.visit-duration small { margin-top:2px; color:var(--muted); font-size:8px; text-transform:uppercase; letter-spacing:.05em; }
.review-section-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:22px 0 10px; }
.review-section-heading h3 { margin:2px 0 0; font-size:17px; }
.visit-review-kpis { display:grid; gap:8px; }
.visit-review-kpi { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:10px; min-height:66px; padding:10px; border:1px solid var(--border); border-left:3px solid var(--accent); border-radius:12px; background:var(--surface); }
.visit-review-kpi.attention { border-left-color:var(--warning); background:color-mix(in srgb,var(--warning-soft),var(--surface) 72%); }
.review-kpi-code { width:40px; height:40px; display:grid; place-items:center; color:var(--accent-strong); border-radius:10px; background:var(--accent-soft); font-size:9px; font-weight:900; }
.visit-review-kpi.attention .review-kpi-code { color:var(--warning); background:var(--warning-soft); }
.visit-review-kpi strong,.visit-review-kpi small { display:block; }
.visit-review-kpi strong { font-size:12px; }
.visit-review-kpi small { margin-top:2px; color:var(--muted); font-size:9px; line-height:1.4; }
.visit-review-kpi > em { padding:4px 7px; color:var(--accent-strong); border-radius:999px; background:var(--accent-soft); font-size:7px; font-style:normal; font-weight:900; text-transform:uppercase; letter-spacing:.05em; }
.visit-review-kpi.attention > em { color:var(--warning); background:var(--warning-soft); }
.review-list.compact { margin-top:18px; }
.review-row.notes { align-items:start; }
.review-row.notes strong { max-width:65%; text-align:right; white-space:normal; }
.checkout-control { margin-top:18px; padding-top:4px; border-top:1px solid var(--border); }
.visit-confirmation { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:start; gap:11px; margin:12px 0 18px; padding:14px; border:1px solid color-mix(in srgb,var(--authority),transparent 72%); border-radius:13px; background:var(--authority-soft); cursor:pointer; }
.visit-confirmation input { width:21px; height:21px; min-height:0; margin:1px 0 0; accent-color:var(--accent); }
.visit-confirmation strong,.visit-confirmation small { display:block; }
.visit-confirmation strong { color:var(--authority); font-size:12px; }
.visit-confirmation small { margin-top:4px; color:var(--muted); font-size:9px; line-height:1.45; }

.visit-receipt { display:grid; gap:14px; }
.receipt-success { display:grid; place-items:center; padding:20px; text-align:center; color:#fff; border-radius:17px; background:linear-gradient(138deg,#0b6b55,#0d7a68); }
.receipt-success > span { width:50px; height:50px; display:grid; place-items:center; margin-bottom:10px; color:#0b6b55; border-radius:50%; background:#e7fff7; }
.receipt-success svg { width:25px; height:25px; }
.receipt-success strong,.receipt-success small { display:block; }
.receipt-success strong { font-size:18px; }
.receipt-success small { margin-top:3px; color:#d6f5eb; font-size:10px; }
.receipt-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }
.receipt-stats > div { min-width:0; padding:11px 6px; text-align:center; border:1px solid var(--border); border-radius:11px; background:var(--canvas); }
.receipt-stats strong,.receipt-stats span { display:block; }
.receipt-stats strong { font-size:15px; }
.receipt-stats span { margin-top:3px; color:var(--muted); font-size:8px; }
.receipt-timeline { display:flex; justify-content:space-between; gap:10px; padding:11px 12px; border:1px solid var(--border); border-radius:11px; background:var(--surface); color:var(--muted); font-size:9px; }
.receipt-timeline span { display:flex; align-items:center; gap:6px; }
.receipt-timeline i { width:7px; height:7px; border-radius:50%; background:var(--accent); }
.receipt-kpis { display:grid; gap:6px; max-height:280px; overflow:auto; }
.receipt-kpis > div { display:grid; grid-template-columns:40px minmax(0,1fr) auto; align-items:center; gap:9px; padding:9px; border:1px solid var(--border); border-radius:10px; background:var(--surface); }
.receipt-kpis > div > span { width:36px; height:36px; display:grid; place-items:center; color:var(--accent-strong); border-radius:9px; background:var(--accent-soft); font-size:8px; font-weight:900; }
.receipt-kpis p,.receipt-kpis strong,.receipt-kpis small { display:block; margin:0; }
.receipt-kpis strong { font-size:10px; }
.receipt-kpis small { margin-top:2px; color:var(--muted); font-size:8px; }
.receipt-kpis em { color:var(--accent-strong); font-size:7px; font-style:normal; font-weight:900; text-transform:uppercase; }

[data-theme="dark"] .kpi-group,[data-theme="dark"] .visit-review-kpi,[data-theme="dark"] .receipt-kpis > div { background:#0e2232; }
[data-theme="dark"] .kpi-card.pending { background:#0b1b29; }
[data-theme="dark"] .kpi-card.complete { background:#12332e; }
[data-theme="dark"] .visit-confirmation,[data-theme="dark"] .kpi-modal-context { background:#142d42; }
[data-theme="dark"] .visit-confirmation strong { color:#c6e2f6; }

@media (min-width:700px) {
  .visit-review-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:520px) {
  .kpi-command { grid-template-columns:minmax(0,1fr) 78px; gap:11px; padding:17px; }
  .kpi-command h2 { font-size:21px; }
  .kpi-command p { font-size:10.5px; }
  .kpi-progress-orb { width:76px; height:76px; }
  .kpi-progress-orb strong { font-size:18px; }
  .kpi-legend { gap:8px; font-size:8px; }
  .kpi-group { padding:11px; }
  .visit-review-hero { padding:16px; }
  .review-seal { width:48px; height:48px; }
  .visit-review-hero h2 { font-size:21px; }
  .receipt-timeline { align-items:flex-start; flex-direction:column; }
}
@media (max-width:360px) {
  .kpi-command { grid-template-columns:1fr; }
  .kpi-progress-orb { width:72px; height:72px; }
  .visit-review-hero { grid-template-columns:1fr; }
  .review-grid { grid-template-columns:1fr 1fr; }
}
@media (prefers-reduced-motion:reduce) {
  .kpi-progress-orb,.kpi-card,.primary-button,.secondary-button { transition:none; }
}

/* V19 — mandatory Store SKU Baseline and visit-to-visit change control */
.sku-baseline-hero { display:grid; grid-template-columns:auto minmax(0,1fr); gap:14px; align-items:start; margin:2px 0 16px; padding:16px; color:#fff; border-radius:16px; background:linear-gradient(140deg,var(--authority),#15536b); box-shadow:var(--shadow-sm); }
.sku-baseline-hero.first { background:linear-gradient(140deg,#6f1821,#a42632); }
.sku-baseline-icon { width:48px; height:48px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.24); border-radius:13px; background:rgba(255,255,255,.12); font-size:12px; font-weight:900; letter-spacing:.06em; }
.sku-baseline-hero .eyebrow { color:#a7ead7; }
.sku-baseline-hero.first .eyebrow { color:#ffd8db; }
.sku-baseline-hero h3 { margin:4px 0; color:#fff; font-size:18px; letter-spacing:-.025em; }
.sku-baseline-hero p { margin:0; color:#deebf2; font-size:11px; line-height:1.55; }
.sku-choice-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-bottom:14px; }
.sku-choice { min-height:84px; padding:13px; text-align:left; color:var(--text); border:1px solid var(--border); border-radius:14px; background:var(--surface); cursor:pointer; transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease; }
.sku-choice:hover,.sku-choice:focus-visible { border-color:color-mix(in srgb,var(--accent),transparent 32%); }
.sku-choice.selected { border-color:var(--accent); background:var(--accent-soft); box-shadow:inset 0 0 0 1px var(--accent); }
.sku-choice strong,.sku-choice small { display:block; }
.sku-choice strong { font-size:12px; }
.sku-choice small { margin-top:5px; color:var(--muted); font-size:9px; line-height:1.45; }
.sku-section-head { display:flex; align-items:end; justify-content:space-between; gap:10px; margin:18px 0 8px; }
.sku-section-head h3 { margin:3px 0 0; font-size:15px; }
.sku-baseline-list { display:grid; gap:7px; }
.sku-baseline-list.compact { max-height:250px; overflow:auto; }
.sku-item { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:10px; min-height:64px; padding:9px; border:1px solid var(--border); border-radius:12px; background:var(--surface); }
.sku-item-code { min-width:56px; padding:8px 7px; text-align:center; color:var(--authority); border-radius:9px; background:var(--authority-soft); font-size:9px; font-weight:900; font-variant-numeric:tabular-nums; }
.sku-item-copy { min-width:0; }
.sku-item-copy strong,.sku-item-copy small { display:block; overflow-wrap:anywhere; }
.sku-item-copy strong { font-size:11px; line-height:1.35; }
.sku-item-copy small { margin-top:2px; color:var(--muted); font-size:8px; line-height:1.35; }
.sku-item-state,.sku-item-action { min-width:48px; min-height:44px; display:grid; place-items:center; padding:7px; border-radius:9px; font-size:8px; font-weight:850; }
.sku-item-state { min-height:auto; color:var(--accent-strong); background:var(--accent-soft); }
.sku-item-action { border:1px solid var(--border); background:var(--canvas); cursor:pointer; }
.sku-item-action.remove { color:var(--danger); border-color:color-mix(in srgb,var(--danger),transparent 60%); background:var(--danger-soft); }
.sku-item-action.restore { color:var(--accent-strong); border-color:color-mix(in srgb,var(--accent),transparent 60%); background:var(--accent-soft); }
.sku-empty-confirm,.sku-guidance { margin:12px 0; padding:15px; border:1px dashed var(--border); border-radius:13px; background:var(--canvas); }
.sku-empty-confirm strong,.sku-empty-confirm p { display:block; margin:0; }
.sku-empty-confirm strong { color:var(--authority); font-size:12px; }
.sku-empty-confirm p,.sku-guidance { margin-top:4px; color:var(--muted); font-size:10px; line-height:1.5; }
.sku-change-summary { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:11px; padding:14px; border:1px solid color-mix(in srgb,var(--accent),transparent 62%); border-radius:13px; background:var(--accent-soft); }
.sku-change-summary > span { width:36px; height:36px; display:grid; place-items:center; color:#fff; border-radius:10px; background:var(--accent); font-weight:900; }
.sku-change-summary strong,.sku-change-summary small { display:block; }
.sku-change-summary strong { color:var(--accent-strong); font-size:12px; }
.sku-change-summary small { margin-top:3px; color:var(--muted); font-size:9px; }
.sku-delta-strip { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin-bottom:14px; }
.sku-delta-strip > div { padding:11px 7px; text-align:center; border:1px solid var(--border); border-radius:11px; background:var(--canvas); }
.sku-delta-strip strong,.sku-delta-strip span { display:block; }
.sku-delta-strip strong { color:var(--authority); font-size:17px; font-variant-numeric:tabular-nums; }
.sku-delta-strip span { margin-top:2px; color:var(--muted); font-size:8px; font-weight:800; text-transform:uppercase; }
.sku-delta-strip .added { border-color:color-mix(in srgb,var(--accent),transparent 62%); background:var(--accent-soft); }
.sku-delta-strip .added strong { color:var(--accent-strong); }
.sku-delta-strip .removed { border-color:color-mix(in srgb,var(--danger),transparent 62%); background:var(--danger-soft); }
.sku-delta-strip .removed strong { color:var(--danger); }
.removed-heading .eyebrow { color:var(--danger); }
.removed-list .sku-item { border-color:color-mix(in srgb,var(--danger),transparent 72%); background:color-mix(in srgb,var(--danger-soft),var(--surface) 75%); }

/* v31 — calm, step-based initial SKU verification */
.sku-baseline-modal { --sku-line:color-mix(in srgb,var(--authority),transparent 82%); }
.sku-baseline-modal .modal-heading { margin-bottom:16px; }
.sku-baseline-modal .modal-heading h2 { color:var(--authority); letter-spacing:-.025em; }
.sku-baseline-modal .sku-baseline-hero.first { padding:18px; border:1px solid rgba(255,255,255,.12); border-radius:18px; background:linear-gradient(138deg,#102f4a 0%,#174f69 72%,#0e665c 135%); box-shadow:0 16px 34px rgba(15,47,72,.18); }
.sku-setup-progress { position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; margin:0 0 14px; padding:0 4px; }
.sku-setup-progress::before { content:""; position:absolute; top:15px; left:17%; right:17%; height:2px; background:var(--border); }
.sku-setup-progress span { position:relative; z-index:1; min-width:0; display:grid; justify-items:center; gap:5px; color:var(--muted); }
.sku-setup-progress i { width:31px; height:31px; display:grid; place-items:center; color:var(--muted); border:2px solid var(--border); border-radius:50%; background:var(--surface-raised); font-size:10px; font-style:normal; font-weight:900; }
.sku-setup-progress strong { overflow:hidden; max-width:100%; font-size:8px; line-height:1.2; text-overflow:ellipsis; text-transform:uppercase; letter-spacing:.04em; white-space:nowrap; }
.sku-setup-progress span.active { color:var(--accent-strong); }
.sku-setup-progress span.active i { color:#fff; border-color:var(--accent); background:var(--accent); box-shadow:0 0 0 4px var(--accent-soft); }
.sku-workstep { margin-top:11px; padding:14px; border:1px solid var(--sku-line); border-radius:16px; background:color-mix(in srgb,var(--surface),var(--canvas) 12%); box-shadow:0 8px 22px rgba(18,44,62,.045); }
.sku-workstep-head { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:10px; margin-bottom:12px; }
.sku-workstep-head > span { width:32px; height:32px; display:grid; place-items:center; color:var(--authority); border-radius:10px; background:var(--authority-soft); font-size:10px; font-weight:900; }
.sku-workstep-head strong,.sku-workstep-head small { display:block; }
.sku-workstep-head strong { color:var(--text); font-size:12px; }
.sku-workstep-head small { margin-top:2px; color:var(--muted); font-size:9px; line-height:1.4; }
.sku-workstep-head > em { padding:5px 8px; color:var(--accent-strong); border-radius:999px; background:var(--accent-soft); font-size:8px; font-style:normal; font-weight:900; text-transform:uppercase; }
.sku-choice-grid.vertical { grid-template-columns:1fr; gap:8px; margin:0; }
.sku-choice-grid.vertical .sku-choice { min-height:72px; display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:11px; padding:12px; border-radius:12px; }
.sku-choice-grid.vertical .sku-choice > i { width:21px; height:21px; display:grid; place-items:center; border:2px solid var(--border-strong); border-radius:50%; background:var(--surface-raised); }
.sku-choice-grid.vertical .sku-choice.selected > i { border:6px solid var(--accent); }
.sku-choice-grid.vertical .sku-choice > span { min-width:0; }
.sku-choice-grid.vertical .sku-choice strong { font-size:11px; line-height:1.35; }
.sku-choice-grid.vertical .sku-choice small { margin-top:3px; font-size:9px; }
.sku-search-action { width:100%; min-height:64px; display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:11px; margin:0 0 10px; padding:11px; text-align:left; color:var(--authority); border:1px solid color-mix(in srgb,var(--authority),transparent 64%); border-radius:13px; background:var(--authority-soft); cursor:pointer; }
.sku-search-action > span { width:39px; height:39px; display:grid; place-items:center; color:#fff; border-radius:11px; background:var(--authority); font-size:22px; font-weight:500; }
.sku-search-action strong,.sku-search-action small { display:block; }
.sku-search-action strong { font-size:11px; }
.sku-search-action small { margin-top:2px; color:var(--muted); font-size:9px; }
.sku-search-action:focus-visible { outline:3px solid color-mix(in srgb,var(--accent),transparent 60%); outline-offset:2px; }
.sku-empty-state { display:grid; gap:3px; padding:16px; text-align:center; color:var(--muted); border:1px dashed var(--border); border-radius:12px; background:var(--canvas); }
.sku-empty-state strong { color:var(--text); font-size:11px; }
.sku-empty-state small { font-size:9px; }
.sku-guidance.professional { display:grid; gap:4px; margin-top:11px; padding:14px; border-style:solid; border-left:4px solid var(--authority); }
.sku-guidance.professional strong { color:var(--authority); font-size:11px; }
.sku-guidance.professional span { color:var(--muted); font-size:9px; line-height:1.5; }
.sku-workstep.evidence-step .evidence-panel { margin:0; padding:0; border:0; background:transparent; }
.sku-workstep.evidence-step .evidence-title { padding-top:10px; border-top:1px solid var(--border); }
.sku-workstep.evidence-step .photo-drop { min-height:66px; border:1px dashed color-mix(in srgb,var(--accent),transparent 45%); border-radius:12px; background:var(--accent-soft); }
.sku-workstep.evidence-step .photo-drop span::before { content:"＋ "; }
.sku-baseline-modal .modal-actions { grid-template-columns:minmax(0,.72fr) minmax(0,1.55fr); gap:12px; }
[data-theme="dark"] .sku-workstep { background:#0e2232; }
[data-theme="dark"] .sku-setup-progress i { background:#102536; }

@media (max-width:520px) {
  .sku-baseline-modal { padding-inline:14px; }
  .sku-baseline-modal .modal-actions { display:flex; flex-direction:column; margin-inline:-14px; padding-inline:14px; }
  .sku-baseline-modal .modal-actions #modalSave { order:-1; min-height:54px; }
  .sku-baseline-modal .modal-actions #modalCancel { min-height:46px; }
  .sku-workstep { padding:12px; }
  .sku-item { grid-template-columns:minmax(0,1fr) auto; }
  .sku-item-code { grid-column:1; width:max-content; min-width:54px; }
  .sku-item-copy { grid-column:1; }
  .sku-item-action,.sku-item-state { grid-column:2; grid-row:1 / span 2; }
}
.assortment-review-panel { margin:14px 0 4px; padding:15px; border:1px solid color-mix(in srgb,var(--authority),transparent 72%); border-left:4px solid var(--authority); border-radius:14px; background:var(--authority-soft); }
.assortment-review-head { display:flex; align-items:start; justify-content:space-between; gap:12px; }
.assortment-review-head h3 { margin:3px 0 0; color:var(--authority); font-size:15px; }
.assortment-review-count { flex:0 0 auto; padding:6px 8px; color:var(--accent-strong); border-radius:999px; background:var(--accent-soft); font-size:8px; font-weight:900; text-transform:uppercase; }
.assortment-review-panel > p { margin:8px 0 0; color:var(--muted); font-size:10px; }
.assortment-review-delta { display:grid; grid-template-columns:64px minmax(0,1fr); gap:8px; margin-top:9px; padding-top:9px; border-top:1px solid color-mix(in srgb,var(--authority),transparent 78%); }
.assortment-review-delta strong { font-size:9px; text-transform:uppercase; }
.assortment-review-delta span { display:block; color:var(--text); font-size:9px; line-height:1.45; }
.assortment-review-delta.added strong { color:var(--accent-strong); }
.assortment-review-delta.removed strong { color:var(--danger); }
.review-stat.priority { border-color:color-mix(in srgb,var(--authority),transparent 70%); background:var(--authority-soft); }
.review-stat.priority strong { color:var(--authority); }
.receipt-assortment { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:start; gap:10px; padding:12px; border:1px solid color-mix(in srgb,var(--authority),transparent 70%); border-radius:12px; background:var(--authority-soft); }
.receipt-assortment-badge { width:42px; height:42px; display:grid; place-items:center; color:#fff; border-radius:10px; background:var(--authority); font-size:9px; font-weight:900; }
.receipt-assortment strong,.receipt-assortment small,.receipt-assortment em { display:block; }
.receipt-assortment strong { color:var(--authority); font-size:11px; }
.receipt-assortment small { margin-top:3px; color:var(--muted); font-size:9px; }
.receipt-assortment em { margin-top:5px; font-size:8px; font-style:normal; font-weight:800; }
.receipt-assortment em.added { color:var(--accent-strong); }
.receipt-assortment em.removed { color:var(--danger); }
.report-sku-baseline { margin:12px 0; padding:12px; border:1px solid color-mix(in srgb,var(--authority),transparent 72%); border-radius:12px; background:var(--authority-soft); }
.report-sku-head { display:flex; align-items:start; justify-content:space-between; gap:10px; }
.report-sku-head strong { display:block; margin-top:3px; color:var(--authority); font-size:11px; }
.report-sku-head > span { padding:5px 7px; color:var(--accent-strong); border-radius:999px; background:var(--accent-soft); font-size:8px; font-weight:900; text-transform:uppercase; }
.report-sku-baseline > p { margin:9px 0 0; color:var(--muted); font-size:9px; }
.report-sku-changes { display:grid; gap:6px; margin-top:10px; }
.report-sku-changes > div { display:grid; grid-template-columns:58px minmax(0,1fr); align-items:center; gap:8px; padding-top:7px; border-top:1px solid color-mix(in srgb,var(--authority),transparent 80%); }
.report-sku-changes span { font-size:8px; font-weight:900; }
.report-sku-changes strong { font-size:9px; line-height:1.35; }
.report-sku-changes .added span,.report-sku-changes .initial span { color:var(--accent-strong); }
.report-sku-changes .removed span { color:var(--danger); }
[data-theme="dark"] .sku-item,[data-theme="dark"] .sku-choice { background:#0e2232; }
[data-theme="dark"] .sku-choice.selected,[data-theme="dark"] .sku-change-summary { background:#12332e; }
[data-theme="dark"] .assortment-review-panel,[data-theme="dark"] .receipt-assortment { background:#142d42; }
[data-theme="dark"] .report-sku-baseline { background:#142d42; }
[data-theme="dark"] .assortment-review-head h3,[data-theme="dark"] .receipt-assortment strong { color:#c6e2f6; }
@media (max-width:420px) {
  .sku-choice-grid { grid-template-columns:1fr; }
  .sku-choice { min-height:68px; }
  .sku-item { grid-template-columns:50px minmax(0,1fr) auto; gap:7px; }
  .sku-item-code { min-width:48px; padding-inline:4px; }
}
@media (orientation:landscape) and (max-height:520px) {
  .sku-baseline-hero { padding:12px; }
  .sku-baseline-list.compact { max-height:150px; }
}
@media (prefers-reduced-motion:reduce) {
  .sku-choice { transition:none; }
}

/* V21 — structured stock, SKU price-tag control, and approved day close */
.kpi-card.locked { opacity:.66; cursor:not-allowed; background:color-mix(in srgb,var(--canvas),var(--surface) 58%); }
.kpi-card.locked .kpi-code { background:var(--canvas); color:var(--muted); }
.structured-note { margin-top:12px; padding:12px 14px; border-radius:12px; background:color-mix(in srgb,var(--accent),transparent 92%); color:var(--text); font-size:12px; line-height:1.5; font-weight:800; }
.structured-note.success { background:color-mix(in srgb,var(--accent),transparent 88%); color:var(--accent-strong); }
.structured-note.warning { background:color-mix(in srgb,var(--warning),transparent 86%); color:var(--warning); }
.lpo-type-control { margin-bottom:16px; padding:16px; border:1px solid var(--border); border-radius:16px; background:var(--surface-soft); }
.lpo-type-control .field-heading { display:flex; flex-direction:column; gap:4px; margin-bottom:12px; }
.lpo-type-control .field-heading strong { font-size:15px; color:var(--text); }
.lpo-type-control .field-heading small { font-size:12px; line-height:1.5; color:var(--muted); }
.lpo-type-control .segment { min-height:48px; white-space:normal; line-height:1.25; }
.price-tag-intro { margin-bottom:16px; padding:15px; border:1px solid color-mix(in srgb,var(--accent),transparent 72%); border-radius:14px; background:color-mix(in srgb,var(--accent),transparent 94%); }
.price-tag-intro strong { display:block; color:var(--text); font-size:12px; }
.price-tag-intro p { margin:5px 0 0; color:var(--muted); font-size:9px; }
.price-tag-list { display:grid; gap:10px; }
.price-tag-item { padding:13px; border:1px solid var(--border); border-radius:14px; background:var(--surface); box-shadow:var(--shadow-sm); }
.price-tag-product { display:grid; grid-template-columns:auto minmax(0,1fr); gap:10px; align-items:start; margin-bottom:11px; }
.price-tag-product > span { min-width:56px; padding:7px 8px; border-radius:9px; background:var(--authority); color:#fff; text-align:center; font-size:8px; font-weight:900; letter-spacing:.03em; }
.price-tag-product strong,.price-tag-product small { display:block; overflow-wrap:anywhere; }
.price-tag-product strong { color:var(--text); font-size:10px; }
.price-tag-product small { margin-top:3px; color:var(--muted); font-size:8px; }
.segmented.compact { gap:5px; padding:4px; }
.segmented.compact .segment { min-height:44px; padding:8px 5px; font-size:8px; }
.close-day-identity { display:grid; grid-template-columns:auto minmax(0,1fr); gap:13px; align-items:center; margin-bottom:18px; padding:15px; border-radius:16px; color:#fff; background:linear-gradient(135deg,var(--authority),color-mix(in srgb,var(--authority),var(--accent) 28%)); }
.close-day-identity .person-avatar { width:52px; height:52px; background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.25); }
.close-day-identity .eyebrow,.close-day-identity p { color:rgba(255,255,255,.78); }
.close-day-identity h3 { margin:3px 0; color:#fff; font-size:14px; }
.close-day-identity p { margin:0; font-size:9px; }
.close-day-visits { margin:18px 0; padding:15px; border:1px solid var(--border); border-radius:16px; background:var(--canvas); }
.close-visit-row { display:grid; grid-template-columns:34px minmax(0,1fr); gap:10px; align-items:center; padding:10px 0; border-bottom:1px solid var(--border); }
.close-visit-row:last-child { border-bottom:0; }
.close-visit-row > span { display:grid; place-items:center; width:32px; height:32px; border-radius:9px; background:var(--surface); color:var(--accent-strong); font-size:8px; font-weight:900; }
.close-visit-row strong,.close-visit-row small { display:block; }
.close-visit-row strong { color:var(--text); font-size:10px; }
.close-visit-row small { margin-top:2px; color:var(--muted); font-size:8px; }
.close-approval { margin:16px 0; }
[data-theme="dark"] .price-tag-item { background:#0e2232; }
[data-theme="dark"] .price-tag-intro { background:#12332e; }
@media (max-width:390px) {
  .price-tag-item { padding:11px; }
}

/* V23 — decision-grade Reporting Center */
main:has(#screen-customers.active) { width:min(100%,1120px); }
#screen-customers { max-width:1120px; margin-inline:auto; }
.reporting-masthead { min-height:178px; align-items:center; padding:28px 30px; background:linear-gradient(132deg,#102f4a 0%,#071a2c 72%); }
.reporting-masthead h1 { max-width:18ch; font-size:clamp(30px,5vw,42px); }
.reporting-masthead p { max-width:58ch; font-size:13px; line-height:1.55; }
.reporting-trust { position:relative; z-index:1; display:flex; flex-direction:column; align-items:flex-end; gap:7px; }
.reporting-trust small { color:rgba(255,255,255,.52); font-size:10px; font-weight:700; }
.live-indicator { display:inline-flex; align-items:center; gap:7px; min-height:34px; padding:7px 11px; font-weight:850; letter-spacing:.06em; }
.live-indicator i { width:7px; height:7px; border-radius:50%; background:#69dab7; box-shadow:0 0 0 4px rgba(105,218,183,.14); }

.report-tabs { position:sticky; top:calc(73px + env(safe-area-inset-top)); z-index:18; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; margin-bottom:18px; padding:6px; border-radius:20px; }
.report-tab { min-height:62px; display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; justify-items:start; gap:10px; padding:9px 12px; text-align:left; }
.report-tab-icon { width:36px; height:36px; display:grid; place-items:center; color:var(--muted); border-radius:11px; background:var(--canvas); }
.report-tab-icon svg { width:18px; height:18px; stroke-width:2; }
.report-tab-copy strong,.report-tab-copy small { display:block; }
.report-tab-copy strong { color:inherit; font-size:12px; }
.report-tab-copy small { margin-top:1px; color:var(--muted); font-size:9px; font-weight:650; }
.report-tab.active .report-tab-icon { color:#fff; background:var(--authority); }
.report-tab.active .report-tab-copy small { color:var(--muted); }

.report-filter-card { gap:14px; margin-bottom:18px; padding:20px; border:1px solid var(--border); border-top:0; border-left:4px solid var(--authority); border-radius:18px; background:var(--surface); box-shadow:var(--shadow-sm); }
.filter-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.filter-heading > div { display:flex; align-items:center; gap:12px; }
.filter-heading strong { display:block; font-size:14px; }
.filter-step { flex:0 0 auto; padding:6px 9px; color:var(--authority); border-radius:999px; background:var(--authority-soft); font-size:9px; font-weight:850; letter-spacing:.04em; }
.report-code { width:46px; height:46px; border-radius:12px; background:linear-gradient(145deg,var(--authority),#285b82); box-shadow:none; }
.report-search input { min-height:54px; border-width:1px; background:var(--canvas); }
.report-search input:focus { background:var(--surface); }
.report-run-button { display:flex; align-items:center; justify-content:center; gap:9px; }
.report-run-button > span { width:20px; height:20px; display:grid; place-items:center; }
.report-run-button svg { width:19px; height:19px; }

.report-discovery,.report-empty { display:grid; justify-items:center; gap:10px; padding:34px 24px; text-align:center; border:1px dashed color-mix(in srgb,var(--authority),transparent 65%); border-radius:20px; background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--authority-soft),var(--surface) 65%)); }
.report-discovery-icon,.report-empty > span { width:52px; height:52px; display:grid; place-items:center; color:var(--authority); border-radius:16px; background:var(--authority-soft); }
.report-discovery-icon svg,.report-empty > span svg { width:24px; height:24px; }
.report-discovery h2,.report-empty h3 { margin:3px 0 0; font-size:18px; }
.report-discovery p,.report-empty p { max-width:58ch; margin:0; color:var(--muted); font-size:12px; line-height:1.55; }
.report-discovery > small { color:var(--muted); font-size:10px; font-weight:750; }
.report-shortcuts { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin:4px 0; }
.report-shortcuts button { min-height:44px; padding:8px 13px; color:var(--authority); border:1px solid color-mix(in srgb,var(--authority),transparent 65%); border-radius:12px; background:var(--surface); font-size:11px; font-weight:800; transition:background 180ms ease,border-color 180ms ease; }
.report-shortcuts button:hover { border-color:var(--authority); background:var(--authority-soft); }

.report-result-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 2px 10px; }
.report-result-head strong,.report-result-head span { display:block; }
.report-result-head strong { font-size:13px; }
.report-result-head span { color:var(--muted); font-size:10px; }
.report-directory { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.report-customer-row { min-width:0; min-height:78px; display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; align-items:center; gap:11px; padding:12px; text-align:left; color:var(--ink); border:1px solid var(--border); border-radius:16px; background:var(--surface); box-shadow:var(--shadow-sm); transition:border-color 180ms ease,box-shadow 180ms ease,background 180ms ease; }
.report-customer-row:hover { border-color:color-mix(in srgb,var(--authority),transparent 50%); background:color-mix(in srgb,var(--authority-soft),var(--surface) 72%); box-shadow:var(--shadow-md); }
.report-customer-copy { min-width:0; }
.report-customer-copy strong,.report-customer-copy small,.report-customer-owner strong,.report-customer-owner small { display:block; }
.report-customer-copy strong { overflow:hidden; color:var(--ink); font-size:12px; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
.report-customer-copy small { margin-top:3px; overflow:hidden; color:var(--muted); font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.report-customer-copy em { display:flex; flex-wrap:wrap; align-items:center; gap:3px; margin-top:5px; color:var(--muted); font-size:9px; font-style:normal; line-height:1.35; }
.report-customer-copy em span { color:var(--authority); font-weight:800; }
.report-customer-copy em b { color:var(--ink); font-weight:850; font-variant-numeric:tabular-nums; }
.report-customer-owner { min-width:58px; text-align:right; }
.report-customer-owner small { color:var(--subtle); font-size:8px; text-transform:uppercase; }
.report-customer-owner strong { margin-top:2px; color:var(--muted); font-size:9px; }
.row-chevron,.visit-expand { width:28px; height:28px; display:grid; place-items:center; color:var(--muted); border-radius:9px; background:var(--canvas); }
.row-chevron svg,.visit-expand svg { width:15px; height:15px; }

.report-loading { position:relative; overflow:hidden; min-height:150px; display:grid; grid-template-columns:auto minmax(0,1fr); align-content:center; gap:12px; padding:24px; border:1px solid var(--border); border-radius:18px; background:var(--surface); }
.report-loading-mark { width:44px; height:44px; border:3px solid var(--authority-soft); border-top-color:var(--authority); border-radius:50%; animation:spin .8s linear infinite; }
.report-loading strong,.report-loading small { display:block; }
.report-loading strong { font-size:13px; }
.report-loading small { margin-top:3px; color:var(--muted); font-size:10px; }
.report-skeleton { grid-column:1/-1; display:grid; gap:7px; margin-top:5px; }
.report-skeleton i { height:10px; border-radius:8px; background:linear-gradient(90deg,var(--canvas),var(--border),var(--canvas)); background-size:220% 100%; animation:skeleton-shift 1.2s ease-in-out infinite; }
.report-skeleton i:nth-child(2) { width:82%; }
.report-skeleton i:nth-child(3) { width:64%; }
@keyframes skeleton-shift { to { background-position:-220% 0; } }

.customer-report,.team-report-hero { display:grid; gap:16px; }
.customer-report-hero,.team-report-hero { overflow:hidden; padding:22px; color:#fff; border-radius:22px; background:linear-gradient(132deg,var(--authority),var(--authority-strong)); box-shadow:0 18px 44px rgba(7,26,44,.18); }
.report-hero-top { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
.report-back { min-height:44px; display:inline-flex; align-items:center; gap:5px; padding:7px 9px; color:rgba(255,255,255,.82); border:1px solid rgba(255,255,255,.12); border-radius:11px; background:rgba(255,255,255,.06); font-size:10px; font-weight:800; }
.report-back svg { width:17px; height:17px; }
.customer-report-hero .report-period,.team-report-hero .report-period { margin:0; color:rgba(255,255,255,.76); border-color:rgba(255,255,255,.12); background:rgba(255,255,255,.06); }
.report-period svg { width:14px; height:14px; margin-right:6px; }
.customer-identity { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:14px; margin-top:6px; }
.customer-identity .report-code { width:58px; height:58px; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.1); }
.customer-identity .eyebrow { color:#9dccf0; }
.customer-identity h2 { margin:4px 0 0; color:#fff; font-size:clamp(20px,4vw,28px); line-height:1.2; }
.customer-identity p { margin:5px 0 0; color:rgba(255,255,255,.62); font-size:11px; }
.customer-signal-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-top:5px; }
.customer-signal-grid > div { min-width:0; padding:11px; border:1px solid rgba(255,255,255,.1); border-radius:12px; background:rgba(255,255,255,.055); }
.customer-signal-grid span,.customer-signal-grid strong { display:block; }
.customer-signal-grid span { color:rgba(255,255,255,.56); font-size:8px; font-weight:750; text-transform:uppercase; }
.customer-signal-grid strong { margin-top:4px; overflow-wrap:anywhere; color:#fff; font-size:13px; font-variant-numeric:tabular-nums; }
.customer-signal-grid .signal-warning strong { color:#ffcf83; }
.customer-signal-grid .signal-good strong { color:#80ddbe; }

.report-block,.people-performance-section,.report-timeline { padding:19px; border:1px solid var(--border); border-radius:20px; background:var(--surface); box-shadow:var(--shadow-sm); }
.report-block-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:14px; }
.report-block-heading h2 { margin:3px 0 0; font-size:17px; }
.report-block-heading > span,.timeline-heading > span { color:var(--muted); font-size:9px; font-weight:750; }
.data-source-badge { padding:6px 8px; color:var(--accent-strong)!important; border-radius:999px; background:var(--accent-soft); text-transform:uppercase; letter-spacing:.05em; }

.report-metric-grid { gap:9px; }
.report-metric-grid.six { grid-template-columns:repeat(3,minmax(0,1fr)); }
.report-metric { min-height:96px; display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:11px; padding:13px; border:1px solid var(--border); border-top:1px solid var(--border); border-left:3px solid var(--border-strong); border-radius:14px; background:var(--surface); }
.report-metric-icon { width:36px; height:36px; display:grid; place-items:center; color:var(--authority); border-radius:11px; background:var(--authority-soft); }
.report-metric-icon svg { width:18px; height:18px; stroke-width:2; }
.report-metric > div { min-width:0; }
.report-metric strong { font-size:20px; font-variant-numeric:tabular-nums; }
.report-metric span { margin-top:3px; font-size:10px; }
.report-metric small { display:block; margin-top:3px; overflow:hidden; color:var(--subtle); font-size:8.5px; text-overflow:ellipsis; white-space:nowrap; }
.report-metric.tone-authority { border-left-color:var(--authority); }
.report-metric.tone-success { border-left-color:var(--accent); }
.report-metric.tone-info { border-left-color:var(--info); }
.report-metric.tone-brand { border-left-color:var(--brand); }
.report-metric.tone-success .report-metric-icon { color:var(--accent-strong); background:var(--accent-soft); }
.report-metric.tone-info .report-metric-icon { color:var(--info); background:var(--info-soft); }
.report-metric.tone-brand .report-metric-icon { color:var(--brand); background:var(--brand-soft); }

.report-kpi-overview { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:7px; margin-top:12px; }
.kpi-overview-item { min-width:0; padding:11px; border:1px solid var(--border); border-radius:12px; background:var(--canvas); }
.kpi-overview-item span,.kpi-overview-item strong,.kpi-overview-item small { display:block; }
.kpi-overview-item span { overflow:hidden; color:var(--muted); font-size:8px; font-weight:800; text-overflow:ellipsis; white-space:nowrap; text-transform:uppercase; }
.kpi-overview-item strong { margin-top:5px; color:var(--ink); font-size:16px; font-variant-numeric:tabular-nums; }
.kpi-overview-item small { margin-top:2px; color:var(--subtle); font-size:8px; }
.kpi-overview-item.active { border-color:color-mix(in srgb,var(--warning),transparent 60%); background:var(--warning-soft); }
.kpi-overview-item.active strong { color:var(--warning); }
.report-kpi-overview.compact { margin-top:0; }
.report-kpi-overview.compact .kpi-overview-item { padding:9px; }
.report-kpi-overview.compact .kpi-overview-item strong { font-size:12px; }

/* v27 — executive visit KPI command center and source-data drill-down */
.kpi-command-section { padding:16px; border:1px solid color-mix(in srgb,var(--authority),transparent 82%); border-radius:18px; background:linear-gradient(145deg,color-mix(in srgb,var(--authority-soft),var(--surface) 58%),var(--surface)); }
.kpi-command-section .visit-report-heading { align-items:flex-start; margin-bottom:12px; }
.kpi-command-section .visit-report-heading > div { display:grid; gap:3px; }
.kpi-command-section .visit-report-heading strong { color:var(--authority); font-size:13px; }
.kpi-command-section .visit-report-heading span { color:var(--muted); font-size:9px; line-height:1.45; }
.kpi-command-section .visit-report-heading em { flex:0 0 auto; padding:5px 8px; color:var(--muted); border:1px solid var(--border); border-radius:999px; background:var(--surface); font-size:8px; font-style:normal; font-weight:800; white-space:nowrap; }
.visit-kpi-command-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.kpi-drill-card { position:relative; min-width:0; min-height:82px; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:10px; padding:11px; color:var(--ink); border:1px solid var(--border); border-radius:15px; background:var(--surface); box-shadow:0 3px 12px rgba(15,47,74,.035); text-align:left; cursor:pointer; touch-action:manipulation; transition:border-color 180ms ease,background-color 180ms ease,box-shadow 180ms ease; }
.kpi-drill-card:hover,.kpi-drill-card:focus-visible { border-color:color-mix(in srgb,var(--authority),transparent 48%); background:color-mix(in srgb,var(--authority-soft),var(--surface) 56%); box-shadow:0 8px 20px rgba(15,47,74,.1); outline:3px solid color-mix(in srgb,var(--focus),transparent 72%); outline-offset:2px; }
.kpi-drill-card:active { background:var(--authority-soft); box-shadow:0 2px 7px rgba(15,47,74,.08); }
.kpi-drill-icon { width:38px; height:38px; display:grid; place-items:center; color:var(--muted); border-radius:12px; background:var(--canvas); }
.kpi-drill-icon svg { width:19px; height:19px; stroke-width:1.9; }
.kpi-drill-copy { display:grid; min-width:0; gap:2px; }
.kpi-drill-copy small { color:var(--muted); font-size:8px; font-weight:850; letter-spacing:.045em; line-height:1.25; text-transform:uppercase; }
.kpi-drill-copy strong { display:-webkit-box; overflow:hidden; color:var(--ink); font-size:11px; line-height:1.25; overflow-wrap:anywhere; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.kpi-drill-copy em { overflow:hidden; color:var(--subtle); font-size:8.5px; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }
.kpi-drill-open { width:28px; height:28px; display:grid; place-items:center; color:var(--muted); border-radius:9px; background:var(--canvas); }
.kpi-drill-open svg { width:15px; height:15px; }
.kpi-drill-card.recorded { border-left:3px solid var(--accent); }
.kpi-drill-card.recorded .kpi-drill-icon { color:var(--accent-strong); background:var(--accent-soft); }
.kpi-drill-card.recorded .kpi-drill-copy strong { color:var(--accent-strong); }
.kpi-drill-card.attention { border-left:3px solid var(--warning); background:linear-gradient(110deg,var(--warning-soft),var(--surface) 65%); }
.kpi-drill-card.attention .kpi-drill-icon { color:var(--warning); background:color-mix(in srgb,var(--warning-soft),var(--surface) 25%); }
.kpi-drill-card.attention .kpi-drill-copy strong { color:var(--warning); }

body.kpi-detail-open { overflow:hidden; }
.kpi-detail-overlay { position:fixed; inset:0; z-index:600; display:grid; place-items:end center; padding:22px 0 0; background:rgba(3,10,16,.62); backdrop-filter:blur(9px) saturate(88%); overscroll-behavior:contain; animation:kpi-detail-fade 180ms ease-out; }
.kpi-detail-sheet { width:min(100%,760px); min-width:0; max-width:100%; max-height:min(94dvh,940px); display:grid; grid-template-rows:auto minmax(0,1fr); overflow:hidden; color:var(--ink); border:1px solid var(--border); border-bottom:0; border-radius:28px 28px 0 0; background:var(--surface-raised); box-shadow:0 30px 90px rgba(3,10,16,.34); animation:kpi-detail-rise 240ms cubic-bezier(.22,.86,.25,1); }
.kpi-detail-header { min-width:0; display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:14px; padding:16px 18px; border-bottom:1px solid var(--border); background:linear-gradient(115deg,var(--authority),var(--authority-strong)); }
.kpi-detail-title { min-width:0; display:flex; align-items:center; gap:12px; }
.kpi-detail-icon { flex:0 0 auto; width:46px; height:46px; display:grid; place-items:center; color:#fff; border:1px solid rgba(255,255,255,.18); border-radius:14px; background:rgba(255,255,255,.1); }
.kpi-detail-icon svg { width:23px; height:23px; stroke-width:1.9; }
.kpi-detail-title > div { min-width:0; }
.kpi-detail-title .eyebrow { color:#8ce8c9; }
.kpi-detail-title h2 { margin:3px 0 1px; overflow:hidden; color:#fff; font-size:20px; letter-spacing:-.025em; text-overflow:ellipsis; white-space:nowrap; }
.kpi-detail-title p { margin:0; overflow:hidden; color:rgba(255,255,255,.68); font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.kpi-detail-close { flex:0 0 auto; min-width:76px; min-height:46px; display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:8px 12px; color:#fff; border:1px solid rgba(255,255,255,.2); border-radius:13px; background:rgba(255,255,255,.1); font-size:10px; font-weight:800; cursor:pointer; touch-action:manipulation; }
.kpi-detail-close:hover,.kpi-detail-close:focus-visible { background:rgba(255,255,255,.18); outline:3px solid rgba(255,255,255,.28); outline-offset:2px; }
.kpi-detail-close svg { width:17px; height:17px; }
.kpi-detail-body { min-width:0; min-height:0; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; padding:16px 16px max(22px,env(safe-area-inset-bottom)); }
.kpi-detail-body > * { min-width:0; max-width:100%; }
.kpi-detail-status { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:16px; color:var(--authority); border:1px solid color-mix(in srgb,var(--authority),transparent 76%); border-left:4px solid var(--authority); border-radius:17px; background:var(--authority-soft); }
.kpi-detail-status > div { display:grid; gap:3px; min-width:0; }
.kpi-detail-status span { color:var(--muted); font-size:8px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.kpi-detail-status strong { overflow-wrap:anywhere; font-size:18px; letter-spacing:-.02em; }
.kpi-detail-status em { flex:0 1 auto; max-width:100%; padding:6px 9px; overflow-wrap:anywhere; color:inherit; border:1px solid currentColor; border-radius:999px; font-size:8px; font-style:normal; font-weight:850; line-height:1.35; text-align:center; text-transform:uppercase; }
.kpi-detail-status.recorded { color:var(--accent-strong); border-color:color-mix(in srgb,var(--accent),transparent 66%); border-left-color:var(--accent); background:var(--accent-soft); }
.kpi-detail-status.attention { color:var(--warning); border-color:color-mix(in srgb,var(--warning),transparent 58%); border-left-color:var(--warning); background:var(--warning-soft); }
.kpi-detail-facts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-top:10px; }
.kpi-detail-facts > div { min-width:0; padding:11px; border:1px solid var(--border); border-radius:13px; background:var(--canvas); }
.kpi-detail-facts span,.kpi-detail-facts strong { display:block; }
.kpi-detail-facts span { color:var(--muted); font-size:8px; font-weight:800; text-transform:uppercase; }
.kpi-detail-facts strong { margin-top:5px; overflow-wrap:anywhere; color:var(--ink); font-size:11px; font-variant-numeric:tabular-nums; }
.kpi-detail-note { margin-top:10px; padding:12px 14px; border:1px solid color-mix(in srgb,var(--warning),transparent 62%); border-radius:14px; background:var(--warning-soft); }
.kpi-detail-note span { color:var(--warning); font-size:8px; font-weight:850; text-transform:uppercase; }
.kpi-detail-note p { margin:4px 0 0; color:var(--ink); font-size:11px; line-height:1.5; }
.kpi-detail-section { margin-top:16px; padding-top:16px; border-top:1px solid var(--border); }
.kpi-detail-section-heading { min-width:0; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:flex-start; gap:12px; margin-bottom:10px; }
.kpi-detail-section-heading > div { min-width:0; }
.kpi-detail-section-heading h3 { margin:3px 0 0; font-size:14px; }
.kpi-detail-section-heading > span { color:var(--muted); font-size:9px; font-weight:750; }
.kpi-product-list { display:grid; gap:8px; }
.kpi-product-row { min-height:68px; display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:11px; padding:11px; border:1px solid var(--border); border-radius:14px; background:var(--surface); }
.kpi-product-code { display:grid; place-items:center; min-width:58px; min-height:38px; padding:6px 8px; color:var(--authority); border-radius:10px; background:var(--authority-soft); font-size:9px; font-weight:900; font-variant-numeric:tabular-nums; }
.kpi-product-row > div { display:grid; min-width:0; gap:2px; }
.kpi-product-row strong { overflow-wrap:anywhere; color:var(--ink); font-size:11px; }
.kpi-product-row small { overflow-wrap:anywhere; color:var(--muted); font-size:9px; line-height:1.4; }
.kpi-product-row div > span { color:var(--accent-strong); font-size:9px; font-weight:760; }
.kpi-detail-empty { min-height:74px; display:flex; align-items:center; gap:12px; padding:13px; color:var(--muted); border:1px dashed var(--border-strong); border-radius:14px; background:var(--canvas); }
.kpi-detail-empty > span { flex:0 0 auto; width:38px; height:38px; display:grid; place-items:center; color:var(--authority); border-radius:11px; background:var(--authority-soft); }
.kpi-detail-empty svg { width:19px; height:19px; }
.kpi-detail-empty div { display:grid; gap:2px; }
.kpi-detail-empty strong { color:var(--ink); font-size:11px; }
.kpi-detail-empty p { margin:0; font-size:9px; line-height:1.45; }
.kpi-detail-empty.compact { min-height:68px; }
.kpi-evidence-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
@keyframes kpi-detail-fade { from { opacity:0; } }
@keyframes kpi-detail-rise { from { opacity:.7; transform:translateY(26px); } }

.report-export-actions { margin:0; }
.report-export-actions button { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; justify-items:start; gap:11px; min-height:64px; text-align:left; }
.report-export-actions button > svg { width:22px; height:22px; }
.report-export-actions button span strong,.report-export-actions button span small { display:block; }
.report-export-actions button span small { margin-top:2px; color:inherit; font-size:9px; font-weight:550; opacity:.72; }
.report-export-actions.single { grid-template-columns:minmax(0,420px); }

.report-timeline { padding:19px; }
.report-visit-card { overflow:hidden; margin:10px 0 0; padding:0; border:1px solid var(--border); border-radius:16px; background:var(--surface); box-shadow:none; }
.report-visit-card[open] { border-color:color-mix(in srgb,var(--authority),transparent 62%); box-shadow:var(--shadow-md); }
.report-visit-card > summary { min-height:84px; display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; align-items:center; gap:11px; padding:13px; cursor:pointer; list-style:none; }
.report-visit-card > summary::-webkit-details-marker { display:none; }
.visit-sequence { width:39px; height:39px; display:grid; place-items:center; color:var(--authority); border-radius:11px; background:var(--authority-soft); font-size:10px; font-weight:900; font-variant-numeric:tabular-nums; }
.visit-summary-copy { min-width:0; }
.visit-summary-copy small,.visit-summary-copy strong,.visit-summary-copy em { display:block; }
.visit-summary-copy small { color:var(--muted); font-size:9px; font-variant-numeric:tabular-nums; }
.visit-summary-copy strong { margin-top:2px; overflow:hidden; color:var(--ink); font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.visit-summary-copy em { margin-top:2px; overflow:hidden; color:var(--subtle); font-size:8.5px; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }
.visit-summary-side { min-width:84px; text-align:right; }
.visit-summary-side > strong,.visit-summary-side > small { display:block; }
.visit-summary-side > strong { margin-top:4px; color:var(--ink); font-size:13px; font-variant-numeric:tabular-nums; }
.visit-summary-side > small { color:var(--subtle); font-size:8px; }
.visit-state { display:inline-flex; align-items:center; gap:4px; color:var(--warning); font-size:8px; font-weight:850; text-transform:uppercase; }
.visit-state i { width:6px; height:6px; border-radius:50%; background:currentColor; }
.visit-state.complete { color:var(--accent-strong); }
.report-visit-card[open] .visit-expand { transform:rotate(90deg); color:var(--authority); background:var(--authority-soft); }
.visit-expand { transition:transform 180ms ease,background 180ms ease; }
.report-visit-body { padding:0 15px 16px; border-top:1px solid var(--border); }
.visit-fact-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; padding:14px 0 4px; }
.visit-fact-grid > div { min-width:0; padding:10px; border-radius:11px; background:var(--canvas); }
.visit-fact-grid span,.visit-fact-grid strong { display:block; }
.visit-fact-grid span { color:var(--subtle); font-size:8px; text-transform:uppercase; }
.visit-fact-grid strong { margin-top:3px; overflow-wrap:anywhere; font-size:9px; font-variant-numeric:tabular-nums; }
.visit-report-section { margin-top:13px; padding-top:13px; border-top:1px solid var(--border); }
.visit-report-heading { display:flex; justify-content:space-between; gap:12px; margin-bottom:9px; }
.visit-report-heading strong { font-size:11px; }
.visit-report-heading span { color:var(--muted); font-size:9px; }
.map-link { min-height:44px; }
.report-photo-preview { border-radius:12px; }
.report-photo-preview em { position:absolute; left:7px; bottom:7px; max-width:calc(100% - 14px); padding:4px 6px; overflow:hidden; color:#fff; border-radius:7px; background:rgba(4,14,23,.76); font-size:8px; font-style:normal; font-weight:800; text-overflow:ellipsis; white-space:nowrap; text-transform:capitalize; }
.report-photo .text-button { display:flex; align-items:center; justify-content:center; gap:5px; min-height:44px; }
.report-photo .text-button svg { width:14px; height:14px; }

.team-report-hero { margin-top:2px; }
.team-report-hero .report-hero-top h2,.management-hero-head h2 { margin:3px 0 0; color:#fff; font-size:22px; }
.team-report-hero .report-hero-top p,.management-hero-head p { margin:4px 0 0; color:rgba(255,255,255,.6); font-size:10px; }
.team-report-hero .report-metric,.management-hero .report-metric { color:var(--ink); }
.executive-allocation { padding:14px; border:1px solid rgba(255,255,255,.1); border-radius:14px; background:rgba(255,255,255,.055); }
.allocation-copy { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.allocation-copy strong,.allocation-copy span { display:block; }
.allocation-copy strong { color:#fff; font-size:11px; }
.allocation-copy span { color:rgba(255,255,255,.58); font-size:9px; }
.allocation-copy > span { color:#fff; font-weight:850; font-variant-numeric:tabular-nums; }
.allocation-track.large { height:10px; margin-top:10px; background:rgba(255,255,255,.12); }
.allocation-legend { display:flex; flex-wrap:wrap; gap:10px; margin-top:8px; color:rgba(255,255,255,.65); font-size:8px; }

.status-summary-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.status-summary-grid > div { padding:12px; border:1px solid var(--border); border-left:3px solid var(--subtle); border-radius:12px; background:var(--canvas); }
.status-summary-grid strong,.status-summary-grid span { display:block; }
.status-summary-grid strong { font-size:19px; font-variant-numeric:tabular-nums; }
.status-summary-grid span { margin-top:3px; color:var(--muted); font-size:9px; }
.status-summary-grid .active { border-left-color:var(--accent); }
.status-summary-grid .in-store { border-left-color:var(--info); }
.status-summary-grid .closed { border-left-color:var(--authority); }

.people-performance-section { margin-top:16px; }
.person-report-card { position:relative; padding:16px; border-left:3px solid var(--border-strong); }
.person-report-card:hover { border-left-color:var(--authority); }
.person-rank { position:absolute; right:12px; top:10px; color:var(--subtle); font-size:8px; font-weight:900; }
.person-report-head > div small { display:block; margin-top:3px; overflow:hidden; color:var(--info); font-size:8.5px; text-overflow:ellipsis; white-space:nowrap; }
.person-scoreline { grid-template-columns:repeat(4,minmax(0,1fr)); }
.person-scoreline span { min-height:55px; }
.person-card-footer { display:flex; align-items:flex-end; justify-content:space-between; gap:10px; }
.person-card-footer .report-kpi-strip { margin-bottom:0; }
.person-open { flex:0 0 auto; display:flex; align-items:center; gap:3px; color:var(--authority); font-size:8px; font-weight:850; }
.person-open svg { width:13px; height:13px; }
.report-methodology { margin:14px 0 0; padding:12px 14px; color:var(--muted); border:1px solid var(--border); border-radius:13px; background:var(--canvas); font-size:10px; }
.report-methodology summary { min-height:32px; display:flex; align-items:center; color:var(--ink); cursor:pointer; font-weight:800; }
.report-methodology p { margin:8px 0 0; line-height:1.6; }

.management-hero { padding:24px; border-radius:22px; }
.management-hero-head { align-items:flex-start; }
.management-grid { gap:14px; }
.management-card { padding:19px; border-radius:18px; }
.exception-total { min-width:42px; min-height:32px; display:grid; place-items:center; color:var(--accent-strong)!important; border-radius:10px; background:var(--accent-soft); font-size:14px!important; font-weight:900!important; }
.exception-total.warning { color:var(--warning)!important; background:var(--warning-soft); }
.exception-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.management-action-hint { max-width:620px; margin:5px 0 0; color:var(--muted); font-size:10px; line-height:1.5; }
.exception-row { width:100%; min-width:0; min-height:64px; display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; align-items:center; gap:10px; padding:11px; color:var(--ink); border:1px solid var(--border); border-radius:12px; background:var(--canvas); text-align:left; cursor:pointer; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.exception-row:hover { border-color:var(--authority); box-shadow:0 8px 22px color-mix(in srgb,var(--navy),transparent 90%); transform:translateY(-1px); }
.exception-row:focus-visible { outline:3px solid color-mix(in srgb,var(--authority),transparent 55%); outline-offset:2px; }
.exception-row > span { width:34px; height:34px; display:grid; place-items:center; color:var(--accent-strong); border-radius:10px; background:var(--accent-soft); }
.exception-row > span svg { width:17px; height:17px; }
.exception-row strong,.exception-row small { display:block; }
.exception-row strong { font-size:10px; }
.exception-row small { margin-top:2px; color:var(--muted); font-size:8px; }
.exception-row em { color:var(--accent-strong); font-size:16px; font-style:normal; font-weight:900; font-variant-numeric:tabular-nums; }
.exception-row.has-issue { border-color:color-mix(in srgb,var(--warning),transparent 58%); background:var(--warning-soft); }
.exception-row.has-issue > span { color:var(--warning); background:color-mix(in srgb,var(--warning),transparent 86%); }
.exception-row.has-issue em { color:var(--warning); }
.exception-chevron { width:28px; height:28px; display:grid; place-items:center; color:var(--muted); border-radius:9px; background:var(--surface); }
.exception-chevron svg { width:14px; height:14px; }
.management-leaderboard { display:grid; gap:0; }
.management-leaderboard > button { width:100%; display:grid; grid-template-columns:32px 40px minmax(0,1fr) auto auto; align-items:center; gap:10px; min-height:66px; padding:0; color:var(--ink); border:0; border-bottom:1px solid var(--border); background:transparent; text-align:left; cursor:pointer; }
.management-leaderboard > button:last-child { border-bottom:0; }
.management-leaderboard > button:focus-visible { outline:3px solid color-mix(in srgb,var(--authority),transparent 60%); outline-offset:-3px; }
.management-leaderboard > button > i { color:var(--muted); }
.management-leaderboard > button > i svg { width:15px; height:15px; }
.management-leaderboard .leader-rank { width:28px; height:28px; display:grid; place-items:center; color:var(--authority); border-radius:9px; background:var(--authority-soft); font-size:9px; font-weight:900; }
.leader-avatar { width:40px; height:40px; border-radius:12px; }
.management-leaderboard strong,.management-leaderboard small { display:block; }
.management-leaderboard strong { font-size:11px; }
.management-leaderboard small { margin-top:2px; color:var(--muted); font-size:8.5px; }
.management-leaderboard em { color:var(--accent-strong); font-size:12px; font-style:normal; font-weight:900; }
.coverage-row > div:first-child { margin-bottom:7px; }
.coverage-track { height:8px; }

.control-queue { display:grid; gap:14px; padding:0 20px 24px; overflow:auto; }
.control-queue-summary { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:14px; padding:17px; border:1px solid var(--border); border-left:4px solid var(--accent-strong); border-radius:16px; background:var(--accent-soft); }
.control-queue-summary.warning { border-left-color:var(--warning); background:var(--warning-soft); }
.control-queue-summary > span { width:46px; height:46px; display:grid; place-items:center; color:var(--accent-strong); border-radius:14px; background:var(--surface); }
.control-queue-summary.warning > span { color:var(--warning); }
.control-queue-summary svg { width:22px; height:22px; }
.control-queue-summary small,.control-queue-summary strong,.control-queue-summary p { display:block; }
.control-queue-summary small { color:var(--muted); font-size:8px; font-weight:900; letter-spacing:.14em; }
.control-queue-summary strong { margin-top:4px; font-size:18px; }
.control-queue-summary p { margin:4px 0 0; color:var(--muted); font-size:10px; line-height:1.5; }
.control-queue-guidance { display:flex; align-items:center; gap:10px; padding:11px 13px; color:var(--authority); border:1px solid color-mix(in srgb,var(--authority),transparent 72%); border-radius:13px; background:var(--authority-soft); }
.control-queue-guidance > svg { width:19px; height:19px; flex:0 0 auto; }
.control-queue-guidance strong,.control-queue-guidance small { display:block; }
.control-queue-guidance strong { font-size:10px; }
.control-queue-guidance small { margin-top:2px; color:var(--muted); font-size:9px; }
.control-queue-list { display:grid; gap:9px; }
.control-queue-row { width:100%; min-height:82px; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:12px; padding:13px; color:var(--ink); border:1px solid var(--border); border-radius:15px; background:var(--surface); text-align:left; cursor:pointer; transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease; }
.control-queue-row:hover { border-color:var(--authority); box-shadow:0 10px 24px color-mix(in srgb,var(--navy),transparent 90%); transform:translateY(-1px); }
.control-queue-row:focus-visible { outline:3px solid color-mix(in srgb,var(--authority),transparent 55%); outline-offset:2px; }
.control-queue-icon { width:42px; height:42px; display:grid; place-items:center; color:var(--warning); border-radius:13px; background:var(--warning-soft); }
.control-queue-icon svg { width:20px; height:20px; }
.control-queue-copy strong,.control-queue-copy small,.control-queue-copy em { display:block; }
.control-queue-copy strong { font-size:12px; }
.control-queue-copy small { margin-top:3px; color:var(--muted); font-size:9px; }
.control-queue-copy em { margin-top:5px; color:var(--warning); font-size:9px; font-style:normal; font-weight:800; }
.control-queue-action { display:flex; align-items:center; gap:3px; color:var(--authority); font-size:9px; font-weight:850; white-space:nowrap; }
.control-queue-action svg { width:14px; height:14px; }
.control-clear-state { min-height:250px; display:grid; place-items:center; align-content:center; padding:28px; text-align:center; border:1px dashed var(--border-strong); border-radius:17px; background:var(--canvas); }
.control-clear-state > svg { width:38px; height:38px; margin-bottom:11px; color:var(--accent-strong); }
.control-clear-state h3 { margin:5px 0; font-size:18px; }
.control-clear-state p { max-width:420px; margin:0; color:var(--muted); font-size:10px; line-height:1.6; }

[data-theme="dark"] .reporting-masthead,[data-theme="dark"] .customer-report-hero,[data-theme="dark"] .team-report-hero,[data-theme="dark"] .management-hero { background:linear-gradient(132deg,#143957,#071a2c); }
[data-theme="dark"] .report-customer-row,[data-theme="dark"] .report-block,[data-theme="dark"] .people-performance-section,[data-theme="dark"] .report-timeline { background:var(--surface); }
[data-theme="dark"] .report-discovery,[data-theme="dark"] .report-empty { background:linear-gradient(145deg,var(--surface),#11283a); }

@media (min-width:760px) {
  .report-filter-card { grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:end; }
  .report-filter-card .filter-heading,.report-filter-card .report-date-grid,.report-filter-card > button { grid-column:1/-1; }
  .report-filter-card > label:not(:has(select)) { grid-column:1/-1; }
  .report-filter-card .report-search { grid-column:1/-1; }
  .report-run-button { width:min(100%,320px); justify-self:end; }
}
@media (max-width:700px) {
  .reporting-masthead { min-height:168px; padding:21px; }
  .reporting-trust { align-items:flex-start; }
  .report-tabs { top:calc(72px + env(safe-area-inset-top)); }
  .report-directory { grid-template-columns:1fr; }
  .report-metric-grid.six { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .customer-signal-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .management-grid { grid-template-columns:1fr; }
}
@media (max-width:520px) {
  .reporting-masthead { align-items:flex-start; flex-direction:column; }
  .reporting-masthead h1 { font-size:31px; }
  .report-tabs { gap:3px; padding:4px; border-radius:16px; }
  .report-tab { min-height:54px; grid-template-columns:1fr; justify-items:center; gap:2px; padding:6px 4px; text-align:center; }
  .report-tab-icon { width:27px; height:27px; border-radius:8px; }
  .report-tab-icon svg { width:15px; height:15px; }
  .report-tab-copy strong { font-size:9.5px; }
  .report-tab-copy small { display:none; }
  .report-filter-card { padding:16px; border-left-width:3px; }
  .filter-heading { align-items:flex-start; }
  .filter-step { display:none; }
  .report-discovery,.report-empty { padding:27px 17px; }
  .report-customer-row { grid-template-columns:auto minmax(0,1fr) auto; }
  .report-customer-owner { display:none; }
  .customer-report-hero,.team-report-hero,.management-hero { padding:17px; border-radius:18px; }
  .report-hero-top { align-items:flex-start; }
  .customer-identity { align-items:start; }
  .customer-identity .report-code { width:48px; height:48px; }
  .customer-identity h2 { font-size:19px; }
  .report-block,.people-performance-section,.report-timeline { padding:15px; border-radius:16px; }
  .report-metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .report-metric { min-height:88px; grid-template-columns:1fr; gap:7px; }
  .report-metric-icon { width:31px; height:31px; }
  .report-metric strong { font-size:17px; }
  .report-kpi-overview { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .report-kpi-overview > :last-child { grid-column:1/-1; }
  .report-actions { grid-template-columns:1fr; }
  .report-export-actions.single { grid-template-columns:1fr; }
  .report-visit-card > summary { grid-template-columns:auto minmax(0,1fr) auto; gap:9px; }
  .visit-summary-side { min-width:70px; }
  .visit-expand { grid-column:3; justify-self:end; width:24px; height:24px; }
  .visit-fact-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .report-photo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .kpi-detail-overlay { padding:0; }
  .kpi-detail-sheet { width:100%; max-height:100dvh; height:100dvh; border:0; border-radius:0; }
  .kpi-detail-header { padding:max(58px,calc(var(--app-safe-top) + 13px)) 13px 13px; }
  .kpi-detail-body { padding:13px 13px max(18px,env(safe-area-inset-bottom)); }
  .kpi-detail-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .kpi-detail-status { align-items:start; grid-template-columns:minmax(0,1fr); }
  .kpi-detail-status em { justify-self:start; }
  .person-scoreline { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .person-card-footer { align-items:flex-start; flex-direction:column; }
  .status-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .exception-list { grid-template-columns:1fr; }
  .control-queue { padding:0 14px 20px; }
  .control-queue-row { grid-template-columns:auto minmax(0,1fr); }
  .control-queue-action { grid-column:2; justify-self:start; min-height:28px; }
}
@media (max-width:360px) {
  .reporting-masthead p { font-size:11px; }
  .report-tab-copy strong { font-size:9px; }
  .report-date-grid { grid-template-columns:1fr; }
  .date-presets { margin-top:0; }
  .customer-signal-grid { grid-template-columns:1fr; }
  .visit-kpi-command-grid { grid-template-columns:1fr; }
  .kpi-drill-card { min-height:72px; }
  .kpi-detail-close { min-width:70px; padding-inline:10px; }
}
@media (orientation:landscape) and (max-height:520px) {
  .reporting-masthead { min-height:118px; padding:17px 21px; }
  .reporting-masthead h1 { font-size:27px; }
  .report-tabs { position:relative; top:auto; }
  .kpi-detail-header { padding:9px max(13px,var(--app-safe-right)) 9px max(13px,var(--app-safe-left)); }
  .kpi-detail-icon { width:40px; height:40px; }
  .kpi-detail-body { padding:10px max(13px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(13px,env(safe-area-inset-left)); }
}
@media (prefers-reduced-motion:reduce) {
  .report-loading-mark,.report-skeleton i { animation:none; }
  .visit-expand,.report-customer-row,.report-shortcuts button,.customer-latest-visit,.customer-history-visit { transition:none; }
  .kpi-detail-overlay,.kpi-detail-sheet { animation:none; }
  .kpi-drill-card { transition:none; }
}

/* v28 Telegram/iOS viewport guard — keeps full-screen surfaces inside the
   actual Mini App viewport instead of the browser's stale 100vh measurement. */
.modal-overlay,
.day-start-overlay,
.evidence-lightbox,
.kpi-detail-overlay {
  top:0;
  right:0;
  bottom:auto;
  left:0;
  height:var(--app-viewport-height);
  max-height:var(--app-viewport-height);
}
.modal-sheet { max-height:min(calc(var(--app-viewport-height) - 24px),900px); }
.day-start-gate { max-height:calc(var(--app-viewport-height) - 32px); }
.evidence-lightbox-panel { max-height:var(--app-viewport-height); }
.kpi-detail-sheet { max-height:min(calc(var(--app-viewport-height) - 22px),940px); }

@media (max-width:520px) {
  .modal-overlay { padding-top:var(--app-safe-top); }
  .modal-sheet { max-height:calc(var(--app-viewport-height) - var(--app-safe-top)); }
  .day-start-gate { max-height:var(--app-viewport-height); }
  .evidence-lightbox-panel,
  .kpi-detail-sheet {
    width:100%;
    height:var(--app-viewport-height);
    max-height:var(--app-viewport-height);
  }
  .evidence-lightbox-header { padding-top:max(13px,var(--app-safe-top)); }
  .kpi-detail-header { padding-top:max(58px,calc(var(--app-safe-top) + 13px)); }
  .evidence-lightbox-footer,
  .kpi-detail-body { padding-bottom:max(16px,var(--app-safe-bottom)); }
}

/* v24 cascade guard: these controls intentionally override earlier report versions. */
.report-tabs { grid-template-columns:repeat(4,minmax(0,1fr)); }
.period-control .report-date-grid { display:grid; grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr); align-items:end; gap:8px; }
.period-control .date-presets { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; margin:0; }
.period-control .date-presets button { min-height:44px; padding:7px 8px; border-radius:11px; }
.period-control .date-presets button.active { color:#fff; border-color:var(--authority); background:var(--authority); }
.today-avatar { width:48px; height:48px; border-radius:15px; }
@media (max-width:720px) {
  .report-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .report-tab { min-height:58px; }
}
@media (max-width:430px) {
  .period-control .report-date-grid { grid-template-columns:1fr; }
  .period-control .date-presets { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .period-control .period-arrow { display:none; }
}

/* v32 final cascade lock — management controls stay large, legible and actionable. */
#screen-customers .report-launchpad { position:relative; top:auto; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:0; background:transparent; box-shadow:none; }
#screen-customers .report-launchpad .report-tab { min-height:92px; grid-template-columns:48px minmax(0,1fr) 24px; justify-items:stretch; padding:14px; text-align:left; }
#screen-customers .report-launchpad .report-tab-copy strong { font-size:14px; }
#screen-customers .report-launchpad .report-tab-copy small { display:block; margin-top:4px; font-size:11px; line-height:1.35; }
#screen-customers .operational-position-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
#screen-customers .operational-position-grid > button { min-height:102px; padding:14px; border-left-width:5px; background:var(--canvas); }
#screen-customers .operational-position-grid .operation-position-copy strong { font-size:25px; }
#screen-customers .operational-position-grid .operation-position-copy b { font-size:13px; }
#screen-customers .operational-position-grid .operation-position-copy small { margin-top:2px; font-size:10px; }
.pulse-person { grid-template-columns:44px minmax(0,1fr) auto 20px; min-height:78px; }
.pulse-person > div em { display:block; margin-top:4px; color:var(--authority); font-size:9px; font-style:normal; font-weight:780; }
.pulse-person > svg { width:18px; height:18px; color:var(--authority); }

@media (max-width:620px) {
  #screen-customers .report-launchpad { grid-template-columns:1fr; gap:8px; }
  #screen-customers .report-launchpad .report-tab { min-height:82px; grid-template-columns:46px minmax(0,1fr) 24px; padding:12px; }
  #screen-customers .operational-position-grid { grid-template-columns:1fr; }
  #screen-customers .operational-position-grid > button { min-height:92px; }
  .pulse-person { grid-template-columns:42px minmax(0,1fr) 18px; }
  .pulse-person .status-pill { grid-column:2; justify-self:start; }
  .pulse-person > svg { grid-column:3; grid-row:1/3; }
}

/* v34 Telegram navigation and launch behavior — persistent in-app back routes,
   safe-area-aware full-screen surfaces, and no destructive Close affordance. */
.modal-heading {
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  justify-content:initial;
  gap:12px;
}
.modal-heading-copy { min-width:0; }
.modal-heading-copy h2,.modal-heading-copy p { overflow-wrap:anywhere; }
.modal-back-button {
  min-width:78px;
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:9px 12px;
  color:var(--authority);
  border:1px solid color-mix(in srgb,var(--authority),transparent 72%);
  border-radius:14px;
  background:var(--authority-soft);
  font:inherit;
  font-size:11px;
  font-weight:850;
  cursor:pointer;
  touch-action:manipulation;
}
.modal-back-button svg { width:18px; height:18px; }
.modal-back-button:active { background:color-mix(in srgb,var(--authority-soft),var(--authority) 12%); }
.modal-back-button:focus-visible { outline:3px solid var(--focus); outline-offset:2px; }
.topbar { padding-top:max(10px,var(--app-safe-top)); }

@media (max-width:520px) {
  .modal-overlay { padding-top:max(8px,var(--app-safe-top)); }
  .modal-sheet { max-height:calc(var(--app-viewport-height) - max(8px,var(--app-safe-top))); }
  .kpi-detail-header {
    position:sticky;
    top:0;
    z-index:2;
    padding:max(58px,calc(var(--app-safe-top) + 12px)) max(14px,var(--app-safe-right)) 14px max(14px,var(--app-safe-left));
  }
  .kpi-detail-close { min-width:82px; min-height:48px; font-size:11px; }
  .kpi-detail-title h2 { font-size:18px; }
}

@media (orientation:landscape) and (max-height:520px) {
  .kpi-detail-header { padding:max(9px,var(--app-safe-top)) max(13px,var(--app-safe-right)) 9px max(13px,var(--app-safe-left)); }
}

/* v35 — Shirinasal Executive Operations design system.
   One brand, one hierarchy, one reporting language across mobile and desktop. */
:root {
  --brand:#b1162a;
  --brand-strong:#86101f;
  --brand-soft:#fff0f2;
  --authority:#122b43;
  --authority-strong:#0a1b2c;
  --authority-soft:#edf3f8;
  --accent:#08745d;
  --accent-strong:#055c4a;
  --accent-soft:#e9f7f2;
  --info:#25668f;
  --info-soft:#eaf4fa;
  --warning:#9a5b08;
  --warning-soft:#fff5df;
  --danger:#b42318;
  --danger-soft:#fff0ee;
  --ink:#101c2a;
  --muted:#536171;
  --subtle:#778493;
  --canvas:#f2f5f8;
  --surface:#ffffff;
  --surface-raised:#ffffff;
  --border:#d9e1e8;
  --border-strong:#b8c5d0;
  --focus:#b1162a;
  --shadow-sm:0 1px 3px rgba(16,28,42,.07);
  --shadow-md:0 10px 28px rgba(16,28,42,.09);
  --shadow-lg:0 28px 72px rgba(10,27,44,.18);
  --radius-sm:10px;
  --radius-md:16px;
  --radius-lg:24px;
  font-family:Inter,"Segoe UI",Arial,sans-serif;
}

[data-theme="dark"] {
  --brand:#f05c69;
  --brand-strong:#ff8892;
  --brand-soft:#351a23;
  --authority:#d8e8f5;
  --authority-strong:#f1f7fb;
  --authority-soft:#172b3c;
  --accent:#61c6a8;
  --accent-strong:#86ddc3;
  --accent-soft:#14362e;
  --info:#78b9df;
  --info-soft:#172f41;
  --warning:#f3bd66;
  --warning-soft:#3b2c18;
  --danger:#ff7c72;
  --danger-soft:#40211f;
  --ink:#f4f8fb;
  --muted:#b7c3ce;
  --subtle:#8fa0ae;
  --canvas:#09131d;
  --surface:#101f2c;
  --surface-raised:#152634;
  --border:#293c4b;
  --border-strong:#415565;
  --focus:#ff7b86;
}

html { background:var(--canvas); }
body {
  color:var(--ink);
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--authority-soft),var(--canvas) 58%) 0,var(--canvas) 360px);
}
button,a,input,select,textarea,summary { touch-action:manipulation; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible {
  outline:3px solid color-mix(in srgb,var(--focus),transparent 35%);
  outline-offset:2px;
}

/* Official Shirinasal identity */
.brand-logo-mark,.intelligence-logo {
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:#fff;
}
.brand-logo-mark::before,.brand-logo-mark::after { display:none !important; }
.brand-logo-mark img,.intelligence-logo img {
  position:absolute;
  left:50%;
  top:50%;
  width:120px;
  height:120px;
  max-width:none;
  object-fit:contain;
  transform:translate(-50%,-50%);
}
.topbar .brand-logo-mark {
  width:76px;
  height:46px;
  flex-basis:76px;
  border:1px solid #ead9dc;
  border-radius:12px;
  box-shadow:none;
}
.topbar .brand-logo-mark img { width:112px; height:112px; }
.topbar {
  min-height:72px;
  gap:14px;
  color:var(--ink);
  border-bottom:1px solid var(--border);
  background:color-mix(in srgb,var(--surface),transparent 3%);
  box-shadow:0 4px 18px rgba(16,28,42,.04);
}
.topbar-copy strong { font-size:15px; font-weight:820; letter-spacing:-.015em; }
.topbar-copy > span { color:var(--muted); font-size:11px; font-weight:650; }
.status-dot { background:var(--accent); box-shadow:0 0 0 4px var(--accent-soft); }

.auth-brand-lockup {
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 24px;
  padding:12px 14px;
  border:1px solid var(--border);
  border-left:4px solid var(--brand);
  border-radius:14px;
  background:var(--surface);
}
.auth-brand-lockup .brand-logo-mark { width:72px; height:44px; flex:0 0 72px; border:1px solid #ead9dc; border-radius:9px; }
.auth-brand-lockup .brand-logo-mark img { width:108px; height:108px; }
.auth-brand-lockup > div { display:grid; gap:2px; }
.auth-brand-lockup strong { color:var(--ink); font-size:14px; }
.auth-brand-lockup small { color:var(--muted); font-size:10px; font-weight:650; }
.auth-card { border-top:5px solid var(--brand); box-shadow:var(--shadow-lg); }
.auth-icon { color:#fff; background:var(--authority); box-shadow:none; }

/* Global action and navigation language */
.primary-button {
  color:#fff;
  border-color:var(--brand);
  background:var(--brand);
  box-shadow:0 8px 18px rgba(177,22,42,.17);
}
.primary-button:hover { border-color:var(--brand-strong); background:var(--brand-strong); box-shadow:0 10px 24px rgba(177,22,42,.22); }
.primary-button:active { box-shadow:0 3px 10px rgba(177,22,42,.16); }
.secondary-button { color:var(--authority); border-color:var(--border-strong); background:var(--surface); }
.secondary-button:hover { color:var(--authority-strong); border-color:var(--authority); background:var(--authority-soft); }
.bottom-nav {
  border-color:var(--border);
  border-radius:20px 20px 0 0;
  background:color-mix(in srgb,var(--surface),transparent 2%);
  box-shadow:0 -10px 32px rgba(10,27,44,.1);
}
.nav-item {
  position:relative;
  min-height:62px;
  color:var(--muted);
  border-radius:12px;
  font-size:10.5px;
  transition:color 180ms ease,background-color 180ms ease;
}
.nav-item:hover { color:var(--ink); background:var(--authority-soft); }
.nav-item:active { transform:none; background:color-mix(in srgb,var(--authority-soft),var(--surface) 35%); }
.nav-item.active {
  color:var(--brand);
  background:var(--brand-soft);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand),transparent 83%);
}
.nav-item.active::after {
  position:absolute;
  top:5px;
  left:50%;
  width:22px;
  height:3px;
  border-radius:999px;
  background:var(--brand);
  transform:translateX(-50%);
  content:"";
}
.nav-icon svg { stroke-width:1.9; }

.hero-card {
  color:#fff;
  border:0;
  border-top:5px solid var(--brand);
  background:var(--authority-strong);
  box-shadow:var(--shadow-md);
}
.hero-card::before { background:transparent; }
.hero-card::after { border:1px solid rgba(255,255,255,.09); background:transparent; }
.hero-card .eyebrow { color:#f8a9b1; }
.hero-card p { color:#d6e0e8; }

/* Reporting masthead */
#screen-customers { --report-accent:var(--brand); }
.intelligence-header {
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:20px 28px;
  min-height:224px;
  margin:0 0 18px;
  padding:26px 28px 28px;
  color:#fff;
  border:0;
  border-top:6px solid var(--brand);
  border-radius:24px;
  background:var(--authority-strong);
  box-shadow:var(--shadow-lg);
}
.intelligence-header::after {
  position:absolute;
  right:-105px;
  top:-115px;
  width:280px;
  height:280px;
  border:42px solid rgba(255,255,255,.035);
  border-radius:50%;
  content:"";
}
.intelligence-brand {
  position:relative;
  z-index:1;
  grid-column:1/-1;
  display:flex;
  align-items:center;
  gap:12px;
  align-self:start;
}
.intelligence-logo { width:86px; height:48px; flex:0 0 86px; border-radius:10px; }
.intelligence-logo img { width:126px; height:126px; }
.intelligence-brand > span:last-child {
  color:#f4a4ad;
  font-size:10px;
  font-weight:850;
  letter-spacing:.16em;
}
.intelligence-heading-copy { position:relative; z-index:1; }
.intelligence-heading-copy .eyebrow { color:#f4a4ad; }
.intelligence-header h1 {
  max-width:19ch;
  margin:7px 0 8px;
  color:#fff;
  font-size:clamp(32px,5vw,46px);
  line-height:1.02;
  letter-spacing:-.05em;
}
.intelligence-header p { max-width:61ch; margin:0; color:#bdcad5; font-size:13px; line-height:1.58; }
.intelligence-live {
  position:relative;
  z-index:1;
  display:grid;
  justify-items:end;
  gap:7px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  background:rgba(255,255,255,.055);
}
.intelligence-live .live-indicator { color:#fff; border-color:rgba(255,255,255,.14); background:rgba(255,255,255,.08); }
.intelligence-live small { color:#94a7b7; font-size:9px; font-weight:700; }

/* Reporting navigation — four clear modules, no decorative noise */
#screen-customers .report-launchpad {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:0 0 14px;
}
#screen-customers .report-launchpad .report-tab {
  --tab-color:var(--authority);
  --tab-soft:var(--authority-soft);
  position:relative;
  min-height:112px;
  grid-template-columns:52px minmax(0,1fr) 26px;
  gap:13px;
  padding:16px;
  color:var(--ink);
  border:1px solid var(--border);
  border-top:4px solid var(--tab-color);
  border-radius:16px;
  background:var(--surface);
  box-shadow:var(--shadow-sm);
  transition:border-color 180ms ease,background-color 180ms ease,box-shadow 180ms ease;
}
#screen-customers .report-launchpad .report-today { --tab-color:var(--brand); --tab-soft:var(--brand-soft); }
#screen-customers .report-launchpad .report-customer { --tab-color:#245b84; --tab-soft:#edf5fb; }
#screen-customers .report-launchpad .report-team { --tab-color:var(--accent); --tab-soft:var(--accent-soft); }
#screen-customers .report-launchpad .report-management { --tab-color:#8a5a12; --tab-soft:#fff5df; }
#screen-customers .report-launchpad .report-tab:hover,
#screen-customers .report-launchpad .report-tab:focus-visible { border-color:var(--tab-color); background:var(--tab-soft); box-shadow:var(--shadow-md); }
#screen-customers .report-launchpad .report-tab.active {
  color:#fff;
  border-color:var(--tab-color);
  background:var(--tab-color);
  box-shadow:0 12px 28px color-mix(in srgb,var(--tab-color),transparent 78%);
}
#screen-customers .report-launchpad .report-tab-icon {
  width:52px;
  height:52px;
  color:var(--tab-color);
  border:1px solid color-mix(in srgb,var(--tab-color),transparent 80%);
  border-radius:13px;
  background:var(--tab-soft);
}
#screen-customers .report-launchpad .report-tab.active .report-tab-icon { color:var(--tab-color); border-color:rgba(255,255,255,.42); background:#fff; }
#screen-customers .report-launchpad .report-tab-copy strong { color:inherit; font-size:15px; font-weight:820; letter-spacing:-.015em; }
#screen-customers .report-launchpad .report-tab-copy small { display:block; margin-top:5px; color:var(--muted); font-size:10.5px; line-height:1.45; }
#screen-customers .report-launchpad .report-tab.active .report-tab-copy small { color:rgba(255,255,255,.76); }
#screen-customers .report-launchpad .report-tab-arrow { color:var(--tab-color); background:var(--tab-soft); }
#screen-customers .report-launchpad .report-tab.active .report-tab-arrow { color:var(--tab-color); background:#fff; }

.report-view-context {
  min-height:60px;
  margin:0 0 16px;
  padding:10px 14px;
  border:1px solid var(--border);
  border-left:4px solid var(--view-accent,var(--brand));
  border-radius:13px;
  background:var(--surface);
  box-shadow:none;
}
.report-view-context > span { color:var(--view-accent,var(--brand)); background:var(--view-soft,var(--brand-soft)); }
.report-view-context strong { font-size:13px; }
.report-view-context small { font-size:9.5px; }
.report-panel { min-height:320px; }

/* Filters and period selection */
.report-filter-card {
  display:grid;
  gap:16px;
  margin:0 0 18px;
  padding:20px;
  border:1px solid var(--border);
  border-top:5px solid var(--view-accent,var(--authority));
  border-left:1px solid var(--border);
  border-radius:18px;
  background:var(--surface);
  box-shadow:var(--shadow-sm);
}
.filter-heading { padding-bottom:13px; border-bottom:1px solid var(--border); }
.filter-heading > div { align-items:center; }
.filter-heading strong { color:var(--ink); font-size:14px; }
.filter-heading span { color:var(--muted); font-size:10px; line-height:1.45; }
.report-code { color:#fff; background:var(--authority); box-shadow:none; }
.filter-step { color:var(--view-accent,var(--authority)); background:var(--view-soft,var(--authority-soft)); }
.period-control {
  gap:12px;
  padding:15px;
  border:1px solid var(--border);
  border-radius:15px;
  background:var(--canvas);
}
.period-control-head > div { color:var(--authority); }
.period-control .report-date-grid label { border-color:var(--border); border-radius:12px; box-shadow:none; }
.period-control .date-presets button { border:1px solid var(--border); background:var(--surface); }
.period-control .date-presets button:hover { border-color:var(--authority); background:var(--authority-soft); }
.period-control .date-presets button.active { color:#fff; border-color:var(--authority-strong); background:var(--authority-strong); box-shadow:none; }
.report-run-button { min-height:54px; }

/* Executive report surfaces */
.today-command-hero,.customer-report-hero,.team-report-hero,.management-hero {
  overflow:hidden;
  color:#fff;
  border:0;
  border-top:5px solid var(--brand);
  border-radius:22px;
  background:var(--authority-strong);
  box-shadow:var(--shadow-md);
}
.today-command-hero { padding:24px; }
.today-command-hero::after { border-color:rgba(255,255,255,.07); background:transparent; }
.today-command-title .eyebrow,.customer-report-hero .eyebrow,.team-report-hero .eyebrow,.management-hero .eyebrow { color:#f3a1aa; }
.today-command-title p,.customer-report-hero p,.team-report-hero p,.management-hero p { color:#b9c7d2; }
.today-command-metrics { gap:10px; }
.today-command-metrics .report-metric {
  min-height:118px;
  border:1px solid rgba(255,255,255,.11);
  border-left:3px solid rgba(255,255,255,.32);
  border-radius:13px;
  background:rgba(255,255,255,.065);
  backdrop-filter:none;
}
.today-command-metrics .report-metric-icon { color:#fff; background:rgba(255,255,255,.1); }
.today-command-metrics .report-metric small { color:#94a7b7; }
.command-refresh { min-height:44px; }

.report-metric-grid { gap:10px; }
.report-metric {
  min-height:102px;
  padding:14px;
  border:1px solid var(--border);
  border-left:4px solid var(--border-strong);
  border-top:1px solid var(--border);
  border-radius:14px;
  background:var(--surface);
  box-shadow:none;
}
.report-metric-icon { color:var(--authority); background:var(--authority-soft); }
.report-metric strong { color:var(--ink); font-size:21px; font-weight:820; }
.report-metric span { color:var(--muted); font-size:10px; font-weight:750; }
.report-metric small { color:var(--subtle); font-size:9px; }
.report-metric.tone-brand { border-left-color:var(--brand); }
.report-metric.tone-brand .report-metric-icon { color:var(--brand); background:var(--brand-soft); }
.report-metric.tone-authority { border-left-color:var(--authority); }
.report-metric.tone-success { border-left-color:var(--accent); }
.report-metric.tone-success .report-metric-icon { color:var(--accent); background:var(--accent-soft); }
.report-metric.tone-info { border-left-color:var(--info); }
.report-metric.tone-info .report-metric-icon { color:var(--info); background:var(--info-soft); }

.report-block,.people-performance-section,.management-card,.report-timeline {
  border:1px solid var(--border);
  border-radius:18px;
  background:var(--surface);
  box-shadow:var(--shadow-sm);
}
.report-block-heading { gap:16px; padding-bottom:12px; border-bottom:1px solid var(--border); }
.report-block-heading h2 { color:var(--ink); font-size:18px; letter-spacing:-.025em; }
.report-block-heading > span { color:var(--muted); font-size:9.5px; }
.operational-position-grid > button {
  min-height:108px;
  border:1px solid var(--border);
  border-left:5px solid var(--authority);
  border-radius:14px;
  background:var(--canvas);
  box-shadow:none;
}
.operational-position-grid > button:hover { border-color:var(--authority); background:var(--authority-soft); box-shadow:none; }
.today-status-strip > div { border-radius:13px; box-shadow:none; }

.today-person-card {
  border:1px solid var(--border);
  border-radius:18px;
  box-shadow:var(--shadow-sm);
}
.today-person-card > header { background:var(--surface); }
.today-avatar { border-radius:12px; }
.today-person-numbers { background:var(--canvas); }
.today-visit-row { min-height:78px; }
.today-visit-row:hover,.today-visit-row:focus-visible { background:var(--authority-soft); box-shadow:none; }
.today-customer-link { color:var(--authority); font-weight:750; }

.report-visit-card,.person-card,.report-customer-row,.kpi-drill-card {
  border-color:var(--border);
  background:var(--surface);
  box-shadow:none;
}
.report-visit-card:hover,.person-card:hover,.report-customer-row:hover,.kpi-drill-card:hover { border-color:var(--authority); box-shadow:var(--shadow-sm); }
.report-actions .primary-button { border-radius:14px; }
.report-methodology { border:1px solid var(--border); border-radius:14px; background:var(--surface); }

/* Dark reporting pair: preserve hierarchy without muddy gradients. */
[data-theme="dark"] .intelligence-header,
[data-theme="dark"] .today-command-hero,
[data-theme="dark"] .customer-report-hero,
[data-theme="dark"] .team-report-hero,
[data-theme="dark"] .management-hero { background:#081724; }
[data-theme="dark"] #screen-customers .report-launchpad .report-customer { --tab-soft:#142d40; }
[data-theme="dark"] #screen-customers .report-launchpad .report-team { --tab-soft:#14362e; }
[data-theme="dark"] #screen-customers .report-launchpad .report-management { --tab-soft:#3b2c18; }
[data-theme="dark"] #screen-customers .report-launchpad .report-tab.active { color:#fff; }
[data-theme="dark"] .auth-brand-lockup,.brand-logo-mark,.intelligence-logo { background:#fff; }

@media (max-width:720px) {
  .intelligence-header {
    grid-template-columns:minmax(0,1fr);
    min-height:198px;
    gap:15px;
    padding:21px;
    border-radius:20px;
  }
  .intelligence-brand { grid-column:1; }
  .intelligence-heading-copy h1 { font-size:31px; }
  .intelligence-heading-copy p { font-size:11.5px; }
  .intelligence-live { position:absolute; top:20px; right:20px; padding:8px 10px; }
  .intelligence-live small { display:none; }
  #screen-customers .report-launchpad { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  #screen-customers .report-launchpad .report-tab {
    min-height:126px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    gap:8px;
    padding:13px;
  }
  #screen-customers .report-launchpad .report-tab-icon { width:42px; height:42px; flex:0 0 42px; }
  #screen-customers .report-launchpad .report-tab-arrow { position:absolute; top:14px; right:12px; }
  #screen-customers .report-launchpad .report-tab-copy strong { font-size:13px; }
  #screen-customers .report-launchpad .report-tab-copy small { font-size:9px; line-height:1.35; }
  .report-metric-grid.six { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .today-command-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .today-command-metrics .report-metric { min-height:104px; }
}

@media (max-width:430px) {
  .topbar { gap:10px; }
  .topbar .brand-logo-mark { width:66px; height:42px; flex-basis:66px; }
  .topbar .brand-logo-mark img { width:102px; height:102px; }
  .topbar-copy strong { font-size:13px; }
  .topbar-copy > span { max-width:170px; font-size:9.5px; }
  .intelligence-header { min-height:208px; padding:18px; }
  .intelligence-logo { width:72px; height:42px; flex-basis:72px; }
  .intelligence-logo img { width:110px; height:110px; }
  .intelligence-brand > span:last-child { display:none; }
  .intelligence-heading-copy h1 { max-width:12ch; margin-top:5px; font-size:29px; }
  .intelligence-heading-copy p { max-width:31ch; }
  #screen-customers .report-launchpad .report-tab { min-height:132px; padding:12px; }
  #screen-customers .report-launchpad .report-tab-copy strong { font-size:12.5px; }
  .report-filter-card { padding:15px; border-radius:15px; }
  .filter-heading { align-items:flex-start; }
  .filter-step { display:none; }
  .period-control { padding:12px; }
  .today-command-hero { padding:18px 15px; border-radius:18px; }
  .today-command-title { margin:22px 0 15px; }
  .today-command-title h2 { font-size:24px; }
  .report-block,.people-performance-section,.management-card,.report-timeline { padding:15px; border-radius:15px; }
  .bottom-nav { border-radius:17px 17px 0 0; }
  .nav-item { min-height:60px; font-size:9.5px; }
}

@media (orientation:landscape) and (max-height:520px) {
  .intelligence-header { grid-template-columns:minmax(0,1fr) auto; min-height:132px; padding:16px 20px; }
  .intelligence-brand { grid-column:1/-1; }
  .intelligence-heading-copy h1 { font-size:27px; }
  .intelligence-heading-copy p { display:none; }
  .intelligence-live { position:relative; top:auto; right:auto; }
}

@media (prefers-reduced-motion:reduce) {
  #screen-customers .report-launchpad .report-tab,.nav-item,.primary-button,.secondary-button { transition:none; }
}

/* v37 — compact operational reporting.
   One action per row, restrained colour, clear grouping, Telegram-safe navigation. */
body { background:var(--canvas); }
.screen { padding-bottom:16px; }
.app-shell { padding-bottom:calc(66px + var(--app-safe-bottom) + 20px); }

/* Telegram owns the back/menu zones; the web header must never compete with them. */
body.telegram-host.telegram-back-visible .topbar {
  min-height:70px;
  padding-left:max(128px,calc(var(--app-safe-left) + 128px));
  padding-right:max(72px,calc(var(--app-safe-right) + 72px));
}
body.telegram-host.telegram-back-visible .topbar .brand-logo-mark,
body.telegram-host .topbar #themeToggle { display:none; }
body.telegram-host.telegram-back-visible .topbar-copy strong { font-size:13px; }
body.telegram-host.telegram-back-visible .topbar-copy > span { max-width:100%; font-size:9px; }

/* Compact reporting identity: product header, not a marketing hero. */
.intelligence-header {
  min-height:88px;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  margin:0 0 12px;
  padding:12px 14px;
  color:var(--ink);
  border:1px solid var(--border);
  border-left:4px solid var(--brand);
  border-top:1px solid var(--border);
  border-radius:16px;
  background:var(--surface);
  box-shadow:var(--shadow-sm);
}
.intelligence-header::after { display:none; }
.intelligence-brand { grid-column:auto; align-self:auto; gap:11px; min-width:0; }
.intelligence-logo { width:66px; height:40px; flex-basis:66px; border:1px solid #ead9dc; border-radius:9px; }
.intelligence-logo img { width:102px; height:102px; }
body:not(.telegram-host) .intelligence-logo { display:none; }
.intelligence-brand > div { min-width:0; }
.intelligence-brand .eyebrow { color:var(--brand); font-size:8px; letter-spacing:.12em; }
.intelligence-header h1 {
  max-width:none;
  margin:2px 0 1px;
  color:var(--ink);
  font-size:20px;
  line-height:1.15;
  letter-spacing:-.025em;
}
.intelligence-header p {
  max-width:52ch;
  margin:0;
  overflow:hidden;
  color:var(--muted);
  font-size:10px;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.intelligence-live {
  justify-items:center;
  gap:2px;
  padding:7px 9px;
  color:var(--accent);
  border:1px solid color-mix(in srgb,var(--accent),transparent 70%);
  border-radius:11px;
  background:var(--accent-soft);
}
.intelligence-live .live-indicator { padding:0; color:var(--accent-strong); border:0; background:transparent; font-size:8px; }
.intelligence-live small { color:var(--muted); font-size:7px; }

/* One neutral navigation language. Colour is reserved for current state. */
#screen-customers .report-launchpad {
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin:0 0 12px;
}
#screen-customers .report-launchpad .report-tab,
#screen-customers .report-launchpad .report-today,
#screen-customers .report-launchpad .report-customer,
#screen-customers .report-launchpad .report-team,
#screen-customers .report-launchpad .report-management {
  --tab-color:var(--authority);
  --tab-soft:var(--authority-soft);
  min-height:70px;
  grid-template-columns:38px minmax(0,1fr) 18px;
  gap:8px;
  padding:9px;
  color:var(--ink);
  border:1px solid var(--border);
  border-top:1px solid var(--border);
  border-radius:13px;
  background:var(--surface);
  box-shadow:none;
}
#screen-customers .report-launchpad .report-tab:hover,
#screen-customers .report-launchpad .report-tab:focus-visible { border-color:var(--authority); background:var(--authority-soft); box-shadow:none; }
#screen-customers .report-launchpad .report-tab.active {
  --tab-color:var(--brand);
  --tab-soft:var(--brand-soft);
  color:var(--brand-strong);
  border-color:color-mix(in srgb,var(--brand),transparent 50%);
  background:var(--brand-soft);
  box-shadow:inset 0 3px 0 var(--brand);
}
#screen-customers .report-launchpad .report-tab-icon {
  width:38px;
  height:38px;
  color:var(--authority);
  border:0;
  border-radius:10px;
  background:var(--authority-soft);
}
#screen-customers .report-launchpad .report-tab.active .report-tab-icon { color:#fff; border:0; background:var(--brand); }
#screen-customers .report-launchpad .report-tab-icon svg { width:19px; height:19px; }
#screen-customers .report-launchpad .report-tab-copy strong { font-size:12px; line-height:1.15; }
#screen-customers .report-launchpad .report-tab-copy small { margin-top:2px; color:var(--muted); font-size:8px; line-height:1.2; }
#screen-customers .report-launchpad .report-tab.active .report-tab-copy small { color:var(--muted); }
#screen-customers .report-launchpad .report-tab-arrow,
#screen-customers .report-launchpad .report-tab.active .report-tab-arrow { width:18px; height:18px; color:var(--muted); background:transparent; }
.report-view-context { display:none; }
.report-panel { min-height:220px; }

/* Filters use progressive disclosure without explanatory paragraphs. */
.report-filter-card { gap:11px; margin-bottom:12px; padding:13px; border-top:1px solid var(--border); border-left:3px solid var(--authority); border-radius:14px; box-shadow:none; }
.filter-heading { padding-bottom:9px; }
.filter-heading > div > div > span { display:none; }
.filter-heading strong { font-size:13px; }
.report-code { width:40px; height:40px; font-size:8px; }
.period-control { gap:8px; padding:10px; border-radius:12px; }
.report-filter-card .period-control .report-date-grid { grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr); gap:5px; }
.report-filter-card .period-control .report-date-grid label { gap:2px; padding:7px 8px; }
.report-filter-card .period-control .report-date-grid label:first-child { grid-column:1; }
.report-filter-card .period-control .report-date-grid label:last-child { grid-column:3; }
.report-filter-card .period-control .report-date-grid input { min-height:36px; font-size:11px; }
.report-filter-card .period-arrow { width:18px; display:grid !important; place-items:center; grid-column:2; font-size:10px; }
.report-run-button { min-height:48px; }

/* Today: compact command strip and scannable status cards. */
.today-command-hero {
  padding:14px;
  border-top:4px solid var(--brand);
  border-radius:16px;
  background:var(--authority-strong);
  box-shadow:var(--shadow-sm);
}
.today-command-title { margin:10px 0 11px; }
.today-command-title h2 { margin:2px 0; font-size:21px; }
.today-command-title p { font-size:10px; line-height:1.35; }
.today-command-top > div { font-size:8px; }
.today-command-hero .command-refresh { min-height:40px; padding:7px 10px; border-radius:10px; }
.today-command-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; }
.today-command-metrics .report-metric {
  min-height:76px;
  grid-template-columns:30px minmax(0,1fr);
  gap:7px;
  padding:9px;
  border-left-width:2px;
  border-radius:10px;
}
.today-command-metrics .report-metric-icon { width:30px; height:30px; border-radius:8px; }
.today-command-metrics .report-metric-icon svg { width:16px; height:16px; }
.today-command-metrics .report-metric strong { font-size:17px; }
.today-command-metrics .report-metric span { font-size:8px; }
.today-command-metrics .report-metric small { font-size:7px; }
.operational-position-section {
  margin-top:10px;
  padding:13px;
  border:1px solid var(--border);
  border-radius:15px;
  background:var(--surface);
}
.report-block-heading { gap:10px; padding-bottom:8px; }
.report-block-heading h2 { font-size:16px; }
.report-block-heading > span { font-size:8px; }
#screen-customers .operational-position-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; }
#screen-customers .operational-position-grid > button {
  min-height:72px;
  grid-template-columns:30px minmax(0,1fr) 16px;
  gap:7px;
  padding:9px;
  border-left-width:3px;
  border-radius:11px;
}
#screen-customers .operational-position-grid .operation-position-icon { width:30px; height:30px; border-radius:8px; }
#screen-customers .operational-position-grid .operation-position-icon svg { width:17px; height:17px; }
#screen-customers .operational-position-grid .operation-position-copy strong { font-size:18px; }
#screen-customers .operational-position-grid .operation-position-copy b { font-size:10px; }
#screen-customers .operational-position-grid .operation-position-copy small { margin-top:0; font-size:7px; }

@media (min-width:900px) {
  #screen-customers .operational-position-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
}
.today-attention { margin:9px 0; padding:10px 12px; border-radius:12px; }
.today-attention strong { font-size:11px; }
.today-attention span { font-size:8px; }

/* Person route: the row itself is the single action. */
.today-people-section { margin-top:14px; }
.today-people-list { gap:10px; }
.today-person-card { border-radius:15px; box-shadow:none; }
.today-person-card > header { gap:9px; padding:11px 12px; }
.today-avatar { width:40px; height:40px; }
.today-person-identity strong { font-size:13px; }
.today-person-identity span,.today-person-identity small { font-size:8.5px; }
.today-person-card .status-pill { min-height:30px; padding:5px 8px; font-size:8px; }
.today-person-numbers { padding:7px 10px; }
.today-person-numbers span { padding:4px 8px; font-size:7.5px; }
.today-person-numbers strong { font-size:11px; }
.today-route-timeline { padding:5px 8px 8px; }
.today-visit-row {
  grid-template-columns:30px 62px minmax(0,1fr) 58px 18px;
  gap:7px;
  min-height:64px;
  padding:7px 5px;
}
.today-visit-sequence { width:28px; height:28px; border-radius:8px; }
.today-visit-time { font-size:10px; }
.today-customer-link {
  display:-webkit-box;
  overflow:hidden;
  font-size:11px;
  line-height:1.25;
  text-decoration:none;
  text-overflow:clip;
  white-space:normal;
  overflow-wrap:anywhere;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.today-visit-copy small { margin-top:1px; font-size:7.5px; }
.today-visit-facts { min-width:0; }
.today-visit-facts strong { font-size:9px; }
.today-visit-facts small { font-size:7px; }
.today-visit-action { display:none !important; }

/* Team report: remove oversized export/action and reduce card height. */
.team-report-hero,.management-hero,.customer-report-hero { padding:14px; border-radius:16px; box-shadow:var(--shadow-sm); }
.report-hero-top,.management-hero-head { gap:10px; }
.report-hero-top h2,.management-hero-head h2 { font-size:20px; }
.report-hero-top p,.management-hero-head p { font-size:9px; }
.report-metric-grid { gap:7px; }
.report-metric {
  min-height:76px;
  grid-template-columns:30px minmax(0,1fr);
  gap:7px;
  padding:9px;
  border-left-width:3px;
  border-radius:11px;
}
.report-metric-icon { width:30px; height:30px; border-radius:8px; }
.report-metric-icon svg { width:16px; height:16px; }
.report-metric strong { font-size:17px; }
.report-metric span { font-size:8px; }
.report-metric small { font-size:7px; }
.executive-allocation { margin-top:9px; padding:9px; border-radius:11px; }
.allocation-copy strong { font-size:10px; }
.allocation-copy span,.allocation-legend { font-size:7.5px; }
.report-block,.people-performance-section,.management-card,.report-timeline { padding:13px; border-radius:15px; box-shadow:none; }
.report-export-actions.single { grid-template-columns:minmax(0,360px); }
.report-export-actions button { min-height:48px; padding:9px 13px; border-radius:12px !important; }
.report-export-actions button > svg { width:19px; height:19px; }
.report-export-actions button span strong { font-size:11px; }
.report-export-actions button span small { font-size:7.5px; }
.report-export-actions .primary-button { color:var(--authority); border-color:var(--border-strong); background:var(--surface); box-shadow:none; }
.report-export-actions .primary-button:hover { color:#fff; border-color:var(--authority); background:var(--authority); }
.people-report-list { gap:9px; }
.person-report-card { padding:11px; border-left-width:2px; border-radius:14px; box-shadow:none; }
.person-rank { top:8px; right:9px; font-size:7px; }
.person-report-head { gap:8px; padding-right:14px; }
.person-report-head .person-avatar { width:40px; height:40px; border-radius:11px; }
.person-report-head strong { font-size:13px; line-height:1.25; }
.person-report-head > div span { font-size:8px; }
.person-report-head > div small { font-size:7.5px; }
.person-report-head .status-pill { min-height:29px; padding:4px 7px; font-size:7.5px; }
.person-scoreline { grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; margin-top:9px; }
.person-scoreline span { min-height:44px; padding:7px; border-radius:9px; font-size:7.5px; }
.person-scoreline strong { font-size:12px; }
.time-allocation { margin-top:7px; padding:8px; border-radius:9px; }
.time-allocation > div:last-child { gap:7px; margin-top:5px; font-size:7.5px; }
.person-card-footer { margin-top:7px; padding-top:7px; }
.report-kpi-strip.compact { gap:4px; }
.report-kpi-strip .chip { min-height:26px; padding:4px 7px; font-size:7px; }
.report-kpi-strip .chip.clear { color:var(--muted); background:var(--canvas); }
.person-open { width:32px; height:32px; display:grid; place-items:center; color:var(--muted); border-radius:9px; background:var(--authority-soft); }
.person-open svg { width:15px; height:15px; }

/* KPI detail: full width without clipping and one predictable back route. */
.kpi-detail-overlay,.kpi-detail-sheet,.kpi-detail-header,.kpi-detail-body { box-sizing:border-box; max-width:100%; overflow-x:hidden; }
.kpi-detail-sheet { width:min(100%,720px); }
.kpi-detail-header { grid-template-columns:auto minmax(0,1fr); padding:13px; }
.kpi-detail-title h2 { white-space:normal; overflow-wrap:anywhere; }
.kpi-detail-title p { white-space:normal; line-height:1.3; overflow-wrap:anywhere; }
.kpi-detail-status { display:grid; grid-template-columns:minmax(0,1fr) auto; padding:12px; border-radius:13px; }
.kpi-detail-status em { justify-self:end; max-width:180px; }
.kpi-detail-facts > div { padding:9px; }
.kpi-detail-section { margin-top:12px; padding-top:12px; }
.kpi-detail-section-heading { grid-template-columns:minmax(0,1fr); gap:2px; }
.kpi-detail-section-heading > span { display:none; }
.kpi-detail-empty { min-height:60px; padding:10px; }
body.telegram-host.telegram-back-visible .kpi-detail-close { display:none; }
body.telegram-host.telegram-back-visible .kpi-detail-header {
  grid-template-columns:minmax(0,1fr);
  padding:max(76px,calc(var(--app-safe-top) + 54px)) max(14px,var(--app-safe-right)) 12px max(14px,var(--app-safe-left));
}

.bottom-nav {
  min-height:calc(64px + var(--app-safe-bottom));
  padding-top:5px;
  padding-bottom:calc(5px + var(--app-safe-bottom));
  border-radius:16px 16px 0 0;
}
.nav-item { min-height:54px; font-size:9px; }
.nav-item.active::after { top:3px; }

@media (max-width:720px) {
  .intelligence-header { min-height:82px; padding:11px 12px; }
  .intelligence-live { position:relative; top:auto; right:auto; }
  #screen-customers .report-launchpad { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #screen-customers .report-launchpad .report-tab {
    min-height:64px;
    display:grid;
    grid-template-columns:36px minmax(0,1fr) 16px;
    align-items:center;
    gap:7px;
    padding:8px;
  }
  #screen-customers .report-launchpad .report-tab-icon { width:36px; height:36px; flex:0 0 36px; }
  #screen-customers .report-launchpad .report-tab-arrow { position:relative; top:auto; right:auto; }
  #screen-customers .operational-position-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .report-metric-grid.six { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .today-command-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .today-command-metrics .report-metric { min-height:70px; }
}

@media (max-width:430px) {
  body.telegram-host.telegram-back-visible .topbar {
    padding-left:max(126px,calc(var(--app-safe-left) + 126px));
    padding-right:max(68px,calc(var(--app-safe-right) + 68px));
  }
  .intelligence-header { min-height:66px; padding:9px 10px; }
  .intelligence-logo { width:54px; height:34px; flex-basis:54px; }
  .intelligence-logo img { width:86px; height:86px; }
  .intelligence-brand .eyebrow { font-size:7px; }
  .intelligence-header h1 { font-size:17px; }
  .intelligence-header p { display:none; }
  .intelligence-live small { display:none; }
  #screen-customers .report-launchpad .report-tab { min-height:54px; grid-template-columns:32px minmax(0,1fr) 14px; padding:7px; }
  #screen-customers .report-launchpad .report-tab-icon { width:32px; height:32px; flex-basis:32px; border-radius:8px; }
  #screen-customers .report-launchpad .report-tab-copy small { display:none; }
  #screen-customers .report-launchpad .report-tab-copy strong { font-size:11px; }
  .today-command-title p { display:none; }
  .today-command-metrics .report-metric { min-height:64px; }
  .report-filter-card .period-control .report-date-grid { grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr); }
  .report-filter-card .period-control .report-date-grid label { padding:6px; }
  .report-filter-card .period-control .report-date-grid input { min-height:34px; font-size:10px; }
  .report-filter-card .period-arrow { width:14px; }
  .today-person-card > header { grid-template-columns:auto minmax(0,1fr); }
  .today-person-card > header .status-pill { grid-column:2; justify-self:start; }
  .today-person-numbers { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; }
  .today-person-numbers span:nth-child(3) { border-left:0; }
  .today-visit-row { grid-template-columns:28px 54px minmax(0,1fr) 48px 16px; gap:5px; }
  .today-visit-time { font-size:9px; }
  .today-customer-link { font-size:10px; }
  .today-visit-copy small { max-width:100%; }
  .person-report-head { grid-template-columns:auto minmax(0,1fr); }
  .person-report-head .status-pill { grid-column:2; justify-self:start; }
  .person-scoreline { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .kpi-detail-status { grid-template-columns:minmax(0,1fr); gap:8px; }
  .kpi-detail-status em { justify-self:start; max-width:100%; }
}

@media (orientation:landscape) and (max-height:520px) {
  body.telegram-host.telegram-back-visible .topbar { min-height:58px; }
  .intelligence-header { min-height:66px; padding:8px 12px; }
  .intelligence-header p { display:none; }
  body.telegram-host.telegram-back-visible .kpi-detail-header { padding:max(10px,var(--app-safe-top)) max(14px,var(--app-safe-right)) 10px max(14px,var(--app-safe-left)); }
}

@media (prefers-reduced-motion:reduce) {
  .kpi-detail-overlay,.kpi-detail-sheet,.report-tab,.today-visit-row,.person-report-card { animation:none !important; transition:none !important; }
}

/* v38 — reporting hierarchy rebuilt for decisive mobile scanning. */
.intelligence-header {
  grid-template-columns:minmax(0,1fr) auto;
  min-height:64px;
  gap:10px;
  padding:10px 14px;
}
.intelligence-brand { min-width:0; gap:9px; }
.intelligence-logo { width:42px; height:42px; flex:0 0 42px; border-radius:11px; }
.intelligence-logo img { width:56px; height:56px; }
.intelligence-brand .eyebrow { font-size:7px; }
.intelligence-header h1 { font-size:19px; }
.intelligence-header p { display:none; }
.intelligence-live {
  position:static !important;
  grid-column:2 !important;
  width:auto !important;
  min-width:0;
  min-height:32px;
  justify-self:end;
  align-self:center;
  justify-content:center;
  align-items:center;
  padding:6px 9px !important;
  border:1px solid color-mix(in srgb,var(--success),transparent 76%);
  border-radius:999px;
  background:color-mix(in srgb,var(--success-soft),var(--surface) 38%);
}
.intelligence-live small { display:none; }

/* Date presets stay visible; the actual range fields only open for Custom. */
.report-filter-card { gap:8px; padding:11px 12px; }
.report-filter-card > label { margin-top:1px; font-size:11px; font-weight:800; }
.filter-heading { min-height:38px; padding-bottom:7px; }
.filter-heading .filter-step { display:none; }
.period-control { gap:7px; padding:8px; border-radius:11px; }
.period-control-head { min-height:24px; }
.period-control-head > div { gap:6px; }
.period-control-head > div svg { width:15px; height:15px; }
.period-control-head strong { font-size:11px; }
.period-control-head > span { padding:3px 7px; font-size:8px; }
.period-control .report-date-grid { display:none !important; }
.period-control.custom-range-open .report-date-grid { display:grid !important; }
.period-control.custom-range-open .report-date-grid input { min-height:44px !important; }
.period-control .date-presets { grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:5px; }
.period-control .date-presets button { min-height:40px; padding:6px 4px; border-radius:9px; font-size:9px; }
.report-search { min-height:50px; border-radius:12px; }
.report-search input { min-height:48px; padding-top:0; padding-bottom:0; font-size:15px; }
.report-search .search-icon { transform:scale(.78); }

/* One customer header, one performance summary, one visit history. */
.customer-report-v38 { display:grid; gap:10px; width:100%; min-width:0; }
.customer-report-summary,
.customer-period-overview,
.customer-visit-history {
  min-width:0;
  padding:13px;
  border:1px solid var(--border);
  border-radius:15px;
  background:var(--surface);
  box-shadow:none;
}
.customer-report-summary { border-top:4px solid var(--brand); }
.customer-report-toolbar { display:flex; align-items:center; justify-content:space-between; gap:8px; padding-bottom:10px; border-bottom:1px solid var(--border); }
.customer-report-toolbar .report-back { min-height:42px; padding:8px 11px; color:var(--authority); border:1px solid var(--border-strong); border-radius:10px; background:var(--surface-raised); }
.customer-report-toolbar .report-back svg { width:17px; height:17px; }
.customer-report-toolbar .report-period { min-height:32px; margin:0; padding:6px 8px; font-size:8px; white-space:nowrap; }
.customer-summary-identity { display:grid; grid-template-columns:44px minmax(0,1fr); align-items:center; gap:10px; padding:12px 0 10px; }
.customer-code-badge { width:44px; height:44px; display:grid; place-items:center; color:var(--authority); border-radius:11px; background:var(--authority-soft); font-size:9px; font-weight:900; }
.customer-summary-identity .eyebrow { font-size:7px; }
.customer-summary-identity h2 { margin:2px 0 3px; font-size:19px; line-height:1.17; overflow-wrap:anywhere; }
.customer-summary-identity p { margin:0; color:var(--muted); font-size:9px; line-height:1.35; }
.customer-context-strip { display:grid; grid-template-columns:1.15fr .8fr 1.2fr .85fr; gap:6px; }
.customer-context-strip > span { min-width:0; padding:8px 9px; border:1px solid var(--border); border-radius:9px; background:var(--canvas); }
.customer-context-strip small,.customer-context-strip strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.customer-context-strip small { color:var(--muted); font-size:7px; font-weight:800; text-transform:uppercase; }
.customer-context-strip strong { margin-top:2px; font-size:11px; }
.customer-context-strip .last-visit { border-color:color-mix(in srgb,var(--authority),transparent 70%); background:var(--authority-soft); }
.customer-context-strip .last-visit strong { color:var(--authority); }
.customer-period-overview .report-block-heading { margin:0 0 8px; padding-bottom:7px; }
.customer-period-overview .report-block-heading h2 { font-size:15px; }
.customer-overview-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
.customer-overview-metrics > div { min-width:0; padding:9px 8px; border-left:2px solid var(--authority); border-radius:9px; background:var(--canvas); }
.customer-overview-metrics strong,.customer-overview-metrics span,.customer-overview-metrics small { display:block; min-width:0; overflow:hidden; text-overflow:ellipsis; }
.customer-overview-metrics strong { font-size:15px; line-height:1.1; white-space:nowrap; }
.customer-overview-metrics span { margin-top:3px; color:var(--ink); font-size:8px; font-weight:800; }
.customer-overview-metrics small { margin-top:2px; color:var(--muted); font-size:7px; white-space:nowrap; }
.customer-kpi-row { display:flex; align-items:center; gap:8px; min-height:38px; margin-top:7px; padding-top:7px; border-top:1px solid var(--border); }
.customer-kpi-row > span { color:var(--muted); font-size:8px; font-weight:850; text-transform:uppercase; }
.customer-kpi-row .report-kpi-strip { flex:1; }
.customer-downloads { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.customer-downloads button { min-height:50px; display:grid; grid-template-columns:18px minmax(0,1fr); align-items:center; gap:8px; padding:8px 11px; border-radius:11px; box-shadow:none; }
.customer-downloads button > svg { width:18px; height:18px; }
.customer-downloads button > span { min-width:0; display:grid; gap:1px; text-align:left; }
.customer-downloads button span strong { font-size:10px; line-height:1.2; }
.customer-downloads button span small { font-size:8px; line-height:1.2; }
.customer-visit-history .timeline-heading { margin-bottom:0; }
.customer-latest-visit {
  width:100%; min-height:72px;
  display:grid; grid-template-columns:38px minmax(0,1fr) 20px;
  align-items:center; gap:11px; padding:12px 14px;
  color:var(--ink);
  border:1px solid color-mix(in srgb,var(--warning),transparent 58%);
  border-radius:14px;
  background:linear-gradient(110deg,var(--warning-soft),var(--surface));
  text-align:left; cursor:pointer; touch-action:manipulation;
  transition:border-color 180ms ease,box-shadow 180ms ease,background 180ms ease;
}
.customer-latest-visit:hover,.customer-latest-visit:focus-visible { border-color:var(--warning); box-shadow:var(--shadow-sm); }
.customer-latest-visit > svg:first-child { width:38px; height:38px; padding:9px; color:var(--warning); border-radius:11px; background:var(--surface); }
.customer-latest-visit > span { min-width:0; display:grid; gap:2px; }
.customer-latest-visit small { color:var(--warning); font-size:8px; font-weight:900; letter-spacing:.06em; }
.customer-latest-visit strong { overflow:hidden; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.customer-latest-visit em { color:var(--muted); font-size:9px; font-style:normal; }
.customer-latest-visit > svg:last-child { width:18px; height:18px; color:var(--warning); }

.customer-history-visit {
  width:100%; min-height:148px;
  display:grid; grid-template-columns:42px minmax(0,1fr);
  align-items:start; gap:11px; margin-top:9px; padding:13px;
  color:var(--ink); border:1px solid var(--border); border-radius:15px;
  background:var(--surface); text-align:left; cursor:pointer; touch-action:manipulation;
  transition:border-color 180ms ease,box-shadow 180ms ease,background 180ms ease;
}
.customer-history-visit:hover,.customer-history-visit:focus-visible {
  border-color:var(--authority);
  background:color-mix(in srgb,var(--authority-soft),var(--surface) 72%);
  box-shadow:var(--shadow-sm);
}
.customer-history-visit:active { background:var(--authority-soft); }
.customer-history-main { min-width:0; display:grid; gap:9px; }
.customer-history-top { min-width:0; display:flex; align-items:flex-start; justify-content:space-between; gap:9px; }
.customer-history-top > span:first-child { min-width:0; }
.customer-history-top small,.customer-history-top strong,.customer-history-top em { display:block; }
.customer-history-top small { color:var(--authority); font-size:9px; font-weight:850; font-variant-numeric:tabular-nums; }
.customer-history-top strong { overflow:hidden; margin-top:2px; font-size:12px; line-height:1.3; text-overflow:ellipsis; white-space:nowrap; }
.customer-history-top em { overflow:hidden; margin-top:2px; color:var(--muted); font-size:9px; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }
.customer-history-facts {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  border:1px solid var(--border); border-radius:10px; background:var(--canvas);
}
.customer-history-facts > span {
  min-width:0; display:grid; grid-template-columns:14px minmax(0,1fr);
  align-items:center; gap:1px 5px; padding:7px 8px; border-right:1px solid var(--border);
}
.customer-history-facts > span:last-child { border-right:0; }
.customer-history-facts svg { grid-row:1 / span 2; width:14px; height:14px; color:var(--authority); }
.customer-history-facts b { overflow:hidden; font-size:10px; line-height:1.1; text-overflow:ellipsis; white-space:nowrap; }
.customer-history-facts small { overflow:hidden; color:var(--muted); font-size:7px; text-overflow:ellipsis; white-space:nowrap; }
.customer-history-kpis { min-height:22px; display:flex; flex-wrap:wrap; gap:4px; }
.customer-history-open {
  display:flex; align-items:center; justify-content:space-between; gap:8px;
  padding-top:8px; border-top:1px solid var(--border); color:var(--authority);
}
.customer-history-open > span { min-width:0; }
.customer-history-open strong,.customer-history-open small { display:block; }
.customer-history-open strong { font-size:10px; }
.customer-history-open small { overflow:hidden; margin-top:1px; color:var(--muted); font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
.customer-history-open > svg { flex:0 0 auto; width:17px; height:17px; }
body.customer-detail-open .bottom-nav { display:none; }
body.customer-detail-open .app-shell { padding-bottom:max(18px,var(--app-safe-bottom)); }
body.customer-detail-open #screen-customers > .intelligence-header,
body.customer-detail-open #screen-customers > .report-launchpad,
body.customer-detail-open #screen-customers > .report-view-context,
body.customer-detail-open #reportPanelCustomer > .report-filter-card,
body.customer-detail-open #historyResults { display:none !important; }
body.customer-detail-open #screen-customers { padding-top:8px; }

/* KPI detail always has its own visible, reliable Back action. */
body.telegram-host.telegram-back-visible .kpi-detail-close,
.kpi-detail-close { display:inline-flex !important; min-height:42px; align-items:center; justify-content:center; gap:6px; padding:8px 10px; border:1px solid rgba(255,255,255,.24); border-radius:10px; }
body.telegram-host.telegram-back-visible .kpi-detail-header {
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:10px;
  padding:max(70px,calc(var(--app-safe-top) + 50px)) max(12px,var(--app-safe-right)) 12px max(12px,var(--app-safe-left));
}
.kpi-detail-title { min-width:0; gap:8px; }
.kpi-detail-icon { width:38px; height:38px; flex:0 0 38px; border-radius:10px; }
.kpi-detail-title .eyebrow { font-size:7px; }
.kpi-detail-title h2 { font-size:18px; }
.kpi-detail-title p { font-size:8px; }
.kpi-detail-body { padding:12px; }
.kpi-detail-status { padding:10px; }
.kpi-detail-status strong { font-size:18px; }
.kpi-detail-facts { grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
.kpi-detail-facts > div { min-width:0; border-radius:9px; }
.kpi-detail-facts strong { overflow-wrap:anywhere; }
.kpi-detail-section { margin-top:10px; padding-top:10px; }
.kpi-detail-section-heading h3 { font-size:14px; }
.kpi-detail-empty.compact { min-height:54px; }

@media (max-width:430px) {
  .intelligence-header { min-height:58px; padding:8px 10px; }
  .intelligence-logo { width:36px; height:36px; flex-basis:36px; }
  .intelligence-logo img { width:48px; height:48px; }
  .intelligence-header h1 { font-size:17px; }
  .intelligence-live { min-height:30px; padding:5px 8px !important; }
  .period-control.custom-range-open .report-date-grid { grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) !important; }
  .period-control.custom-range-open .period-arrow { display:grid !important; grid-column:2; }
  .customer-report-toolbar { align-items:flex-start; flex-direction:column; }
  .customer-report-toolbar .report-period { align-self:stretch; justify-content:center; }
  .customer-context-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .customer-overview-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .customer-downloads { grid-template-columns:1fr 1fr; }
  .customer-history-visit { grid-template-columns:38px minmax(0,1fr); padding:11px; }
  .customer-history-facts > span { padding:7px 5px; }
  body.telegram-host.telegram-back-visible .kpi-detail-header { padding-top:max(68px,calc(var(--app-safe-top) + 48px)); }
  .kpi-detail-close span { display:inline; }
}

@media (orientation:landscape) and (max-height:520px) {
  body.telegram-host.telegram-back-visible .kpi-detail-header { padding:max(8px,var(--app-safe-top)) max(12px,var(--app-safe-right)) 8px max(12px,var(--app-safe-left)); }
}

/* v39 — durable previous-day report handover for Angelica. */
.final-report-receipt-modal { max-width:560px; }
.final-report-receipt {
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  gap:14px 16px;
  padding:18px;
  border:1px solid var(--border);
  border-top:4px solid var(--brand);
  border-radius:16px;
  background:var(--surface);
}
.receipt-status-mark {
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  color:var(--brand);
  border-radius:14px;
  background:var(--brand-soft);
}
.receipt-status-mark svg { width:25px; height:25px; stroke-width:1.8; }
.receipt-status-copy { min-width:0; align-self:center; }
.receipt-status-copy h3 { margin:3px 0 4px; color:var(--ink); font-size:20px; line-height:1.15; }
.receipt-status-copy p { margin:0; color:var(--muted); font-size:13px; line-height:1.45; }
.receipt-facts {
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  margin:0;
}
.receipt-facts > div { min-width:0; padding:11px 12px; border:1px solid var(--border); border-radius:11px; background:var(--canvas); }
.receipt-facts dt { margin:0 0 4px; color:var(--muted); font-size:9px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.receipt-facts dd { margin:0; color:var(--ink); font-size:12px; font-weight:800; line-height:1.35; overflow-wrap:anywhere; }
.receipt-state { color:#8a5a00; }
.receipt-approval {
  grid-column:1/-1;
  min-height:64px;
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  align-items:center;
  gap:11px;
  padding:12px;
  border:1px solid color-mix(in srgb,var(--brand),transparent 62%);
  border-radius:12px;
  background:var(--brand-soft);
  cursor:pointer;
}
.receipt-approval input { width:20px; height:20px; accent-color:var(--brand); }
.receipt-approval span { display:grid; gap:3px; }
.receipt-approval strong { color:var(--ink); font-size:12px; line-height:1.35; }
.receipt-approval small { color:var(--muted); font-size:10px; line-height:1.35; }
.receipt-actions { grid-column:1/-1; display:grid; grid-template-columns:.8fr 1.2fr; gap:8px; }
.receipt-actions button,.receipt-done { min-height:48px; }
.receipt-done { grid-column:1/-1; }
.final-report-receipt.is-confirmed { border-top-color:var(--accent); }
.final-report-receipt.is-confirmed .receipt-status-mark { color:var(--accent); background:var(--accent-soft); }
.final-report-receipt.is-confirmed .receipt-state { color:var(--accent); }
.receipt-confirmed-at { grid-column:1/-1; }

@media (max-width:430px) {
  .final-report-receipt { grid-template-columns:44px minmax(0,1fr); gap:12px; padding:13px; }
  .receipt-status-mark { width:44px; height:44px; border-radius:11px; }
  .receipt-status-copy h3 { font-size:17px; }
  .receipt-status-copy p { font-size:11px; }
  .receipt-facts { grid-template-columns:1fr; }
  .receipt-facts > div { padding:9px 10px; }
  .receipt-actions { grid-template-columns:1fr; }
}

@media (prefers-reduced-motion:reduce) {
  .final-report-receipt *, .final-report-receipt *::before, .final-report-receipt *::after { transition-duration:.01ms !important; }
}

/* v43 — evidence viewer navigation stays clear of Telegram's native chrome.
   Telegram owns the top Back/Close/menu band, so the in-page Back action lives
   in the persistent footer and the title starts below the native controls. */
.evidence-lightbox-header {
  min-width:0;
  justify-content:flex-start;
}
.evidence-lightbox-header > div { min-width:0; }
.evidence-lightbox-header h2 { overflow-wrap:anywhere; }
.evidence-lightbox-footer {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:10px;
}
.evidence-lightbox-footer .evidence-viewer-close { min-width:132px; }
body.telegram-host.telegram-back-visible .evidence-lightbox-header {
  padding-top:max(76px,calc(var(--app-safe-top) + 54px));
}

@media (max-width:520px) {
  .evidence-lightbox-footer {
    grid-template-columns:repeat(2,minmax(0,1fr));
    padding:10px max(12px,var(--app-safe-right)) max(12px,var(--app-safe-bottom)) max(12px,var(--app-safe-left));
  }
  .evidence-lightbox-footer > div { grid-column:1/-1; }
  .evidence-lightbox-footer strong { max-width:100%; }
  .evidence-lightbox-footer .evidence-viewer-button { width:100%; min-width:0; }
  body.telegram-host.telegram-back-visible .evidence-lightbox-header {
    padding-top:max(78px,calc(var(--app-safe-top) + 56px));
  }
}

@media (orientation:landscape) and (max-height:560px) {
  body.telegram-host.telegram-back-visible .evidence-lightbox-header {
    padding-top:max(52px,calc(var(--app-safe-top) + 40px));
  }
  .evidence-lightbox-footer > div { display:none; }
  .evidence-lightbox-footer { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
/* Operational Inbox v1 — visit-specific feedback, threaded replies, and resolution */
.inbox-button{position:relative;flex:0 0 auto;color:var(--authority)}
.inbox-button>span{display:grid;place-items:center}.inbox-button svg,.inbox-refresh svg{width:21px;height:21px}
.inbox-badge{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;display:grid;place-items:center;padding:0 5px;color:#fff;border:2px solid var(--surface);border-radius:999px;background:var(--brand);font-size:9px;font-weight:900;line-height:1;box-shadow:0 3px 9px rgba(159,23,27,.32)}
.inbox-nav-icon{position:relative;display:grid;place-items:center;overflow:visible}
.inbox-nav-icon>span{display:grid;place-items:center}
.inbox-nav-item .inbox-badge{top:-8px;right:-12px;border-color:var(--surface)}

/* v46 — person-to-store operational drill-down */
.person-activity-link{width:100%;min-height:56px;display:grid;grid-template-columns:30px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:10px 16px;text-align:left;color:var(--authority);border:0;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--authority-soft),var(--surface) 58%);cursor:pointer;touch-action:manipulation}
.person-activity-link>span:first-child,.person-activity-link>svg{display:grid;place-items:center}.person-activity-link svg{width:21px;height:21px}.person-activity-link strong,.person-activity-link small{display:block}.person-activity-link strong{font-size:12px}.person-activity-link small{margin-top:2px;color:var(--muted);font-size:9px;line-height:1.35}.person-activity-link:hover{background:var(--authority-soft)}
.person-visit-section{overflow:hidden;margin:16px 0;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-sm)}
.person-visit-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--border);background:linear-gradient(115deg,var(--surface),var(--authority-soft))}.person-route-avatar{width:46px;height:46px;border-radius:13px}.person-visit-heading h2{margin:2px 0 0;font-size:18px}.person-visit-heading p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.4}.person-route-count{min-width:42px;height:42px;display:grid;place-items:center;color:#fff;border-radius:13px;background:var(--authority);font-size:16px;font-weight:850;font-variant-numeric:tabular-nums}
.person-visit-guide{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;padding:11px 16px;color:var(--authority);border-bottom:1px solid var(--border);background:var(--authority-soft);font-size:10px;line-height:1.4}.person-visit-guide svg{width:22px;height:22px}
.person-visit-list{display:grid}.person-visit-row{width:100%;min-height:76px;display:grid;grid-template-columns:34px 82px minmax(0,1fr) 82px 18px;align-items:center;gap:10px;padding:12px 14px;text-align:left;color:var(--ink);border:0;border-bottom:1px solid var(--border);background:var(--surface);cursor:pointer;touch-action:manipulation}.person-visit-row:last-child{border-bottom:0}.person-visit-row:hover{background:var(--canvas)}.person-visit-sequence{width:32px;height:32px;display:grid;place-items:center;color:var(--authority);border:1px solid var(--border-strong);border-radius:10px;background:var(--authority-soft);font-size:9px;font-weight:850}.person-visit-when,.person-visit-store,.person-visit-result{min-width:0}.person-visit-when strong,.person-visit-when small,.person-visit-store strong,.person-visit-store small,.person-visit-result strong,.person-visit-result small{display:block}.person-visit-when strong,.person-visit-store strong,.person-visit-result strong{font-size:11px}.person-visit-when small,.person-visit-store small,.person-visit-result small{margin-top:3px;color:var(--muted);font-size:8.5px;line-height:1.35}.person-visit-store strong,.person-visit-store small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-visit-result{text-align:right}.person-visit-chevron svg{width:17px;height:17px;color:var(--muted)}
@media(max-width:620px){.person-visit-row{grid-template-columns:32px minmax(0,1fr) 68px 16px;grid-template-rows:auto auto;gap:8px;padding:11px 12px}.person-visit-sequence{grid-column:1;grid-row:1/3}.person-visit-when{grid-column:2;grid-row:1}.person-visit-store{grid-column:2;grid-row:2}.person-visit-result{grid-column:3;grid-row:1/3}.person-visit-chevron{grid-column:4;grid-row:1/3}.person-visit-heading{padding:13px}.person-visit-heading p{font-size:9px}.person-activity-link{padding-inline:13px}}
.inbox-screen{padding-bottom:calc(var(--nav-height) + 40px)}
.inbox-masthead{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;gap:11px;margin:0 0 18px}.inbox-masthead h1{margin:2px 0 0;color:var(--ink);font-size:clamp(25px,7vw,35px);line-height:1.05;letter-spacing:-.04em}.inbox-masthead p{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.4}
.inbox-stats{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;margin-bottom:13px;color:#fff;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:linear-gradient(135deg,#0a2236,#13374e);box-shadow:0 14px 34px rgba(9,34,53,.16)}.inbox-stats div{min-width:0;padding:15px 12px;text-align:center;border-right:1px solid rgba(255,255,255,.1)}.inbox-stats div:last-child{border-right:0}.inbox-stats strong,.inbox-stats span{display:block}.inbox-stats strong{font-size:24px;letter-spacing:-.04em}.inbox-stats span{margin-top:2px;color:#b8cbd8;font-size:10px;font-weight:720;text-transform:uppercase;letter-spacing:.06em}.inbox-stats .has-unread strong{color:#ffbdc0}
.inbox-filters{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:14px;padding:5px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.inbox-filters button{min-height:42px;padding:8px 5px;color:var(--muted);border:0;border-radius:10px;background:transparent;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.inbox-filters button.active{color:#fff;background:var(--authority);box-shadow:0 5px 14px rgba(12,42,65,.18)}
.inbox-list{display:grid;gap:10px}.inbox-thread-card{width:100%;min-height:118px;display:grid;grid-template-columns:46px minmax(0,1fr) 24px;align-items:center;gap:11px;padding:14px;text-align:left;color:var(--ink);border:1px solid var(--border);border-radius:17px;background:var(--surface);box-shadow:var(--shadow-sm);cursor:pointer}.inbox-thread-card.unread{border-color:color-mix(in srgb,var(--brand),transparent 55%);box-shadow:inset 4px 0 0 var(--brand),var(--shadow-sm)}
.inbox-thread-icon{position:relative;width:44px;height:44px;display:grid;place-items:center;color:var(--authority);border-radius:13px;background:var(--authority-soft)}.inbox-thread-icon svg{width:22px;height:22px}.inbox-thread-icon i{position:absolute;top:-1px;right:-1px;width:10px;height:10px;border:2px solid var(--surface);border-radius:50%;background:var(--brand)}
.inbox-thread-main{min-width:0;display:block}.inbox-thread-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.inbox-thread-top strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.inbox-thread-main>small,.inbox-thread-main>p,.inbox-thread-meta{display:block}.inbox-thread-main>small{margin-top:3px;color:var(--muted);font-size:10px;font-weight:700}.inbox-thread-main>p{display:-webkit-box;overflow:hidden;margin:8px 0 5px;color:var(--ink);font-size:12px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.inbox-thread-meta{color:var(--muted);font-size:9px}
.inbox-status{flex:0 0 auto;padding:5px 7px;border-radius:999px;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.inbox-status.status-open{color:var(--warning);background:var(--warning-soft)}.inbox-status.status-replied{color:#08725a;background:#e0f7ef}.inbox-status.status-resolved{color:var(--muted);background:var(--canvas)}.inbox-thread-arrow{color:var(--muted)}.inbox-thread-arrow svg{width:20px}
.visit-feedback-button{width:100%;min-height:66px;display:grid;grid-template-columns:32px minmax(0,1fr) 22px;align-items:center;gap:10px;margin-top:16px;padding:12px 13px;text-align:left;color:#fff;border:0;border-radius:15px;background:linear-gradient(135deg,var(--brand),#721018);box-shadow:0 10px 24px rgba(159,23,27,.2);cursor:pointer}.visit-feedback-button>svg{width:25px;height:25px}.visit-feedback-button span{min-width:0}.visit-feedback-button strong,.visit-feedback-button small{display:block}.visit-feedback-button strong{font-size:13px}.visit-feedback-button small{margin-top:3px;color:rgba(255,255,255,.75);font-size:9.5px;line-height:1.3}
.feedback-context,.thread-visit-context,.thread-assignment{display:grid;align-items:center;gap:11px;border:1px solid var(--border);border-radius:15px;background:var(--canvas)}.feedback-context{grid-template-columns:42px minmax(0,1fr);margin-bottom:16px;padding:13px}.feedback-context>span{width:42px;height:42px;display:grid;place-items:center;color:var(--brand);border-radius:12px;background:var(--brand-soft)}.feedback-context svg{width:22px}.feedback-context strong,.feedback-context small,.feedback-context em{display:block}.feedback-context strong{font-size:14px}.feedback-context small{margin-top:2px;color:var(--muted);font-size:10px}.feedback-context em{margin-top:6px;color:var(--authority);font-size:10px;font-style:normal;font-weight:800}
.feedback-field{display:grid;gap:7px;margin-top:13px}.feedback-field>span{color:var(--ink);font-size:12px;font-weight:800}.feedback-field textarea{min-height:130px;resize:vertical}.feedback-field>small{color:var(--muted);font-size:9px;text-align:right}.feedback-delivery-note{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;margin-top:14px;padding:12px;color:#086b55;border:1px solid #b6e7d9;border-radius:13px;background:#eaf9f4}.feedback-delivery-note svg{width:24px}.feedback-delivery-note strong,.feedback-delivery-note small{display:block}.feedback-delivery-note small{margin-top:2px;color:#477268;font-size:10px;line-height:1.35}
.inbox-thread-modal{max-width:660px}.thread-visit-context{grid-template-columns:48px minmax(0,1fr) auto;padding:13px}.thread-store-code{width:46px;height:46px;display:grid;place-items:center;color:#fff;border-radius:13px;background:var(--authority);font-size:11px;font-weight:900}.thread-visit-context strong,.thread-visit-context small,.thread-visit-context em{display:block}.thread-visit-context strong{font-size:14px}.thread-visit-context small{margin-top:2px;color:var(--muted);font-size:10px}.thread-visit-context em{margin-top:5px;color:var(--brand);font-size:9px;font-style:normal;font-weight:800}
.thread-assignment{grid-template-columns:32px minmax(0,1fr);margin-top:10px;padding:11px 13px;color:var(--authority)}.thread-assignment>span svg{width:22px}.thread-assignment small,.thread-assignment strong{display:block}.thread-assignment small{font-size:8px;letter-spacing:.07em}.thread-assignment strong{margin-top:2px;color:var(--ink);font-size:11px}.inbox-conversation{display:grid;gap:10px;margin:18px 0}.inbox-message{max-width:88%;padding:11px 13px;border:1px solid var(--border);border-radius:5px 15px 15px 15px;background:var(--canvas)}.inbox-message.own{justify-self:end;border-color:color-mix(in srgb,var(--authority),transparent 72%);border-radius:15px 5px 15px 15px;background:var(--authority-soft)}.inbox-message header{display:flex;justify-content:space-between;gap:12px}.inbox-message header strong{font-size:10px}.inbox-message header span{color:var(--muted);font-size:8px}.inbox-message p{margin:7px 0 0;color:var(--ink);font-size:12px;line-height:1.5;white-space:pre-wrap}
.thread-reply{display:grid;gap:7px;padding-top:14px;border-top:1px solid var(--border)}.thread-reply span{font-size:11px;font-weight:850}.thread-reply textarea{min-height:96px;resize:vertical}.thread-send,.thread-resolve{width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:10px}.thread-send svg,.thread-resolve svg{width:20px}.thread-resolved{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;padding:14px;color:#08725a;border:1px solid #b6e7d9;border-radius:14px;background:#eaf9f4}.thread-resolved svg{width:25px}.thread-resolved strong,.thread-resolved small{display:block}.thread-resolved small{margin-top:3px;color:#477268;font-size:10px}
[data-theme="dark"] .feedback-delivery-note,[data-theme="dark"] .thread-resolved{color:#90e0c9;border-color:#245e50;background:#153b33}[data-theme="dark"] .feedback-delivery-note small,[data-theme="dark"] .thread-resolved small{color:#a9c9bf}[data-theme="dark"] .inbox-status.status-replied{color:#90e0c9;background:#153b33}
@media(max-width:420px){.inbox-screen{padding-inline:12px}.inbox-masthead{grid-template-columns:42px minmax(0,1fr) 42px;gap:8px}.inbox-masthead p{display:none}.inbox-thread-card{grid-template-columns:42px minmax(0,1fr) 18px;padding:12px}.thread-visit-context{grid-template-columns:44px minmax(0,1fr)}.thread-visit-context .inbox-status{grid-column:2;justify-self:start}}

/* Discussion is a complete operational case, not an isolated chat message. */
.inbox-thread-modal{width:min(calc(100% - 20px),780px);padding:0 18px calc(26px + env(safe-area-inset-bottom));background:#f4f7fa}
.inbox-thread-modal>.modal-handle{margin-top:10px}
.inbox-thread-modal>.modal-heading{position:sticky;z-index:8;top:0;margin:0 -18px 14px;padding:12px 18px 14px;background:color-mix(in srgb,#f4f7fa 94%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.discussion-case-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px;border-radius:22px 22px 10px 10px;color:#fff;background:linear-gradient(135deg,#091f33 0%,#123b50 100%);box-shadow:0 16px 35px rgba(9,31,51,.16)}
.discussion-case-hero .eyebrow{color:#7ee2ca}.discussion-case-hero h3{margin:7px 0 4px;font-size:22px;letter-spacing:-.025em}.discussion-case-hero p{max-width:490px;margin:0;color:#bfd0dd;font-size:12px;line-height:1.55}.discussion-case-hero .inbox-status{flex:none;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff}
.discussion-visit-card,.discussion-case-section,.discussion-conversation-section,.discussion-visit-note{margin-top:12px;padding:18px;border:1px solid #d8e1e8;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(15,42,62,.055)}
.discussion-visit-card>header{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid #e2e8ed}.discussion-visit-card>header small,.discussion-visit-card>header strong,.discussion-visit-card>header span{display:block}.discussion-visit-card>header small{color:var(--brand);font-size:9px;font-weight:900;letter-spacing:.12em}.discussion-visit-card>header strong{margin-top:3px;font-size:16px;line-height:1.25}.discussion-visit-card>header span{margin-top:4px;color:var(--muted);font-size:10px}.discussion-visit-card .visit-state{white-space:nowrap}
.discussion-owner{display:flex;align-items:center;gap:11px;margin-top:15px;padding:12px;border-radius:14px;background:#f2f6f8}.discussion-owner .person-avatar{flex:none;width:42px;height:42px}.discussion-owner small,.discussion-owner strong,.discussion-owner span{display:block}.discussion-owner small{color:#63717e;font-size:8px;font-weight:900;letter-spacing:.1em}.discussion-owner strong{margin-top:3px;font-size:12px}.discussion-owner span{margin-top:3px;color:var(--muted);font-size:10px}
.discussion-visit-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.discussion-visit-facts>div{min-height:70px;padding:11px;border:1px solid #dce4e9;border-radius:13px;background:#f8fafb}.discussion-visit-facts span,.discussion-visit-facts strong{display:block}.discussion-visit-facts span{color:var(--muted);font-size:9px;font-weight:750}.discussion-visit-facts strong{margin-top:6px;font-size:11px;line-height:1.35;overflow-wrap:anywhere}
.discussion-map-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.discussion-map-actions>a,.discussion-map-actions>span{min-height:52px;display:grid;grid-template-columns:27px minmax(0,1fr);align-items:center;gap:9px;padding:10px 12px;border:1px solid #bfe1d8;border-radius:13px;color:#08725a;background:#eef9f6;text-decoration:none}.discussion-map-actions .unavailable{border-color:#ead6ae;color:#88620e;background:#fff8e9}.discussion-map-actions svg{width:21px}.discussion-map-actions strong,.discussion-map-actions small{display:block}.discussion-map-actions strong{font-size:10px}.discussion-map-actions small{margin-top:2px;color:inherit;font-size:8px;opacity:.72}
.discussion-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.discussion-section-heading h3{margin:4px 0 0;font-size:16px;letter-spacing:-.015em}.discussion-section-heading p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.45}.discussion-section-heading>span{color:var(--muted);font-size:9px;white-space:nowrap}
.discussion-evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.discussion-evidence{position:relative;min-height:128px;overflow:hidden;padding:0;border:0;border-radius:13px;background:#e7edf1}.discussion-evidence img{width:100%;height:128px;display:block;object-fit:cover}.discussion-evidence>span{display:grid;min-height:128px;place-items:center;color:var(--muted);font-size:10px}.discussion-evidence em{position:absolute;right:7px;bottom:7px;left:7px;padding:5px 7px;overflow:hidden;color:#fff;border-radius:8px;background:rgba(6,25,39,.78);font-size:8px;font-style:normal;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.discussion-empty-evidence{display:flex;align-items:center;gap:11px;padding:15px;border:1px dashed #bccbd5;border-radius:14px;color:#6e7c88;background:#f4f7f9}.discussion-empty-evidence svg{width:27px}.discussion-empty-evidence strong,.discussion-empty-evidence small{display:block}.discussion-empty-evidence strong{font-size:11px}.discussion-empty-evidence small{margin-top:2px;font-size:9px}
.discussion-visit-note>span{color:var(--brand);font-size:9px;font-weight:900;letter-spacing:.12em}.discussion-visit-note p{margin:8px 0 0;font-size:12px;line-height:1.6;white-space:pre-wrap}.discussion-conversation-section{border-top:4px solid var(--authority)}.discussion-conversation-section .inbox-conversation{margin-bottom:0}.inbox-message.original{max-width:100%;border-color:#e2c68e;background:#fff9eb}.inbox-message .message-purpose{display:block;margin-bottom:7px;color:#8b630e;font-size:8px;font-weight:900;letter-spacing:.11em}
@media(max-width:620px){.inbox-thread-modal{width:100%;padding-inline:14px}.inbox-thread-modal>.modal-heading{margin-inline:-14px;padding-inline:14px}.discussion-case-hero{padding:17px}.discussion-case-hero p{display:none}.discussion-visit-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.discussion-evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.discussion-visit-card>header{grid-template-columns:48px minmax(0,1fr)}.discussion-visit-card>header .visit-state{grid-column:2;justify-self:start}.discussion-case-section,.discussion-conversation-section,.discussion-visit-card,.discussion-visit-note{padding:14px}}
/* Controlled initial SKU setup and immutable management audit */
.sku-expectation{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:14px;margin:16px 0;padding:15px 16px;border:1px solid #e2c47e;border-left:4px solid #b47b08;border-radius:16px;background:#fff9e9;color:#654707}
.sku-expectation.met{border-color:#8bcbb9;border-left-color:#0a765f;background:#f0faf6;color:#075b4a}.sku-expectation-count{display:grid;place-items:center;min-height:56px;border-radius:12px;background:rgba(255,255,255,.82)}.sku-expectation-count strong{font-size:22px;line-height:1}.sku-expectation-count small{margin-top:4px;font-size:10px;font-weight:800}.sku-expectation>div>strong{display:block;font-size:14px;line-height:1.35}.sku-expectation p{margin:5px 0 0;color:inherit;font-size:12px;line-height:1.5;opacity:.86}
@media(max-width:430px){.sku-expectation{grid-template-columns:60px minmax(0,1fr);padding:13px}.sku-expectation-count{min-height:52px}}
[data-theme="dark"] .sku-expectation{background:#2d2615;color:#f6d88e;border-color:#6d5722}[data-theme="dark"] .sku-expectation.met{background:#0e2c25;color:#9de0cc;border-color:#277c68}[data-theme="dark"] .sku-expectation-count{background:rgba(0,0,0,.16)}
/* Branded, friendly SKU approval panel */
.sku-expectation{grid-template-columns:minmax(0,1fr);border:1px solid var(--border);border-left:4px solid var(--brand);background:var(--surface-raised);color:var(--text);box-shadow:0 8px 24px rgba(16,40,59,.06)}
.sku-expectation.met{border-color:var(--border);border-left-color:var(--success);background:var(--surface-raised);color:var(--text)}
.sku-expectation-count{display:flex;justify-content:flex-start;gap:6px;min-height:auto;background:transparent}.sku-expectation-count strong{color:var(--brand);font-size:18px}.sku-expectation-count small{color:var(--muted);font-size:11px}.sku-expectation>div>strong{font-size:15px}.sku-expectation p{color:var(--muted);font-size:13px;opacity:1}
.baseline-confirmation{background:var(--surface-raised);border-color:var(--border);box-shadow:0 12px 30px rgba(16,40,59,.07)}.baseline-confirmation.ready{background:var(--surface-raised);border-color:color-mix(in srgb,var(--success),var(--border) 45%)}
.baseline-confirmation-brand{display:grid;place-items:center;flex:0 0 52px;height:52px;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:#fff}.baseline-confirmation-brand img{width:100%;height:100%;object-fit:contain;padding:4px}
.baseline-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 8px}.baseline-list-heading strong{font-size:14px}.baseline-list-heading span{padding:6px 9px;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:11px;font-weight:850}
.baseline-product-list{display:grid;gap:0;max-height:310px;overflow:auto;margin:0;padding:0;border:1px solid var(--border);border-radius:15px;background:var(--surface);list-style:none}.baseline-product-list li{display:grid;grid-template-columns:34px minmax(72px,auto) minmax(0,1fr);align-items:center;gap:10px;min-height:50px;padding:8px 12px;border-bottom:1px solid var(--border)}.baseline-product-list li:last-child{border-bottom:0}.baseline-product-number{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--authority-soft);color:var(--authority);font-size:11px;font-weight:900}.baseline-product-code{color:var(--brand);font-size:11px;font-weight:850}.baseline-product-list strong{overflow-wrap:anywhere;font-size:13px}.baseline-product-list .empty{grid-template-columns:1fr;padding:14px}
.baseline-photo-reminder{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;margin:13px 0;padding:13px;border:1px solid color-mix(in srgb,var(--brand),transparent 68%);border-radius:14px;background:var(--brand-soft)}.baseline-photo-reminder>span{padding:7px;border-radius:8px;background:var(--brand);color:#fff;font-size:9px;font-weight:900}.baseline-photo-reminder strong,.baseline-photo-reminder small{display:block}.baseline-photo-reminder strong{font-size:13px}.baseline-photo-reminder small{margin-top:3px;color:var(--muted);font-size:11px;line-height:1.4}.baseline-photo-reminder em{color:var(--brand);font-size:11px;font-style:normal;font-weight:850;white-space:nowrap}
[data-theme="dark"] .sku-expectation,[data-theme="dark"] .sku-expectation.met,[data-theme="dark"] .baseline-confirmation,[data-theme="dark"] .baseline-confirmation.ready{background:var(--surface-raised);color:var(--text);border-color:var(--border)}[data-theme="dark"] .sku-expectation{border-left-color:var(--brand)}
@media(max-width:430px){.baseline-product-list li{grid-template-columns:30px minmax(62px,auto) minmax(0,1fr);gap:8px;padding-inline:9px}.baseline-photo-reminder{grid-template-columns:auto minmax(0,1fr)}.baseline-photo-reminder em{grid-column:2}}
.baseline-confirmation{margin-top:20px;padding:18px;border:1px solid #cad5df;border-radius:20px;background:#f7f9fb}
.baseline-confirmation.ready{border-color:#8bcbb9;background:linear-gradient(145deg,#f4fbf8,#fff)}
.baseline-confirmation.locked{opacity:.82}
.baseline-confirmation-head{display:flex;gap:13px;align-items:flex-start}
.baseline-confirmation-seal{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:13px;background:#0a765f;color:#fff;font-weight:900}
.baseline-confirmation-head h3{margin:4px 0 5px;font-size:20px;color:#10283b}
.baseline-confirmation-head p{margin:0;color:#596b79;line-height:1.5}
.baseline-verification-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}
.baseline-verification-grid>div{padding:12px 8px;border:1px solid #d9e2e9;border-radius:14px;background:#fff;text-align:center}
.baseline-verification-grid strong{display:block;font-size:20px;color:#10283b}.baseline-verification-grid span{font-size:11px;color:#687987}
.baseline-product-review{margin:12px 0;border:1px solid #d4dee6;border-radius:14px;background:#fff;overflow:hidden}
.baseline-product-review summary{min-height:46px;padding:13px 15px;font-weight:800;cursor:pointer;touch-action:manipulation}
.baseline-product-review ol{max-height:240px;overflow:auto;margin:0;padding:0 15px 12px;list-style:none}
.baseline-product-review li{display:grid;grid-template-columns:minmax(72px,auto) 1fr;gap:10px;padding:10px 0;border-top:1px solid #e5ebef}
.baseline-product-review li span{color:#0a765f;font-weight:850}.baseline-product-review li strong{font-size:13px;color:#1d3141}
.baseline-product-review p{padding:0 15px 15px;color:#566876}
.baseline-acknowledgement{display:flex;gap:12px;align-items:flex-start;padding:15px;border:2px solid #0a765f;border-radius:16px;background:#fff;cursor:pointer}
.baseline-acknowledgement input{width:23px;height:23px;flex:0 0 23px;accent-color:#0a765f}
.baseline-acknowledgement strong,.baseline-acknowledgement small{display:block}.baseline-acknowledgement strong{color:#10283b;line-height:1.35}.baseline-acknowledgement small{margin-top:5px;color:#61727f;line-height:1.45}
.baseline-locked-note{margin-top:14px;padding:13px;border-radius:13px;background:#fff3d9;color:#76520b;font-weight:750}
.baseline-review-proof{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.baseline-review-proof span{padding:7px 10px;border-radius:999px;background:#e5f6f0;color:#08624f;font-size:12px;font-weight:800}
.baseline-edit-button{width:100%;margin-top:14px;min-height:46px}
.baseline-audit{margin:18px 0;padding:18px;border-radius:20px;border:1px solid #cbd8e2;background:#f7f9fb}
.baseline-audit-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid #d6e0e7}
.baseline-audit-heading h3{margin:4px 0;font-size:20px;color:#10283b}.baseline-audit-heading p{margin:0;color:#687987}.baseline-audit-heading>span{padding:6px 9px;border-radius:999px;background:#dce8ef;color:#16374e;font-size:12px;font-weight:800;white-space:nowrap}
.baseline-audit-list{display:grid;gap:10px;margin-top:14px}.baseline-audit-event{display:grid;grid-template-columns:38px 1fr;gap:11px;padding:13px;border:1px solid #d5e0e8;border-radius:15px;background:#fff}.baseline-audit-event.edited{border-left:4px solid #b48619}
.baseline-audit-index{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#102f45;color:#fff;font-size:12px;font-weight:900}
.baseline-audit-copy>div:first-child{display:flex;justify-content:space-between;gap:8px}.baseline-audit-copy time{font-size:12px;color:#60717e}.baseline-audit-copy p{margin:4px 0 9px;color:#5c6d79;font-size:13px}
.baseline-audit-counts{display:flex;flex-wrap:wrap;gap:6px}.baseline-audit-counts span{padding:5px 8px;border-radius:999px;background:#edf2f5;color:#3c5262;font-size:11px;font-weight:750}
.baseline-audit-delta{display:grid;grid-template-columns:70px 1fr;gap:7px;margin-top:8px;font-size:12px}.baseline-audit-delta.added strong{color:#08745b}.baseline-audit-delta.removed strong{color:#b11835}.baseline-audit-nochange{display:block;margin-top:8px;color:#667985}
@media(max-width:430px){.baseline-verification-grid{grid-template-columns:1fr 1fr}.baseline-verification-grid>div:last-child{grid-column:1/-1}.baseline-audit-heading{display:block}.baseline-audit-heading>span{display:inline-block;margin-top:8px}.baseline-audit-copy>div:first-child{display:block}.baseline-audit-copy time{display:block;margin-top:4px}}

/* v48 — Premium field-operations UI.
   One restrained enterprise system: Shirinasal crimson for selection,
   authority navy for structure, and semantic colour only for live states. */
:root {
  --brand:#ad1730;
  --brand-strong:#8c1025;
  --brand-deep:#670a1a;
  --brand-soft:#fff0f3;
  --authority:#0c2942;
  --authority-strong:#071d30;
  --authority-soft:#edf3f7;
  --on-authority:#fff;
  --success:#087761;
  --success-soft:#e7f7f2;
  --info:#236d9b;
  --info-soft:#eaf4fa;
  --warning:#9a5b08;
  --warning-soft:#fff5df;
  --ink:#112233;
  --muted:#56697a;
  --subtle:#7d8c99;
  --canvas:#f2f5f8;
  --surface:#fff;
  --surface-raised:#fff;
  --border:#d9e2e9;
  --border-strong:#bdcbd6;
  --shadow-sm:0 1px 2px rgba(12,41,66,.04),0 5px 16px rgba(12,41,66,.045);
  --shadow-md:0 14px 38px rgba(12,41,66,.09),0 2px 7px rgba(12,41,66,.045);
  --shadow-lg:0 28px 72px rgba(7,29,48,.22);
  --radius-sm:10px;
  --radius-md:16px;
  --radius-lg:22px;
  --nav-height:78px;
}

[data-theme="dark"] {
  --brand:#ff919f;
  --brand-strong:#ffb4bd;
  --brand-deep:#3f101a;
  --brand-soft:#381a22;
  --authority:#b8daf2;
  --authority-strong:#071d30;
  --authority-soft:#152b3c;
  --on-authority:#071d30;
  --success:#83dec5;
  --success-soft:#153a32;
  --info:#91c7ea;
  --info-soft:#17364a;
  --warning:#f2c06f;
  --warning-soft:#3a2b16;
  --ink:#f1f6f9;
  --muted:#b1c0cb;
  --subtle:#8798a5;
  --canvas:#08131d;
  --surface:#101f2b;
  --surface-raised:#152735;
  --border:#294050;
  --border-strong:#456071;
}

html,body { min-height:100%; background:var(--canvas); }
body {
  color:var(--ink);
  background:
    radial-gradient(circle at 4% 0,color-mix(in srgb,var(--brand) 7%,transparent),transparent 25rem),
    linear-gradient(180deg,color-mix(in srgb,var(--surface) 38%,var(--canvas)),var(--canvas) 22rem);
}
button,a,input,select,textarea { touch-action:manipulation; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {
  outline:3px solid color-mix(in srgb,var(--focus) 32%,transparent);
  outline-offset:2px;
}

.app-shell { min-height:100dvh; padding-bottom:calc(var(--nav-height) + var(--app-safe-bottom) + 28px); }
.topbar {
  min-height:68px;
  padding-top:max(9px,var(--app-safe-top));
  padding-bottom:9px;
  color:var(--ink);
  border-bottom:1px solid color-mix(in srgb,var(--border) 88%,transparent);
  background:color-mix(in srgb,var(--surface) 94%,transparent);
  box-shadow:0 6px 24px rgba(12,41,66,.045);
  backdrop-filter:blur(22px) saturate(135%);
}
.brand-mark { width:44px; height:44px; flex-basis:44px; border-radius:13px; box-shadow:0 8px 20px rgba(173,23,48,.16); }
.topbar-copy { min-width:0; }
.topbar-copy strong { overflow:hidden; color:var(--ink); font-size:15px; letter-spacing:-.018em; text-overflow:ellipsis; white-space:nowrap; }
.topbar-copy > span { color:var(--muted); font-size:11px; }
.status-dot { background:var(--success); box-shadow:0 0 0 4px var(--success-soft); }
.icon-button { min-width:44px; min-height:44px; }
.screen { padding-top:18px; padding-bottom:34px; }

.hero-card,.section-block,.workflow-card,.search-panel,.info-card,.history-card,
.report-filter-card,.report-block,.people-performance-section,.report-timeline,.inbox-thread-card {
  border-color:var(--border);
  background:var(--surface);
  box-shadow:var(--shadow-sm);
}
.hero-card { border-top:4px solid var(--brand); }
.eyebrow { color:var(--brand); font-size:9px; font-weight:900; letter-spacing:.16em; }
.section-heading h2,.report-block-heading h2 { color:var(--ink); letter-spacing:-.025em; }
.primary-button { background:linear-gradient(135deg,var(--brand),var(--brand-strong)); box-shadow:0 9px 22px rgba(173,23,48,.18); }
.primary-button:active,.nav-item:active,.report-tab:active,.person-visit-row:active { transform:scale(.985); }

.intelligence-screen { --view-accent:var(--brand) !important; --view-soft:var(--brand-soft) !important; }
.intelligence-header {
  min-height:66px;
  margin-bottom:12px;
  padding:10px 12px;
  border-color:var(--border);
  border-left:4px solid var(--brand);
  border-radius:15px;
  background:var(--surface);
  box-shadow:var(--shadow-sm);
}
.intelligence-logo { width:42px; height:42px; flex-basis:42px; border-radius:11px; }
.intelligence-header h1 { color:var(--ink); font-size:19px; letter-spacing:-.025em; }
.intelligence-live { color:var(--success); border-color:color-mix(in srgb,var(--success) 24%,var(--border)); background:var(--success-soft); }
.report-launchpad { gap:8px; }
#screen-customers .report-launchpad .report-tab {
  min-height:60px;
  color:var(--muted);
  border:1px solid var(--border) !important;
  border-radius:13px;
  background:var(--surface) !important;
  box-shadow:none;
  transition:color 180ms ease,border-color 180ms ease,background 180ms ease,box-shadow 180ms ease;
}
#screen-customers .report-launchpad .report-tab-icon { color:var(--authority); background:var(--authority-soft) !important; }
#screen-customers .report-launchpad .report-tab.active {
  color:var(--brand) !important;
  border-color:color-mix(in srgb,var(--brand) 34%,var(--border)) !important;
  background:var(--brand-soft) !important;
  box-shadow:inset 0 3px 0 var(--brand);
}
#screen-customers .report-launchpad .report-tab.active .report-tab-icon { color:#fff !important; background:var(--brand) !important; }
.report-view-context {
  min-height:56px;
  margin:10px 0 12px;
  padding:10px 12px;
  border:1px solid var(--border);
  border-radius:13px;
  background:var(--surface);
  box-shadow:none;
}
.report-view-context > span { color:var(--authority); background:var(--authority-soft); }
.report-view-context strong { color:var(--ink); font-size:13px; }
.report-view-context small { color:var(--muted); font-size:9.5px; }

.report-metric,.operation-position-card,.person-report-card {
  border-color:var(--border);
  border-radius:14px;
  background:var(--surface);
  box-shadow:var(--shadow-sm);
}
.report-metric strong,.operation-position-card strong,.person-report-card strong { font-variant-numeric:tabular-nums; }
.today-customer-link { color:var(--ink); text-decoration:none; }
.today-visit-row,.person-report-card,.operation-person-row { transition:background 170ms ease,border-color 170ms ease,box-shadow 170ms ease,transform 100ms ease; }
.today-visit-row:hover,.today-visit-row:focus-visible,.operation-person-row:hover,.operation-person-row:focus-visible { background:var(--authority-soft); }

.person-activity-link {
  min-height:58px;
  color:var(--authority);
  border-bottom-color:var(--border);
  background:linear-gradient(90deg,var(--authority-soft),color-mix(in srgb,var(--authority-soft) 38%,var(--surface)));
}
.person-activity-link strong { color:var(--ink); font-size:12.5px; }
.person-activity-link small { color:var(--muted); font-size:9.5px; }

.person-visit-section {
  overflow:hidden;
  margin:14px 0 18px;
  border:1px solid var(--border);
  border-radius:20px;
  background:var(--surface);
  box-shadow:var(--shadow-md);
}
.person-visit-heading {
  min-height:96px;
  padding:16px;
  color:#fff;
  border-bottom:0;
  background:
    radial-gradient(circle at 96% 0,rgba(83,192,157,.24),transparent 44%),
    linear-gradient(135deg,var(--authority-strong),#123c59);
}
.person-route-avatar { width:52px; height:52px; border:2px solid rgba(255,255,255,.5); border-radius:15px; background:rgba(255,255,255,.12); }
.person-visit-heading .eyebrow { color:#8ce0c7; }
.person-visit-heading h2 { margin:3px 0 2px; color:#fff; font-size:20px; line-height:1.16; letter-spacing:-.025em; }
.person-visit-heading p { margin:0; color:rgba(255,255,255,.7); font-size:10px; }
.person-route-count {
  min-width:50px;
  height:50px;
  display:grid;
  align-content:center;
  padding:5px;
  color:#fff;
  border:1px solid rgba(255,255,255,.2);
  border-radius:14px;
  background:rgba(255,255,255,.1);
  box-shadow:none;
  text-align:center;
}
.person-route-count strong,.person-route-count small { display:block; }
.person-route-count strong { font-size:18px; line-height:1; }
.person-route-count small { margin-top:3px; color:rgba(255,255,255,.67); font-size:7.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.person-route-overview {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  padding:1px 0;
  background:var(--border);
}
.person-route-overview > span { min-width:0; padding:12px 10px; background:var(--surface); }
.person-route-overview small,.person-route-overview strong { display:block; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.person-route-overview small { color:var(--muted); font-size:8px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.person-route-overview strong { margin-top:3px; color:var(--ink); font-size:13px; font-variant-numeric:tabular-nums; }
.person-visit-guide {
  min-height:52px;
  padding:10px 15px;
  color:var(--authority);
  border-bottom:1px solid var(--border);
  background:var(--authority-soft);
  font-size:10.5px;
}
.person-visit-guide svg { width:20px; height:20px; }
.person-visit-list { display:grid; gap:0; background:var(--surface); }
.person-visit-day { min-width:0; }
.person-visit-day + .person-visit-day { border-top:8px solid var(--canvas); }
.person-visit-day > header {
  min-height:45px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:9px 14px;
  color:var(--authority);
  border-bottom:1px solid var(--border);
  background:color-mix(in srgb,var(--authority-soft) 64%,var(--surface));
}
.person-visit-day > header > div { display:flex; align-items:center; gap:8px; }
.person-visit-day > header strong { color:var(--ink); font-size:12px; letter-spacing:-.01em; }
.person-visit-day > header small { padding:4px 8px; color:var(--muted); border:1px solid var(--border); border-radius:999px; background:var(--surface); font-size:8.5px; font-weight:800; }
.person-day-dot { width:8px; height:8px; border:2px solid var(--surface); border-radius:50%; background:var(--success); box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 18%,transparent); }
.person-visit-day-list { position:relative; display:grid; padding:4px 12px 8px; }
.person-visit-day-list::before { position:absolute; top:25px; bottom:29px; left:31px; width:1px; background:var(--border); content:""; }
.person-visit-row {
  position:relative;
  width:100%;
  min-height:88px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 80px 18px;
  align-items:center;
  gap:10px;
  padding:11px 5px;
  color:var(--ink);
  border:0;
  border-bottom:1px solid color-mix(in srgb,var(--border) 76%,transparent);
  background:transparent;
  text-align:left;
  cursor:pointer;
}
.person-visit-row:last-child { border-bottom:0; }
.person-visit-row:hover,.person-visit-row:focus-visible { border-radius:13px; background:var(--authority-soft); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--authority) 16%,transparent); }
.person-visit-sequence {
  position:relative;
  z-index:1;
  width:34px;
  height:34px;
  color:var(--authority);
  border:1px solid var(--border-strong);
  border-radius:11px;
  background:var(--surface);
  box-shadow:0 0 0 4px var(--surface);
  font-size:9px;
  font-variant-numeric:tabular-nums;
}
.person-visit-row.is-open .person-visit-sequence { color:#fff; border-color:var(--success); background:var(--success); }
.person-visit-main { min-width:0; display:grid; gap:3px; }
.person-visit-main .person-visit-time { color:var(--info); font-size:10.5px; font-weight:850; font-variant-numeric:tabular-nums; }
.person-visit-main > strong {
  display:-webkit-box;
  overflow:hidden;
  color:var(--ink);
  font-size:13px;
  line-height:1.3;
  letter-spacing:-.01em;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.person-visit-main > small { overflow:hidden; color:var(--muted); font-size:9.5px; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
.person-visit-result { min-width:0; text-align:right; }
.person-visit-result > strong { display:block; color:var(--ink); font-size:12px; font-variant-numeric:tabular-nums; }
.person-visit-row.is-open .person-visit-result > strong { color:var(--success); }
.person-visit-result > small { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:3px; margin-top:5px; }
.person-visit-result > small span { padding:3px 5px; color:var(--muted); border-radius:999px; background:var(--canvas); font-size:8px; font-weight:750; white-space:nowrap; }
.person-visit-result > small .has-flags { color:var(--warning); background:var(--warning-soft); }
.person-visit-chevron { display:grid; place-items:center; color:var(--muted); }
.person-visit-chevron svg { width:17px; height:17px; }

.bottom-nav {
  min-height:calc(var(--nav-height) + var(--app-safe-bottom));
  padding:6px max(7px,var(--app-safe-left)) calc(6px + var(--app-safe-bottom)) max(7px,var(--app-safe-right));
  border-color:color-mix(in srgb,var(--border-strong) 72%,transparent);
  border-radius:20px 20px 0 0;
  background:color-mix(in srgb,var(--surface) 96%,transparent);
  box-shadow:0 -12px 38px rgba(7,29,48,.105),inset 0 1px 0 rgba(255,255,255,.58);
  backdrop-filter:blur(24px) saturate(140%);
}
.nav-item { min-height:58px; color:var(--muted); border-radius:14px; font-size:10px; font-weight:750; }
.nav-item .nav-icon { color:var(--muted); }
.nav-item.active { color:var(--brand); background:var(--brand-soft); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 15%,transparent); }
.nav-item.active .nav-icon { color:var(--brand); }
.nav-item.active::after { top:3px; width:24px; height:3px; border-radius:999px; background:var(--brand); }

@media(max-width:620px) {
  .person-visit-heading { grid-template-columns:auto minmax(0,1fr) auto; padding:14px 13px; }
  .person-route-avatar { width:46px; height:46px; }
  .person-visit-heading h2 { font-size:17px; }
  .person-route-overview { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .person-route-overview > span:nth-child(3),.person-route-overview > span:nth-child(4) { border-top:1px solid var(--border); }
  .person-visit-day-list { padding-inline:10px; }
  .person-visit-day-list::before { left:29px; }
  .person-visit-row { grid-template-columns:36px minmax(0,1fr) 72px 16px; gap:8px; min-height:92px; padding:11px 4px; }
  .person-visit-main > strong { font-size:12.5px; }
  .person-visit-result > strong { font-size:11.5px; }
}

@media(max-width:430px) {
  .screen { padding-inline:12px; }
  .topbar-copy strong { font-size:14px; }
  .topbar-copy > span { font-size:10px; }
  .intelligence-header { min-height:56px; }
  #screen-customers .report-launchpad .report-tab { min-height:56px; }
  .report-view-context { min-height:52px; }
  .person-visit-section { margin-inline:0; border-radius:17px; }
  .person-route-count { min-width:45px; width:45px; height:45px; }
  .person-visit-guide { grid-template-columns:20px minmax(0,1fr); padding:9px 12px; font-size:9.5px; }
  .person-visit-day > header { padding-inline:11px; }
  .person-visit-main > small { white-space:normal; }
  .nav-item { min-height:56px; font-size:9.5px; }
}

@media(orientation:landscape) and (max-height:560px) {
  .topbar { position:relative; min-height:58px; }
  .person-visit-heading { min-height:78px; }
  .bottom-nav { position:sticky; transform:none; left:auto; width:100%; margin-top:12px; }
}

@media(prefers-reduced-motion:reduce) {
  .person-visit-row,.report-tab,.nav-item,.primary-button { transition:none !important; }
}

/* v53 — compact manager Today view: clear hierarchy, actionable metrics, no repeated helper copy */
.manager-command { gap:12px; margin-bottom:14px; }
.ops-overview,
.team-board {
  border:1px solid var(--border);
  border-radius:18px;
  background:var(--surface);
  box-shadow:var(--shadow-sm);
}
.ops-overview { overflow:hidden; border-top:4px solid var(--brand); }
.ops-overview-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:15px 16px 13px;
  border-bottom:1px solid var(--border);
}
.ops-overview-head > div { min-width:0; }
.ops-live {
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--success);
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.ops-live i { width:7px; height:7px; border-radius:50%; background:currentColor; box-shadow:0 0 0 4px var(--success-soft); }
.ops-overview-head h1 { margin:4px 0 0; color:var(--ink); font-size:27px; line-height:1; letter-spacing:-.045em; }
.ops-overview-head p { margin:6px 0 0; color:var(--muted); font-size:10px; font-weight:650; }
.ops-refresh {
  width:44px;
  height:44px;
  flex:0 0 44px;
  display:grid;
  place-items:center;
  color:var(--brand);
  border:1px solid color-mix(in srgb,var(--brand) 20%,var(--border));
  border-radius:12px;
  background:var(--brand-soft);
  transition:background 170ms ease,border-color 170ms ease,transform 100ms ease;
}
.ops-refresh:hover,.ops-refresh:focus-visible { border-color:var(--brand); background:color-mix(in srgb,var(--brand-soft),var(--surface) 20%); }
.ops-refresh:active { transform:scale(.96); }
.ops-refresh svg { width:20px; height:20px; stroke-width:2; }
.ops-kpi-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; padding:12px; }
.ops-kpi {
  --metric-color:var(--authority);
  --metric-soft:var(--authority-soft);
  min-width:0;
  min-height:90px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 14px;
  align-items:start;
  gap:9px;
  padding:12px 10px;
  color:var(--ink);
  border:1px solid var(--border);
  border-left:3px solid var(--metric-color);
  border-radius:13px;
  background:var(--surface);
  text-align:left;
  transition:background 170ms ease,border-color 170ms ease,transform 100ms ease;
}
.ops-kpi.success { --metric-color:var(--success); --metric-soft:var(--success-soft); }
.ops-kpi.info { --metric-color:var(--info); --metric-soft:var(--info-soft); }
.ops-kpi.brand { --metric-color:var(--brand); --metric-soft:var(--brand-soft); }
.ops-kpi.warning { --metric-color:var(--warning); --metric-soft:var(--warning-soft); }
.ops-kpi:hover,.ops-kpi:focus-visible { border-color:color-mix(in srgb,var(--metric-color) 46%,var(--border)); background:color-mix(in srgb,var(--metric-soft) 42%,var(--surface)); }
.ops-kpi:active { transform:scale(.985); }
.ops-kpi-icon { width:34px; height:34px; display:grid; place-items:center; color:var(--metric-color); border-radius:10px; background:var(--metric-soft); }
.ops-kpi-icon svg { width:17px; height:17px; stroke-width:2; }
.ops-kpi-copy { display:grid; min-width:0; }
.ops-kpi-copy > strong { color:var(--ink); font-size:22px; line-height:1; font-variant-numeric:tabular-nums; }
.ops-kpi-copy > span { margin-top:4px; color:var(--ink); font-size:10px; font-weight:800; line-height:1.2; }
.ops-kpi-copy > small { overflow:hidden; margin-top:5px; color:var(--muted); font-size:8.5px; line-height:1.3; text-overflow:ellipsis; white-space:nowrap; }
.ops-kpi > svg { align-self:center; width:14px; height:14px; color:var(--subtle); }
.ops-day-status { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--border); background:var(--canvas); }
.ops-day-status span { min-width:0; padding:9px 11px; color:var(--muted); border-left:1px solid var(--border); font-size:9px; text-align:center; white-space:nowrap; }
.ops-day-status span:first-child { border-left:0; }
.ops-day-status strong { margin-right:3px; color:var(--ink); font-size:11px; font-variant-numeric:tabular-nums; }
.team-board { padding:15px; }
.team-board-head { display:flex; align-items:end; justify-content:space-between; gap:14px; margin-bottom:11px; }
.team-board-head h2 { margin:2px 0 0; color:var(--ink); font-size:20px; letter-spacing:-.035em; }
.team-board-head p { margin:3px 0 0; color:var(--muted); font-size:9.5px; }
.team-report-link { min-height:44px; display:inline-flex; align-items:center; gap:7px; padding:8px 9px; color:var(--brand); border:0; border-radius:10px; background:transparent; font-size:9.5px; font-weight:800; white-space:nowrap; }
.team-report-link:hover,.team-report-link:focus-visible { background:var(--brand-soft); }
.team-report-link svg { width:16px; height:16px; }
.team-pulse-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.pulse-person {
  min-height:78px;
  grid-template-columns:42px minmax(0,1fr) auto;
  gap:10px;
  padding:10px 11px;
  border:1px solid var(--border);
  border-radius:13px;
  background:var(--surface);
  box-shadow:none;
  transition:background 170ms ease,border-color 170ms ease,transform 100ms ease;
}
.pulse-person:hover,.pulse-person:focus-visible { border-color:color-mix(in srgb,var(--authority) 38%,var(--border)); background:var(--authority-soft); }
.pulse-person:active { transform:scale(.99); }
.pulse-avatar { width:42px; height:42px; border-radius:11px; background:var(--authority); box-shadow:none; }
.pulse-person-main { display:grid; min-width:0; gap:2px; }
.pulse-person-main > strong { overflow:hidden; color:var(--ink); font-size:12.5px; text-overflow:ellipsis; white-space:nowrap; }
.pulse-person-main > small { overflow:hidden; color:var(--muted); font-size:9.5px; text-overflow:ellipsis; white-space:nowrap; }
.pulse-person-meta { display:flex; flex-wrap:wrap; gap:4px 8px; margin-top:3px; }
.pulse-person-meta em { color:var(--subtle); font-size:8px; font-style:normal; font-weight:700; }
.pulse-person-state { display:grid; justify-items:end; align-items:center; gap:5px; }
.pulse-person-state > svg { width:15px; height:15px; color:var(--subtle); }
.pulse-person .status-pill { min-height:26px; padding:4px 7px; font-size:8px!important; }

/* Telegram's floating Close control must never cover Shirinasal branding. */
html:not(.telegram-fullscreen) body.telegram-host .topbar { padding-top:max(54px,var(--app-safe-top)); }

/* Quiet, predictable primary navigation. */
.bottom-nav { border-right:0; border-left:0; border-radius:0; box-shadow:0 -8px 24px rgba(7,29,48,.08); }
.nav-item.active { background:transparent; box-shadow:none; }
.nav-item.active::after { top:1px; width:28px; }

@media(max-width:720px) {
  .ops-kpi-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .team-pulse-list { grid-template-columns:1fr; }
}
@media(max-width:430px) {
  .screen { padding-inline:12px; }
  .ops-overview,.team-board { border-radius:15px; }
  .ops-overview-head { padding:13px 13px 11px; }
  .ops-overview-head h1 { font-size:24px; }
  .ops-kpi-grid { gap:7px; padding:10px; }
  .ops-kpi { min-height:86px; grid-template-columns:30px minmax(0,1fr); gap:8px; padding:10px 9px; }
  .ops-kpi-icon { width:30px; height:30px; border-radius:9px; }
  .ops-kpi-icon svg { width:16px; height:16px; }
  .ops-kpi > svg { display:none; }
  .ops-kpi-copy > strong { font-size:20px; }
  .ops-kpi-copy > small { font-size:8px; }
  .ops-day-status span { padding-inline:6px; font-size:8px; }
  .team-board { padding:12px; }
  .team-board-head { align-items:flex-start; }
  .team-board-head h2 { font-size:18px; }
  .team-report-link { margin-top:-4px; padding-inline:6px; }
  .pulse-person { grid-template-columns:40px minmax(0,1fr) auto; min-height:74px; padding:9px; }
  .pulse-avatar { width:40px; height:40px; }
  .pulse-person-main > strong { font-size:12px; }
  .pulse-person .status-pill { max-width:86px; overflow:hidden; text-overflow:ellipsis; }
}
@media(orientation:landscape) and (max-height:560px) {
  html:not(.telegram-fullscreen) body.telegram-host .topbar { padding-top:max(10px,var(--app-safe-top)); }
  .ops-kpi-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .team-pulse-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(prefers-reduced-motion:reduce) {
  .ops-refresh,.ops-kpi,.pulse-person,.team-report-link { transition:none!important; }
}

/* v54 — actionable Today totals and complete person drill-down */
.ops-kpi.authority { --metric-color:var(--authority); --metric-soft:var(--authority-soft); }
.ops-kpi.neutral { --metric-color:var(--muted); --metric-soft:var(--canvas); }
.pulse-person {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-content:start;
  min-height:132px;
  gap:10px;
  padding:12px;
}
.pulse-person-head {
  min-width:0;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
}
.pulse-person-stats {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:11px;
  background:var(--canvas);
}
.pulse-person-stats > span { min-width:0; padding:8px 5px; border-left:1px solid var(--border); text-align:center; }
.pulse-person-stats > span:first-child { border-left:0; }
.pulse-person-stats strong,.pulse-person-stats small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pulse-person-stats strong { color:var(--ink); font-size:11.5px; font-variant-numeric:tabular-nums; }
.pulse-person-stats small { margin-top:2px; color:var(--muted); font-size:7.5px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }

.person-command-summary,
.person-kpi-summary,
.person-status-section {
  scroll-margin-top:84px;
  margin:14px 0 18px;
  padding:16px;
  border:1px solid var(--border);
  border-radius:20px;
  background:var(--surface);
  box-shadow:var(--shadow-md);
}
.person-command-summary { overflow:hidden; padding:0; border-top:4px solid var(--brand); }
.person-summary-back {
  min-height:44px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin:8px 10px 0;
  padding:8px 10px;
  color:var(--authority);
  border:0;
  border-radius:10px;
  background:transparent;
  font-size:9.5px;
  font-weight:850;
}
.person-summary-back:hover,.person-summary-back:focus-visible { background:var(--authority-soft); }
.person-summary-back svg { width:17px; height:17px; }
.person-command-head {
  display:grid;
  grid-template-columns:58px minmax(0,1fr) auto;
  align-items:center;
  gap:13px;
  padding:16px;
  border-bottom:1px solid var(--border);
  background:linear-gradient(135deg,var(--surface),var(--authority-soft));
}
.person-command-avatar { width:58px; height:58px; border-radius:16px; }
.person-command-head > div { min-width:0; }
.person-command-head h2 { overflow:hidden; margin:3px 0; color:var(--ink); font-size:22px; line-height:1.12; letter-spacing:-.035em; text-overflow:ellipsis; white-space:nowrap; }
.person-command-head p { overflow:hidden; margin:0; color:var(--muted); font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.person-summary-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; padding:14px; }
button.report-metric.is-actionable {
  position:relative;
  width:100%;
  min-height:94px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 15px;
  align-items:start;
  gap:9px;
  padding:12px 10px;
  color:var(--ink);
  font:inherit;
  text-align:left;
  cursor:pointer;
  transition:border-color 170ms ease,background 170ms ease,transform 100ms ease;
}
button.report-metric.is-actionable:hover,button.report-metric.is-actionable:focus-visible { border-color:var(--authority); background:var(--authority-soft); }
button.report-metric.is-actionable:active { transform:scale(.985); }
button.report-metric.is-actionable .report-metric-icon { margin:0; }
button.report-metric.is-actionable > div { min-width:0; }
button.report-metric.is-actionable > div > strong { display:block; overflow:hidden; font-size:18px; line-height:1.05; text-overflow:ellipsis; white-space:nowrap; }
button.report-metric.is-actionable > div > span { display:block; margin-top:5px; color:var(--ink); font-size:9.5px; font-weight:850; }
button.report-metric.is-actionable > div > small { display:block; overflow:hidden; margin-top:5px; color:var(--muted); font-size:8px; line-height:1.3; text-overflow:ellipsis; white-space:nowrap; }
.report-metric-open { align-self:center; color:var(--subtle); }
.report-metric-open svg { width:15px; height:15px; }
.person-command-summary .executive-allocation { margin:0 14px 14px; }
.person-visit-section { scroll-margin-top:84px; }

.person-kpi-summary .report-block-heading { margin-bottom:12px; }
.person-kpi-summary .report-block-heading p { margin:4px 0 0; color:var(--muted); font-size:10px; }
.person-kpi-summary-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.person-kpi-summary-card {
  min-width:0;
  min-height:76px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 16px;
  align-items:center;
  gap:10px;
  padding:11px;
  color:var(--ink);
  border:1px solid var(--border);
  border-radius:13px;
  background:var(--surface);
  text-align:left;
  transition:border-color 170ms ease,background 170ms ease,transform 100ms ease;
}
.person-kpi-summary-card:hover,.person-kpi-summary-card:focus-visible { border-color:var(--success); background:var(--success-soft); }
.person-kpi-summary-card:active { transform:scale(.985); }
.person-kpi-summary-icon { width:38px; height:38px; display:grid; place-items:center; color:var(--success); border-radius:11px; background:var(--success-soft); }
.person-kpi-summary-icon svg { width:19px; height:19px; }
.person-kpi-summary-card > span:nth-child(2) { min-width:0; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:2px 8px; }
.person-kpi-summary-card small { overflow:hidden; color:var(--ink); font-size:10px; font-weight:850; text-overflow:ellipsis; white-space:nowrap; }
.person-kpi-summary-card strong { color:var(--success); font-size:19px; line-height:1; font-variant-numeric:tabular-nums; }
.person-kpi-summary-card em { grid-column:1/-1; overflow:hidden; color:var(--muted); font-size:8.5px; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }
.person-kpi-summary-card > svg { width:16px; height:16px; color:var(--subtle); }
.person-kpi-visit-list { display:grid; gap:8px; }
.person-kpi-visit-row {
  width:100%;
  min-height:68px;
  display:grid;
  grid-template-columns:36px minmax(0,1fr) 16px;
  align-items:center;
  gap:10px;
  padding:10px;
  color:var(--ink);
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--surface);
  text-align:left;
}
.person-kpi-visit-row:hover,.person-kpi-visit-row:focus-visible { border-color:var(--authority); background:var(--authority-soft); }
.person-kpi-visit-row > span:first-child { width:36px; height:36px; display:grid; place-items:center; color:var(--authority); border-radius:10px; background:var(--authority-soft); }
.person-kpi-visit-row > span:nth-child(2) { min-width:0; display:grid; gap:2px; }
.person-kpi-visit-row strong,.person-kpi-visit-row small,.person-kpi-visit-row em { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.person-kpi-visit-row strong { font-size:11.5px; }
.person-kpi-visit-row small { color:var(--muted); font-size:9px; }
.person-kpi-visit-row em { color:var(--success); font-size:8px; font-style:normal; font-weight:800; }
.person-kpi-visit-row > svg { width:16px; color:var(--subtle); }

@media(max-width:720px) {
  .person-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:430px) {
  .pulse-person { min-height:126px; padding:10px; }
  .pulse-person-head { grid-template-columns:40px minmax(0,1fr) auto; gap:8px; }
  .pulse-person-stats > span { padding:7px 3px; }
  .pulse-person-stats strong { font-size:10.5px; }
  .person-command-summary,.person-kpi-summary,.person-status-section { border-radius:16px; }
  .person-command-head { grid-template-columns:48px minmax(0,1fr); gap:10px; padding:13px; }
  .person-command-avatar { width:48px; height:48px; border-radius:13px; }
  .person-command-head h2 { font-size:18px; }
  .person-command-head > .status-pill { grid-column:1/-1; justify-self:start; }
  .person-summary-grid { gap:7px; padding:10px; }
  button.report-metric.is-actionable { min-height:88px; grid-template-columns:32px minmax(0,1fr); gap:8px; padding:10px 8px; }
  button.report-metric.is-actionable .report-metric-icon { width:32px; height:32px; }
  button.report-metric.is-actionable > div > strong { font-size:16px; }
  button.report-metric.is-actionable .report-metric-open { display:none; }
  .person-command-summary .executive-allocation { margin:0 10px 10px; }
  .person-kpi-summary { padding:12px; }
  .person-kpi-summary-grid { grid-template-columns:1fr; }
}
@media(prefers-reduced-motion:reduce) {
  button.report-metric.is-actionable,.person-kpi-summary-card { transition:none!important; }
}

/* v56 — person summary: warm Shirinasal palette, semantic icons, clear scan hierarchy */
.person-summary-body { display:grid; gap:10px; padding:14px; background:var(--canvas); }
.person-summary-section-head {
  min-height:34px;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:12px;
  padding:0 2px;
}
.person-summary-section-head > div { min-width:0; display:grid; gap:2px; }
.person-summary-section-head span { color:var(--brand); font-size:8px; font-weight:900; letter-spacing:.13em; }
.person-summary-section-head strong { color:var(--ink); font-size:14px; line-height:1.2; }
.person-summary-section-head > small { color:var(--muted); font-size:8.5px; font-weight:750; white-space:nowrap; }
.person-summary-section-head.control { margin-top:2px; }
.person-output-grid,.person-control-grid,.person-time-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.person-summary-action {
  --summary-tone:var(--authority);
  --summary-soft:var(--authority-soft);
  position:relative;
  min-width:0;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 15px;
  align-items:center;
  gap:9px;
  padding:10px;
  color:var(--ink);
  border:1px solid var(--border);
  border-radius:13px;
  background:var(--surface);
  text-align:left;
  cursor:pointer;
  box-shadow:var(--shadow-sm);
  transition:border-color 170ms ease,background 170ms ease,box-shadow 170ms ease,transform 100ms ease;
}
.person-summary-action.tone-slate { --summary-tone:#526677; --summary-soft:#edf2f6; }
.person-summary-action.tone-success { --summary-tone:var(--success); --summary-soft:var(--success-soft); }
.person-summary-action.tone-info { --summary-tone:#9a6124; --summary-soft:#f8efe3; }
.person-summary-action.tone-warning { --summary-tone:var(--warning); --summary-soft:var(--warning-soft); }
.person-summary-action.tone-neutral { --summary-tone:var(--muted); --summary-soft:var(--canvas); }
.person-summary-action:hover,.person-summary-action:focus-visible { border-color:color-mix(in srgb,var(--summary-tone) 58%,var(--border)); background:color-mix(in srgb,var(--summary-soft) 44%,var(--surface)); box-shadow:0 6px 18px color-mix(in srgb,var(--summary-tone) 12%,transparent); }
.person-summary-action:active { transform:scale(.985); }
.person-summary-action.output { min-height:88px; }
.person-summary-action.control { min-height:72px; box-shadow:none; }
.person-summary-action-icon {
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  color:var(--summary-tone);
  border-radius:11px;
  background:var(--summary-soft);
}
.person-summary-action-icon svg { width:19px; height:19px; stroke-width:2; }
.person-summary-action-copy { min-width:0; display:grid; gap:2px; }
.person-summary-action-copy small,.person-summary-action-copy strong,.person-summary-action-copy em { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.person-summary-action-copy small { color:var(--muted); font-size:8.5px; font-weight:850; letter-spacing:.02em; }
.person-summary-action-copy strong { color:var(--ink); font-size:18px; line-height:1.12; font-variant-numeric:tabular-nums; }
.person-summary-action-copy em { color:var(--muted); font-size:8px; font-style:normal; line-height:1.3; }
.person-summary-action.control .person-summary-action-copy strong { font-size:14px; }
.person-summary-action-open { display:grid; place-items:center; color:var(--subtle); }
.person-summary-action-open svg { width:15px; height:15px; }

.person-time-panel {
  overflow:hidden;
  padding:13px;
  color:var(--ink);
  border:1px solid var(--border);
  border-top:3px solid var(--brand);
  border-radius:16px;
  background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--brand-soft) 18%,var(--surface)));
  box-shadow:var(--shadow-sm);
  scroll-margin-top:84px;
}
.person-time-panel > header { display:flex; align-items:end; justify-content:space-between; gap:12px; margin-bottom:10px; }
.person-time-panel > header > div { display:grid; gap:2px; }
.person-time-panel > header span { color:var(--brand); font-size:8px; font-weight:900; letter-spacing:.13em; }
.person-time-panel > header strong { color:var(--ink); font-size:14px; }
.person-time-panel > header em { color:var(--muted); font-size:9px; font-style:normal; font-weight:750; white-space:nowrap; }
.person-time-panel .person-summary-action.time {
  min-height:76px;
  color:var(--ink);
  border-color:color-mix(in srgb,var(--summary-tone) 24%,var(--border));
  background:color-mix(in srgb,var(--summary-soft) 68%,var(--surface));
  box-shadow:none;
}
.person-time-panel .person-summary-action.time:hover,.person-time-panel .person-summary-action.time:focus-visible { border-color:color-mix(in srgb,var(--summary-tone) 58%,var(--border)); background:color-mix(in srgb,var(--summary-soft) 88%,var(--surface)); }
.person-time-panel .person-summary-action.time .person-summary-action-copy small,
.person-time-panel .person-summary-action.time .person-summary-action-copy em { color:var(--muted); }
.person-time-panel .person-summary-action.time .person-summary-action-copy strong { color:var(--ink); font-size:17px; }
.person-time-panel .person-summary-action.time .person-summary-action-open { color:var(--subtle); }
.person-time-panel .person-summary-action.time.tone-success .person-summary-action-icon { color:var(--success); }
.person-time-panel .person-summary-action.time.tone-info .person-summary-action-icon { color:var(--summary-tone); }
.person-time-track { height:9px; display:flex; overflow:hidden; margin-top:12px; border-radius:999px; background:var(--border); }
.person-time-track i { display:block; height:100%; }
.person-time-track .onsite { background:var(--success); }
.person-time-track .travel { background:#d39a3e; }
.person-time-legend { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:8px; }
.person-time-legend > span { min-width:0; display:grid; grid-template-columns:8px minmax(0,1fr) auto; align-items:center; gap:6px; color:var(--muted); }
.person-time-legend i { width:7px; height:7px; border-radius:50%; }
.person-time-legend i.onsite { background:var(--success); }
.person-time-legend i.travel { background:#d39a3e; }
.person-time-legend strong { overflow:hidden; color:var(--muted); font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
.person-time-legend em { color:var(--ink); font-size:9px; font-style:normal; font-weight:900; }

[data-theme="dark"] .person-summary-action.tone-info { --summary-tone:#e2b467; --summary-soft:#2f261b; }
[data-theme="dark"] .person-time-panel {
  border-color:#2b3e4b;
  border-top-color:var(--brand);
  background:var(--surface);
}

@media(max-width:430px) {
  .person-summary-body { padding:10px; }
  .person-summary-action { grid-template-columns:34px minmax(0,1fr) 13px; gap:7px; padding:8px; border-radius:12px; }
  .person-summary-action.output { min-height:82px; }
  .person-summary-action.control { min-height:68px; }
  .person-summary-action-icon { width:34px; height:34px; border-radius:10px; }
  .person-summary-action-icon svg { width:17px; height:17px; }
  .person-summary-action-copy strong { font-size:16px; }
  .person-summary-action.control .person-summary-action-copy strong { font-size:12.5px; }
  .person-summary-action-copy em { font-size:7.5px; }
  .person-time-panel { padding:11px; border-radius:14px; }
  .person-time-panel .person-summary-action.time { min-height:72px; }
  .person-time-panel .person-summary-action.time .person-summary-action-copy strong { font-size:15px; }
}
@media(prefers-reduced-motion:reduce) {
  .person-summary-action { transition:none!important; }
}

/* v57 — Reporting is a destination, not a persistent row of tabs. */
.reporting-hub {
  overflow:hidden;
  border:1px solid var(--border);
  border-top:4px solid var(--brand);
  border-radius:18px;
  background:var(--surface);
  box-shadow:var(--shadow-sm);
}
.reporting-hub-head {
  min-height:94px;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:16px;
  border-bottom:1px solid var(--border);
  background:linear-gradient(135deg,color-mix(in srgb,var(--brand-soft) 42%,var(--surface)),var(--surface) 62%);
}
.reporting-hub-mark {
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  color:#fff;
  border-radius:14px;
  background:var(--brand);
  box-shadow:0 8px 18px color-mix(in srgb,var(--brand) 22%,transparent);
}
.reporting-hub-mark svg { width:23px; height:23px; stroke-width:2; }
.reporting-hub-head > div { min-width:0; }
.reporting-hub-head h2 { margin:2px 0 3px; color:var(--ink); font-size:18px; line-height:1.15; letter-spacing:-.025em; }
.reporting-hub-head p { margin:0; color:var(--muted); font-size:10px; line-height:1.4; }
.reporting-hub-count { padding:6px 8px; color:var(--brand); border:1px solid color-mix(in srgb,var(--brand) 25%,var(--border)); border-radius:999px; background:var(--brand-soft); font-size:8px; font-weight:900; letter-spacing:.08em; white-space:nowrap; }
.reporting-hub-grid { display:grid; gap:9px; padding:12px; }
.report-entry {
  --entry-tone:var(--brand);
  --entry-soft:var(--brand-soft);
  position:relative;
  min-height:104px;
  display:grid;
  grid-template-columns:46px minmax(0,1fr) 34px;
  align-items:center;
  gap:11px;
  padding:13px;
  color:var(--ink);
  border:1px solid var(--border);
  border-radius:15px;
  background:var(--surface);
  text-align:left;
  cursor:pointer;
  box-shadow:none;
  transition:border-color 180ms ease,background 180ms ease,box-shadow 180ms ease,transform 100ms ease;
}
.report-entry.team { --entry-tone:var(--success); --entry-soft:var(--success-soft); }
.report-entry.management { --entry-tone:#9a6124; --entry-soft:#f8efe3; }
.report-entry:hover,.report-entry:focus-visible { border-color:color-mix(in srgb,var(--entry-tone) 55%,var(--border)); background:color-mix(in srgb,var(--entry-soft) 38%,var(--surface)); box-shadow:0 7px 20px color-mix(in srgb,var(--entry-tone) 10%,transparent); }
.report-entry:active { transform:scale(.988); }
.report-entry-index { position:absolute; top:9px; right:10px; color:color-mix(in srgb,var(--entry-tone) 50%,var(--subtle)); font-size:8px; font-weight:900; letter-spacing:.08em; }
.report-entry-icon { width:46px; height:46px; display:grid; place-items:center; color:var(--entry-tone); border-radius:13px; background:var(--entry-soft); }
.report-entry-icon svg { width:22px; height:22px; stroke-width:2; }
.report-entry-copy { min-width:0; display:grid; gap:3px; }
.report-entry-copy strong { color:var(--ink); font-size:15px; line-height:1.2; }
.report-entry-copy small { overflow:hidden; color:var(--muted); font-size:9.5px; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
.report-entry-copy em { color:var(--entry-tone); font-size:8px; font-style:normal; font-weight:850; letter-spacing:.04em; text-transform:uppercase; }
.report-entry-arrow { width:34px; height:34px; display:grid; place-items:center; color:var(--entry-tone); border-radius:11px; background:var(--entry-soft); }
.report-entry-arrow svg { width:17px; height:17px; }
.reporting-hub-foot { display:flex; align-items:center; gap:10px; padding:11px 14px; color:var(--muted); border-top:1px solid var(--border); background:var(--canvas); }
.reporting-hub-foot > span { width:32px; height:32px; display:grid; place-items:center; color:var(--success); border-radius:10px; background:var(--success-soft); }
.reporting-hub-foot svg { width:17px; height:17px; }
.reporting-hub-foot p { min-width:0; display:grid; gap:1px; margin:0; }
.reporting-hub-foot strong { color:var(--ink); font-size:10px; }
.reporting-hub-foot small { color:var(--muted); font-size:8.5px; }

#screen-customers .report-view-context:not(.hidden) {
  min-height:64px;
  display:grid;
  grid-template-columns:auto 38px minmax(0,1fr);
  align-items:center;
  gap:10px;
  margin:0 0 12px;
  padding:9px;
  border-left:3px solid var(--brand);
}
.report-detail-back {
  min-width:44px;
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  padding:8px 10px;
  color:var(--ink);
  border:1px solid var(--border);
  border-radius:11px;
  background:var(--surface);
  font-size:10px;
  font-weight:850;
  cursor:pointer;
  transition:border-color 170ms ease,background 170ms ease,color 170ms ease;
}
.report-detail-back:hover,.report-detail-back:focus-visible { color:var(--brand); border-color:color-mix(in srgb,var(--brand) 40%,var(--border)); background:var(--brand-soft); }
.report-detail-back svg { width:16px; height:16px; }
#screen-customers .report-view-context > #reportViewIcon { width:38px; height:38px; }

[data-theme="dark"] .reporting-hub-head { background:var(--surface); }
[data-theme="dark"] .report-entry.management { --entry-tone:#e2b467; --entry-soft:#2f261b; }
[data-theme="dark"] .reporting-hub-foot { background:var(--canvas); }

@media(min-width:760px) {
  .reporting-hub-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .report-entry { min-height:142px; grid-template-columns:48px minmax(0,1fr); align-content:center; }
  .report-entry-arrow { position:absolute; right:12px; bottom:12px; }
  .report-entry-copy small { white-space:normal; }
}
@media(max-width:430px) {
  .reporting-hub-head { grid-template-columns:44px minmax(0,1fr); gap:10px; padding:13px; }
  .reporting-hub-mark { width:44px; height:44px; border-radius:12px; }
  .reporting-hub-head h2 { font-size:16px; }
  .reporting-hub-count { display:none; }
  .reporting-hub-grid { gap:8px; padding:10px; }
  .report-entry { min-height:94px; grid-template-columns:42px minmax(0,1fr) 32px; gap:9px; padding:11px; }
  .report-entry-icon { width:42px; height:42px; border-radius:12px; }
  .report-entry-copy strong { font-size:14px; }
  .report-entry-copy small { font-size:9px; }
  #screen-customers .report-view-context:not(.hidden) { grid-template-columns:44px 36px minmax(0,1fr); gap:8px; }
  .report-detail-back { width:44px; padding:0; font-size:0; }
  .report-detail-back svg { width:19px; height:19px; }
}
@media(prefers-reduced-motion:reduce) {
  .report-entry,.report-detail-back { transition:none!important; }
}

/* v58 — Restricted, auditable Customer Master import. */
.visually-hidden {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
}
.customer-import {
  overflow:hidden;
  margin:16px 0;
  border:1px solid var(--border);
  border-top:4px solid var(--brand);
  border-radius:20px;
  background:var(--surface);
  box-shadow:var(--shadow-sm);
}
.customer-import-head {
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:16px;
  border-bottom:1px solid var(--border);
  background:linear-gradient(135deg,color-mix(in srgb,var(--brand-soft) 52%,var(--surface)),var(--surface) 64%);
}
.customer-import-head > div { min-width:0; }
.customer-import-head h2 { margin:1px 0 3px; color:var(--ink); font-size:19px; line-height:1.15; letter-spacing:-.025em; }
.customer-import-head p { margin:0; color:var(--muted); font-size:12px; line-height:1.45; }
.customer-import-icon {
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  color:#fff;
  border-radius:14px;
  background:var(--brand);
  box-shadow:0 8px 18px color-mix(in srgb,var(--brand) 22%,transparent);
}
.customer-import-icon svg { width:23px; height:23px; stroke-width:2; }
.customer-import-badge {
  padding:6px 8px;
  color:var(--brand);
  border:1px solid color-mix(in srgb,var(--brand) 28%,var(--border));
  border-radius:999px;
  background:var(--brand-soft);
  font-size:9px;
  font-weight:900;
  letter-spacing:.1em;
}
.customer-import-access {
  display:flex;
  align-items:center;
  gap:10px;
  margin:14px 14px 0;
  padding:10px 12px;
  color:var(--success);
  border:1px solid color-mix(in srgb,var(--success) 22%,var(--border));
  border-radius:13px;
  background:color-mix(in srgb,var(--success-soft) 55%,var(--surface));
}
.customer-import-access > span { width:30px; height:30px; display:grid; place-items:center; flex:0 0 30px; }
.customer-import-access svg { width:18px; height:18px; }
.customer-import-access p,.customer-import-empty p,.customer-import-loading p,.customer-import-error p,.customer-import-file p { min-width:0; display:grid; gap:2px; margin:0; }
.customer-import-access strong,.customer-import-empty strong,.customer-import-loading strong,.customer-import-error strong,.customer-import-file strong { color:var(--ink); font-size:12px; }
.customer-import-access small,.customer-import-empty small,.customer-import-loading small,.customer-import-error small,.customer-import-file small { color:var(--muted); font-size:11px; line-height:1.45; }
.customer-import-picker {
  min-height:82px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  margin:12px 14px 14px;
  padding:12px;
  color:var(--ink);
  border:1px dashed color-mix(in srgb,var(--brand) 46%,var(--border));
  border-radius:15px;
  background:var(--canvas);
  cursor:pointer;
  transition:border-color 170ms ease,background 170ms ease,transform 100ms ease;
}
.customer-import-picker:hover,.customer-import-picker:focus-within { border-color:var(--brand); background:color-mix(in srgb,var(--brand-soft) 28%,var(--surface)); }
.customer-import-picker:active { transform:scale(.992); }
.customer-import-picker > svg { width:42px; height:42px; padding:10px; color:var(--brand); border-radius:12px; background:var(--brand-soft); }
.customer-import-picker > span { min-width:0; display:grid; gap:2px; }
.customer-import-picker strong { font-size:13px; }
.customer-import-picker small { color:var(--muted); font-size:11px; }
.customer-import-picker em { min-width:58px; min-height:38px; display:grid; place-items:center; color:var(--brand); border:1px solid color-mix(in srgb,var(--brand) 28%,var(--border)); border-radius:10px; background:var(--surface); font-size:11px; font-style:normal; font-weight:850; }
.customer-import-output { border-top:1px solid var(--border); }
.customer-import-empty,.customer-import-loading,.customer-import-error,.customer-import-file {
  min-height:64px;
  display:flex;
  align-items:center;
  gap:10px;
  margin:0;
  padding:13px 14px;
  background:var(--surface);
}
.customer-import-empty > span,.customer-import-error > span,.customer-import-file > span { width:34px; height:34px; display:grid; place-items:center; flex:0 0 34px; color:var(--success); border-radius:10px; background:var(--success-soft); }
.customer-import-empty svg,.customer-import-error svg,.customer-import-file svg { width:18px; height:18px; }
.customer-import-file { border-bottom:1px solid var(--border); }
.customer-import-file p { flex:1; }
.customer-import-file button,.customer-import-again { min-width:72px; min-height:44px; color:var(--brand); border:1px solid color-mix(in srgb,var(--brand) 30%,var(--border)); border-radius:11px; background:var(--brand-soft); font-size:11px; font-weight:850; cursor:pointer; }
.customer-import-loading .customer-import-spinner { margin:0 8px; }
.customer-import-spinner { width:20px; height:20px; display:inline-block; flex:0 0 20px; border:2px solid color-mix(in srgb,var(--brand) 22%,var(--border)); border-top-color:var(--brand); border-radius:50%; animation:customer-import-spin .8s linear infinite; }
@keyframes customer-import-spin { to { transform:rotate(360deg); } }
.customer-import-error { color:var(--danger); background:var(--danger-soft); }
.customer-import-error.inline { margin:10px 12px 0; padding:10px; border:1px solid color-mix(in srgb,var(--danger) 22%,var(--border)); border-radius:12px; }
.customer-import-error > span { color:var(--danger); background:color-mix(in srgb,var(--danger-soft) 78%,var(--surface)); }
.customer-import-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding:12px; }
.customer-import-summary > div { min-height:82px; display:flex; flex-direction:column; justify-content:center; padding:10px; border:1px solid var(--border); border-top:3px solid var(--summary-tone); border-radius:13px; background:var(--surface); }
.customer-import-summary .new { --summary-tone:var(--success); }
.customer-import-summary .duplicate { --summary-tone:var(--warning); }
.customer-import-summary .invalid { --summary-tone:var(--danger); }
.customer-import-summary span { color:var(--summary-tone); font-size:23px; line-height:1; font-weight:900; letter-spacing:-.04em; }
.customer-import-summary strong { margin-top:6px; color:var(--ink); font-size:11px; }
.customer-import-summary small { color:var(--muted); font-size:9px; }
.customer-import-review { margin:0 12px 12px; border:1px solid var(--border); border-radius:14px; background:var(--surface); }
.customer-import-review summary { min-height:48px; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 12px; color:var(--ink); cursor:pointer; font-size:12px; font-weight:850; }
.customer-import-review summary strong { color:var(--muted); font-size:10px; }
.customer-import-review ul { display:grid; gap:0; margin:0; padding:0; border-top:1px solid var(--border); list-style:none; }
.customer-import-row { --row-tone:var(--success); display:grid; grid-template-columns:62px minmax(0,1fr) auto; align-items:center; gap:9px; min-height:56px; padding:8px 11px; border-bottom:1px solid var(--border); }
.customer-import-row:last-child { border-bottom:0; }
.customer-import-row.status-duplicate { --row-tone:var(--warning); }
.customer-import-row.status-invalid { --row-tone:var(--danger); }
.customer-import-row-code { overflow:hidden; padding:5px 6px; color:var(--ink); border-radius:8px; background:var(--canvas); font-size:9px; font-weight:850; text-overflow:ellipsis; white-space:nowrap; }
.customer-import-row > span:nth-child(2) { min-width:0; display:grid; gap:1px; }
.customer-import-row strong { overflow:hidden; color:var(--ink); font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.customer-import-row small { overflow:hidden; color:var(--muted); font-size:9.5px; text-overflow:ellipsis; white-space:nowrap; }
.customer-import-row em { padding:4px 6px; color:var(--row-tone); border-radius:999px; background:color-mix(in srgb,var(--row-tone) 11%,var(--surface)); font-size:8px; font-style:normal; font-weight:900; white-space:nowrap; }
.customer-import-more { margin:0; padding:9px 12px; color:var(--muted); border-top:1px solid var(--border); font-size:10px; }
.customer-import-actions { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px; padding:12px 14px 14px; border-top:1px solid var(--border); background:var(--canvas); }
.customer-import-actions p { min-width:0; display:flex; align-items:center; gap:7px; margin:0; color:var(--success); }
.customer-import-actions p span { width:28px; height:28px; display:grid; place-items:center; flex:0 0 28px; }
.customer-import-actions p svg { width:16px; height:16px; }
.customer-import-actions p small { color:var(--muted); font-size:10px; line-height:1.4; }
.customer-import-actions .primary-button { width:auto; min-width:142px; margin:0; }
.customer-import-success { display:grid; grid-template-columns:42px minmax(0,1fr); gap:11px; margin:12px; padding:14px; color:var(--success); border:1px solid color-mix(in srgb,var(--success) 25%,var(--border)); border-radius:14px; background:var(--success-soft); }
.customer-import-success > span { width:42px; height:42px; display:grid; place-items:center; border-radius:12px; background:var(--surface); }
.customer-import-success svg { width:21px; height:21px; }
.customer-import-success h3 { margin:2px 0 4px; color:var(--ink); font-size:16px; }
.customer-import-success p { margin:0; color:var(--muted); font-size:11px; line-height:1.45; }
.customer-import-again { margin:0 12px 14px; padding:0 12px; }

[data-theme="dark"] .customer-import-head { background:var(--surface); }
[data-theme="dark"] .customer-import-picker { background:var(--canvas); }

@media(max-width:430px) {
  .customer-import-head { grid-template-columns:44px minmax(0,1fr); padding:13px; }
  .customer-import-icon { width:44px; height:44px; border-radius:12px; }
  .customer-import-badge { display:none; }
  .customer-import-access { margin:11px 11px 0; }
  .customer-import-picker { margin:10px 11px 11px; }
  .customer-import-summary { gap:6px; padding:10px; }
  .customer-import-summary > div { min-height:76px; padding:8px; }
  .customer-import-summary span { font-size:21px; }
  .customer-import-actions { grid-template-columns:1fr; }
  .customer-import-actions .primary-button { width:100%; min-height:48px; }
  .customer-import-row { grid-template-columns:54px minmax(0,1fr); }
  .customer-import-row em { grid-column:2; justify-self:start; }
}
@media(prefers-reduced-motion:reduce) {
  .customer-import-picker { transition:none!important; }
  .customer-import-spinner { animation:none; }
}

/* v59 — Searchable People & Team sales directory. */
.team-employee-native {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
}
.team-people-picker {
  display:grid;
  gap:10px;
  padding:13px;
  border:1px solid var(--border);
  border-radius:15px;
  background:var(--canvas);
}
.team-people-picker-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.team-people-picker-head > div {
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:9px;
}
.team-people-picker-head .report-code {
  min-width:48px;
  height:38px;
  display:grid;
  place-items:center;
  color:var(--authority);
  border-radius:10px;
  background:var(--authority-soft);
  font-size:8px;
  letter-spacing:.08em;
}
.team-people-picker-head strong,.team-people-picker-head small { display:block; }
.team-people-picker-head strong { color:var(--ink); font-size:13px; line-height:1.25; }
.team-people-picker-head small { margin-top:2px; color:var(--muted); font-size:9.5px; line-height:1.35; }
.team-people-picker-head > span {
  flex:0 0 auto;
  padding:6px 8px;
  color:var(--success);
  border:1px solid color-mix(in srgb,var(--success) 22%,var(--border));
  border-radius:999px;
  background:var(--success-soft);
  font-size:9px;
  font-weight:850;
}
.team-people-search {
  min-height:48px;
  display:grid;
  grid-template-columns:22px minmax(0,1fr) 38px;
  align-items:center;
  gap:7px;
  padding:4px 5px 4px 12px;
  border:1px solid var(--border-strong);
  border-radius:13px;
  background:var(--surface);
  transition:border-color 170ms ease,box-shadow 170ms ease,background 170ms ease;
}
.team-people-search:focus-within {
  border-color:var(--focus);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 14%,transparent);
}
.team-people-search-icon { width:22px; height:22px; display:grid; place-items:center; color:var(--muted); }
.team-people-search svg { width:19px; height:19px; }
.team-people-search input {
  min-width:0;
  min-height:40px;
  padding:0;
  color:var(--ink);
  border:0;
  outline:0;
  background:transparent;
  font:inherit;
  font-size:13px;
}
.team-people-search input::placeholder { color:color-mix(in srgb,var(--muted) 78%,transparent); }
.team-people-search button {
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  color:var(--muted);
  border:0;
  border-radius:10px;
  background:var(--canvas);
  cursor:pointer;
}
.team-people-search button:hover,.team-people-search button:focus-visible { color:var(--brand); background:var(--brand-soft); }
.team-people-picker-list {
  display:grid;
  gap:7px;
  max-height:330px;
  overflow:auto;
  padding-right:2px;
  overscroll-behavior:contain;
  scrollbar-color:var(--border-strong) transparent;
}
.team-person-option {
  min-height:62px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto 18px;
  align-items:center;
  gap:10px;
  padding:8px 10px;
  color:var(--ink);
  border:1px solid var(--border);
  border-radius:13px;
  background:var(--surface);
  text-align:left;
  cursor:pointer;
  transition:border-color 170ms ease,background 170ms ease,box-shadow 170ms ease,transform 100ms ease;
}
.team-person-option:hover,.team-person-option:focus-visible {
  border-color:color-mix(in srgb,var(--authority) 35%,var(--border));
  background:color-mix(in srgb,var(--authority-soft) 42%,var(--surface));
  box-shadow:var(--shadow-sm);
}
.team-person-option:active { transform:scale(.992); }
.team-person-option.selected {
  border-color:color-mix(in srgb,var(--success) 48%,var(--border));
  background:linear-gradient(90deg,var(--success-soft),var(--surface) 76%);
  box-shadow:inset 3px 0 0 var(--success);
}
.team-person-option.all { min-height:58px; }
.team-person-option-icon,.team-picker-avatar {
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:var(--authority-soft);
}
.team-person-option-icon { color:var(--authority); }
.team-person-option-icon svg { width:21px; height:21px; }
.team-picker-avatar { border-radius:12px; }
.team-person-option-copy { min-width:0; display:grid; gap:3px; }
.team-person-option-copy strong,.team-person-option-copy small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.team-person-option-copy strong { color:var(--ink); font-size:12px; line-height:1.25; }
.team-person-option-copy small { color:var(--muted); font-size:9.5px; }
.team-person-option-status {
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:5px 7px;
  color:var(--muted);
  border-radius:999px;
  background:var(--canvas);
  font-size:8.5px;
  font-weight:850;
  white-space:nowrap;
}
.team-person-option-status i { width:7px; height:7px; border-radius:50%; background:currentColor; box-shadow:0 0 0 3px color-mix(in srgb,currentColor 13%,transparent); }
.team-person-option-status.in-store,.team-person-option-status.active { color:var(--success); background:var(--success-soft); }
.team-person-option-status.pending-close { color:var(--warning); background:var(--warning-soft); }
.team-person-option-status.closed { color:var(--authority); background:var(--authority-soft); }
.team-person-option-count { min-width:30px; height:30px; display:grid; place-items:center; color:var(--authority); border-radius:9px; background:var(--authority-soft); font-size:12px; font-weight:900; }
.team-person-option-arrow { width:18px; height:18px; display:grid; place-items:center; color:var(--muted); }
.team-person-option.selected .team-person-option-arrow { color:var(--success); }
.team-person-option-arrow svg { width:16px; height:16px; }

@media(max-width:430px) {
  .team-people-picker { margin-inline:-2px; padding:10px; }
  .team-people-picker-head small { display:none; }
  .team-person-option { grid-template-columns:40px minmax(0,1fr) 18px; gap:8px; padding:8px; }
  .team-person-option-icon,.team-picker-avatar { width:40px; height:40px; }
  .team-person-option-status,.team-person-option-count { grid-column:2; justify-self:start; }
  .team-person-option-status { margin-top:-2px; }
  .team-person-option-arrow { grid-column:3; grid-row:1 / span 2; }
  .team-person-option.all { grid-template-columns:40px minmax(0,1fr) auto 18px; }
  .team-person-option.all .team-person-option-count { grid-column:3; grid-row:1; align-self:center; }
  .team-person-option.all .team-person-option-arrow { grid-column:4; grid-row:1; }
  .team-people-picker-list { max-height:300px; }
}
@media(prefers-reduced-motion:reduce) {
  .team-people-search,.team-person-option { transition:none!important; }
}

/* v60 — auditable route legs and unmistakably actionable KPI reporting. */
.person-route-leg {
  position:relative;
  width:100%;
  min-height:68px;
  display:grid;
  grid-template-columns:32px 38px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  padding:8px 13px;
  color:var(--ink);
  border:0;
  border-bottom:1px solid var(--border);
  background:linear-gradient(90deg,color-mix(in srgb,var(--warning-soft) 62%,var(--surface)),var(--surface));
  text-align:left;
  cursor:pointer;
  touch-action:manipulation;
  transition:background 170ms ease,box-shadow 170ms ease;
}
.person-route-leg:hover,.person-route-leg:focus-visible { background:var(--warning-soft); box-shadow:inset 3px 0 0 var(--warning); }
.person-route-leg:active { background:color-mix(in srgb,var(--warning-soft) 78%,var(--surface)); }
.person-route-leg-line { align-self:stretch; display:grid; place-items:center; }
.person-route-leg-line::before,.person-route-leg-line::after { content:""; width:1px; height:calc(50% - 5px); background:var(--border-strong); }
.person-route-leg-line i { width:9px; height:9px; border:2px solid var(--warning); border-radius:50%; background:var(--surface); }
.person-route-leg-icon { width:38px; height:38px; display:grid; place-items:center; color:var(--warning); border-radius:11px; background:var(--warning-soft); }
.person-route-leg-icon svg { width:20px; height:20px; }
.person-route-leg-copy { min-width:0; display:grid; gap:2px; }
.person-route-leg-copy small { color:var(--warning); font-size:8px; font-weight:900; letter-spacing:.09em; }
.person-route-leg-copy strong { display:flex; align-items:center; gap:6px; color:var(--ink); font-size:12px; font-variant-numeric:tabular-nums; }
.person-route-leg-copy strong span { padding-right:7px; border-right:1px solid var(--border-strong); }
.person-route-leg-copy strong span:last-child { padding-right:0; border-right:0; }
.person-route-leg-copy em { overflow:hidden; color:var(--muted); font-size:8.5px; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }
.person-route-leg-open { min-width:48px; display:flex; align-items:center; justify-content:flex-end; gap:3px; color:var(--warning); }
.person-route-leg-open small { font-size:8px; font-weight:850; }
.person-route-leg-open svg { width:15px; height:15px; }
.person-route-leg.is-incomplete { --warning:var(--muted); --warning-soft:var(--canvas); }

.person-kpi-summary-card { min-height:76px; grid-template-columns:42px minmax(0,1fr) 54px; cursor:pointer; touch-action:manipulation; }
.person-kpi-summary-card strong i { color:var(--muted); font-size:10px; font-style:normal; font-weight:750; }
.person-kpi-open { min-width:48px; display:flex; align-items:center; justify-content:flex-end; gap:2px; color:var(--success); }
.person-kpi-open small { color:inherit; font-size:8px; }
.person-kpi-open svg { width:15px; height:15px; }
.person-kpi-modal-guide { min-height:58px; display:grid; grid-template-columns:30px minmax(0,1fr); align-items:center; gap:10px; margin-bottom:10px; padding:10px 12px; color:var(--authority); border:1px solid var(--border); border-radius:12px; background:var(--authority-soft); font-size:10px; line-height:1.45; }
.person-kpi-modal-guide svg { width:22px; height:22px; }
.person-kpi-visit-row { min-height:72px; grid-template-columns:36px minmax(0,1fr) auto 16px; cursor:pointer; touch-action:manipulation; }
.person-kpi-visit-row.recorded { border-left:3px solid var(--success); }
.person-kpi-visit-row.attention { border-left:3px solid var(--warning); }
.person-kpi-row-state { padding:5px 7px; color:var(--muted); border-radius:999px; background:var(--canvas); font-size:8px; font-weight:850; white-space:nowrap; }
.person-kpi-visit-row.recorded .person-kpi-row-state { color:var(--success); background:var(--success-soft); }
.person-kpi-visit-row.attention .person-kpi-row-state { color:var(--warning); background:var(--warning-soft); }

.route-leg-modal { display:grid; gap:12px; }
.route-leg-hero { display:grid; grid-template-columns:48px minmax(0,1fr); align-items:start; gap:12px; padding:16px; color:var(--ink); border:1px solid var(--border); border-radius:16px; background:linear-gradient(135deg,var(--warning-soft),var(--surface)); }
.route-leg-hero > span { width:48px; height:48px; display:grid; place-items:center; color:var(--warning); border-radius:14px; background:var(--surface); box-shadow:var(--shadow-sm); }
.route-leg-hero > span svg { width:25px; height:25px; }
.route-leg-hero > div { min-width:0; display:grid; gap:4px; }
.route-leg-hero small { color:var(--warning); font-size:8px; font-weight:900; letter-spacing:.1em; }
.route-leg-hero strong { overflow-wrap:anywhere; font-size:13px; line-height:1.35; }
.route-leg-hero i { color:var(--muted); font-size:9px; font-style:normal; font-weight:800; text-transform:uppercase; }
.route-leg-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.route-leg-metrics > div { min-height:116px; display:grid; grid-template-columns:32px minmax(0,1fr); align-content:start; gap:4px 8px; padding:12px; border:1px solid var(--border); border-radius:14px; background:var(--surface); }
.route-leg-metrics > div > span { grid-row:1 / span 2; width:32px; height:32px; display:grid; place-items:center; color:var(--warning); border-radius:9px; background:var(--warning-soft); }
.route-leg-metrics svg { width:18px; height:18px; }
.route-leg-metrics small { align-self:end; color:var(--muted); font-size:8.5px; font-weight:800; }
.route-leg-metrics strong { color:var(--ink); font-size:18px; font-variant-numeric:tabular-nums; }
.route-leg-metrics em { grid-column:1/-1; margin-top:5px; color:var(--muted); font-size:8.5px; font-style:normal; line-height:1.4; }
.route-leg-map-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.route-leg-map-actions > a,.route-leg-map-actions > span { min-height:58px; display:grid; grid-template-columns:24px minmax(0,1fr); align-items:center; gap:8px; padding:10px; color:var(--success); border:1px solid color-mix(in srgb,var(--success) 28%,var(--border)); border-radius:13px; background:var(--success-soft); text-decoration:none; }
.route-leg-map-actions > a:hover,.route-leg-map-actions > a:focus-visible { border-color:var(--success); }
.route-leg-map-actions > .unavailable { color:var(--warning); border-color:color-mix(in srgb,var(--warning) 28%,var(--border)); background:var(--warning-soft); }
.route-leg-map-actions svg { width:21px; height:21px; }
.route-leg-map-actions strong,.route-leg-map-actions small { display:block; }
.route-leg-map-actions strong { font-size:9.5px; }
.route-leg-map-actions small { margin-top:2px; color:inherit; font-size:8px; opacity:.78; }
.route-leg-directions { min-height:72px; display:grid; grid-template-columns:38px minmax(0,1fr) 24px; align-items:center; gap:11px; padding:12px 14px; color:var(--on-authority); border:1px solid var(--authority); border-radius:15px; background:linear-gradient(120deg,var(--authority),color-mix(in srgb,var(--authority) 76%,var(--success))); box-shadow:0 8px 20px color-mix(in srgb,var(--authority) 18%,transparent); text-decoration:none; touch-action:manipulation; transition:transform 100ms ease,box-shadow 160ms ease,border-color 160ms ease; }
.route-leg-directions:hover,.route-leg-directions:focus-visible { border-color:var(--success); box-shadow:0 10px 24px color-mix(in srgb,var(--authority) 26%,transparent); transform:translateY(-1px); }
.route-leg-directions:active { transform:translateY(0); }
.route-leg-directions-icon { width:38px; height:38px; display:grid; place-items:center; border-radius:11px; background:color-mix(in srgb,var(--on-authority) 14%,transparent); }
.route-leg-directions-icon svg,.route-leg-directions-arrow svg { width:21px; height:21px; }
.route-leg-directions > span:nth-child(2) { min-width:0; display:grid; gap:2px; }
.route-leg-directions small { color:color-mix(in srgb,var(--on-authority) 82%,transparent); font-size:7.5px; font-weight:900; letter-spacing:.09em; }
.route-leg-directions strong { font-size:12px; line-height:1.25; }
.route-leg-directions em { overflow:hidden; color:color-mix(in srgb,var(--on-authority) 78%,transparent); font-size:8px; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }
.route-leg-directions-arrow { display:grid; place-items:center; }
.route-leg-directions.is-unavailable { grid-template-columns:38px minmax(0,1fr); color:var(--warning); border-color:color-mix(in srgb,var(--warning) 35%,var(--border)); background:var(--warning-soft); box-shadow:none; }
.route-leg-method { margin:0; padding:11px 12px; color:var(--muted); border-radius:12px; background:var(--canvas); font-size:9px; line-height:1.5; }

@media(max-width:430px) {
  .person-route-leg { grid-template-columns:28px 34px minmax(0,1fr) 16px; min-height:66px; padding:7px 10px; }
  .person-route-leg-icon { width:34px; height:34px; }
  .person-route-leg-open { min-width:16px; }
  .person-route-leg-open small { display:none; }
  .person-kpi-summary-card { grid-template-columns:40px minmax(0,1fr) 46px; }
  .person-kpi-visit-row { grid-template-columns:34px minmax(0,1fr) 14px; }
  .person-kpi-row-state { grid-column:2; justify-self:start; }
  .person-kpi-visit-row > svg { grid-column:3; grid-row:1 / span 2; }
  .route-leg-metrics,.route-leg-map-actions { grid-template-columns:1fr; }
  .route-leg-metrics > div { min-height:94px; }
}
@media(prefers-reduced-motion:reduce) {
  .person-route-leg,.route-leg-directions { transition:none!important; }
}

/* v61 — executive command summary: hierarchy before decoration. */
.ops-overview {
  overflow:hidden;
  border-top:0;
  border-radius:22px;
  box-shadow:0 14px 38px rgba(19,32,43,.1);
}
.ops-overview-head {
  min-height:86px;
  padding:17px 18px 15px;
  background:linear-gradient(105deg,var(--surface) 0%,color-mix(in srgb,var(--brand-soft) 32%,var(--surface)) 100%);
}
.ops-overview-head h1 { margin-top:6px; font-size:clamp(24px,4vw,31px); line-height:1.04; letter-spacing:-.045em; }
.ops-overview-head p { margin-top:7px; font-size:10px; letter-spacing:.005em; }
.ops-command-layout {
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(0,1.18fr) minmax(245px,.92fr);
  gap:10px;
  padding:12px;
  background:var(--canvas);
}
.ops-lead-metric,
.ops-time-command,
.ops-status-stack {
  min-width:0;
  border:1px solid var(--border);
  border-radius:17px;
  background:var(--surface);
  box-shadow:var(--shadow-sm);
}
.ops-lead-metric {
  position:relative;
  overflow:hidden;
  min-height:228px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:17px;
  color:var(--ink);
  border-color:color-mix(in srgb,var(--brand) 24%,var(--border));
  text-align:left;
  cursor:pointer;
  touch-action:manipulation;
  transition:border-color 170ms ease,box-shadow 170ms ease,transform 100ms ease;
}
.ops-lead-metric::after {
  position:absolute;
  right:-43px;
  bottom:-62px;
  width:155px;
  height:155px;
  border:24px solid color-mix(in srgb,var(--brand-soft) 72%,transparent);
  border-radius:50%;
  content:"";
  pointer-events:none;
}
.ops-lead-metric:hover,.ops-lead-metric:focus-visible { border-color:var(--brand); box-shadow:0 11px 28px color-mix(in srgb,var(--brand) 12%,transparent); }
.ops-lead-metric:active { transform:scale(.992); }
.ops-lead-top { position:relative; z-index:1; width:100%; display:grid; grid-template-columns:34px minmax(0,1fr) 17px; align-items:center; gap:9px; color:var(--brand); font-size:9px; font-weight:900; letter-spacing:.105em; text-transform:uppercase; }
.ops-lead-top > svg { width:17px; height:17px; }
.ops-lead-icon { width:34px; height:34px; display:grid; place-items:center; color:var(--brand); border-radius:10px; background:var(--brand-soft); }
.ops-lead-icon svg { width:18px; height:18px; }
.ops-lead-metric > strong { position:relative; z-index:1; margin-top:17px; color:var(--ink); font-size:51px; line-height:.88; letter-spacing:-.065em; font-variant-numeric:tabular-nums; }
.ops-lead-metric h2 { position:relative; z-index:1; margin:8px 0 0; color:var(--ink); font-size:16px; line-height:1.12; letter-spacing:-.025em; }
.ops-lead-context { position:relative; z-index:1; display:flex; align-items:center; flex-wrap:wrap; gap:5px; margin-top:8px; color:var(--muted); font-size:9px; }
.ops-lead-context b { color:var(--ink); font-size:10px; }
.ops-lead-context i { width:3px; height:3px; border-radius:50%; background:var(--subtle); }
.ops-lead-foot { position:relative; z-index:1; width:100%; display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:auto; padding-top:13px; border-top:1px solid var(--border); }
.ops-lead-foot > span { display:flex; align-items:center; gap:5px; color:var(--muted); font-size:8.5px; }
.ops-lead-foot svg { width:15px; height:15px; color:var(--success); }
.ops-lead-foot b { color:var(--ink); font-size:10px; }
.ops-lead-foot em { color:var(--brand); font-size:8px; font-style:normal; font-weight:850; }
.ops-time-command { min-height:228px; display:flex; flex-direction:column; padding:10px; }
.ops-time-total {
  min-height:78px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 17px;
  align-items:center;
  gap:11px;
  padding:10px;
  color:var(--ink);
  border:0;
  border-radius:12px;
  background:transparent;
  text-align:left;
  cursor:pointer;
  touch-action:manipulation;
}
.ops-time-total:hover,.ops-time-total:focus-visible { background:var(--authority-soft); }
.ops-time-icon { width:42px; height:42px; display:grid; place-items:center; color:var(--authority); border-radius:12px; background:var(--authority-soft); }
.ops-time-icon svg { width:21px; height:21px; }
.ops-time-total > span:nth-child(2) { min-width:0; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:1px 9px; }
.ops-time-total small { grid-column:1; color:var(--muted); font-size:8px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.ops-time-total strong { grid-column:1; color:var(--ink); font-size:27px; line-height:1.05; letter-spacing:-.045em; font-variant-numeric:tabular-nums; }
.ops-time-total em { grid-column:2; grid-row:1 / span 2; align-self:center; color:var(--muted); font-size:8px; font-style:normal; }
.ops-time-total > svg { width:17px; height:17px; color:var(--subtle); }
.ops-allocation-track { overflow:hidden; height:9px; display:flex; margin:6px 10px 12px; border-radius:999px; background:var(--border); }
.ops-allocation-track span { min-width:0; height:100%; }
.ops-allocation-track .onsite { background:var(--success); }
.ops-allocation-track .travel { background:var(--info); }
.ops-time-split { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin-top:auto; }
.ops-time-split button {
  min-width:0;
  min-height:105px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 14px;
  align-items:start;
  gap:8px;
  padding:11px 9px;
  color:var(--ink);
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--canvas);
  text-align:left;
  cursor:pointer;
  touch-action:manipulation;
  transition:border-color 170ms ease,background 170ms ease,transform 100ms ease;
}
.ops-time-split button:hover,.ops-time-split button:focus-visible { border-color:var(--authority); background:var(--surface); }
.ops-time-split button:active { transform:scale(.985); }
.ops-time-split button > span:first-child { width:34px; height:34px; display:grid; place-items:center; border-radius:10px; }
.ops-time-split button > span:first-child svg { width:18px; height:18px; }
.ops-time-split .onsite { color:var(--success); background:var(--success-soft); }
.ops-time-split .travel { color:var(--info); background:var(--info-soft); }
.ops-time-split button > span:nth-child(2) { min-width:0; display:grid; gap:3px; }
.ops-time-split small { color:var(--muted); font-size:8px; font-weight:850; }
.ops-time-split strong { overflow:hidden; color:var(--ink); font-size:17px; line-height:1.1; text-overflow:ellipsis; white-space:nowrap; font-variant-numeric:tabular-nums; }
.ops-time-split em { color:var(--muted); font-size:8px; font-style:normal; }
.ops-time-split button > svg { align-self:center; width:14px; height:14px; color:var(--subtle); }
.ops-status-stack { overflow:hidden; display:grid; grid-template-rows:repeat(4,minmax(52px,1fr)); }
.ops-status-row {
  --status-color:var(--authority);
  --status-soft:var(--authority-soft);
  min-width:0;
  min-height:54px;
  display:grid;
  grid-template-columns:34px 30px minmax(0,1fr) 14px;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  color:var(--ink);
  border:0;
  border-bottom:1px solid var(--border);
  background:var(--surface);
  text-align:left;
  cursor:pointer;
  touch-action:manipulation;
  transition:background 170ms ease,box-shadow 170ms ease;
}
.ops-status-row:last-child { border-bottom:0; }
.ops-status-row.success { --status-color:var(--success); --status-soft:var(--success-soft); }
.ops-status-row.info { --status-color:var(--info); --status-soft:var(--info-soft); }
.ops-status-row.warning { --status-color:var(--warning); --status-soft:var(--warning-soft); }
.ops-status-row:hover,.ops-status-row:focus-visible { background:var(--status-soft); box-shadow:inset 3px 0 0 var(--status-color); }
.ops-status-icon { width:34px; height:34px; display:grid; place-items:center; color:var(--status-color); border-radius:10px; background:var(--status-soft); }
.ops-status-icon svg { width:17px; height:17px; }
.ops-status-value { color:var(--ink); font-size:20px; font-weight:900; line-height:1; text-align:center; font-variant-numeric:tabular-nums; }
.ops-status-copy { min-width:0; display:grid; gap:2px; }
.ops-status-copy strong,.ops-status-copy small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ops-status-copy strong { color:var(--ink); font-size:10px; }
.ops-status-copy small { color:var(--muted); font-size:8px; }
.ops-status-row > svg { width:14px; height:14px; color:var(--subtle); }

@media(max-width:760px) {
  .ops-command-layout { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ops-status-stack { grid-column:1 / -1; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:repeat(2,minmax(54px,auto)); }
  .ops-status-row:nth-child(odd) { border-right:1px solid var(--border); }
  .ops-status-row:nth-child(3) { border-bottom:0; }
}
@media(max-width:430px) {
  .ops-overview { border-radius:18px; }
  .ops-overview-head { min-height:78px; padding:14px; }
  .ops-overview-head h1 { font-size:23px; }
  .ops-overview-head p { max-width:235px; line-height:1.35; }
  .ops-command-layout { grid-template-columns:1fr; gap:8px; padding:8px; }
  .ops-lead-metric { min-height:205px; padding:15px; }
  .ops-lead-metric > strong { margin-top:14px; font-size:46px; }
  .ops-time-command { min-height:218px; }
  .ops-time-total { min-height:72px; }
  .ops-time-total em { display:none; }
  .ops-time-split button { min-height:98px; }
  .ops-status-stack { grid-column:auto; grid-template-columns:1fr; grid-template-rows:repeat(4,minmax(58px,auto)); }
  .ops-status-row { grid-template-columns:34px 30px minmax(0,1fr) 14px; gap:8px; padding:9px 10px; }
  .ops-status-row:nth-child(odd) { border-right:0; }
  .ops-status-row:nth-child(3) { border-bottom:1px solid var(--border); }
  .ops-status-icon { width:32px; height:32px; }
  .ops-status-value { font-size:18px; }
  .ops-status-copy small { font-size:8px; }
}
@media(orientation:landscape) and (max-height:560px) {
  .bottom-nav { position:relative; top:auto; bottom:auto; }
  .ops-command-layout { grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(230px,.9fr); }
  .ops-status-stack { grid-column:auto; grid-template-columns:1fr; grid-template-rows:repeat(4,minmax(52px,1fr)); }
  .ops-status-row:nth-child(odd) { border-right:0; }
  .ops-status-row:nth-child(3) { border-bottom:1px solid var(--border); }
}
@media(prefers-reduced-motion:reduce) {
  .ops-lead-metric,.ops-time-split button,.ops-status-row { transition:none!important; }
}

/* v62 — one cohesive command console; less repetition, stronger information hierarchy. */
.ops-overview { border:1px solid var(--border); border-top:3px solid var(--brand); }
.ops-overview-head {
  min-height:78px;
  padding:14px 16px 13px;
  background:var(--surface);
}
.ops-overview-head h1 { margin-top:4px; font-size:26px; }
.ops-overview-head p { margin-top:5px; }
.ops-command-console {
  display:grid;
  gap:9px;
  padding:11px;
  border-top:1px solid var(--border);
  background:color-mix(in srgb,var(--canvas) 72%,var(--surface));
}
.ops-performance-row {
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(230px,.8fr);
  gap:8px;
}
.ops-visit-progress,
.ops-live-brief,
.ops-time-brief,
.ops-action-row {
  min-width:0;
  border:1px solid var(--border);
  border-radius:15px;
  background:var(--surface);
  box-shadow:var(--shadow-sm);
}
.ops-visit-progress {
  min-height:142px;
  display:grid;
  grid-template-columns:92px minmax(0,1fr) 18px;
  align-items:center;
  gap:14px;
  padding:14px 16px;
  color:var(--ink);
  border-left:4px solid var(--brand);
  text-align:left;
  cursor:pointer;
  touch-action:manipulation;
  transition:border-color 170ms ease,background 170ms ease,box-shadow 170ms ease,transform 100ms ease;
}
.ops-visit-progress:hover,.ops-visit-progress:focus-visible { border-color:var(--brand); background:color-mix(in srgb,var(--brand-soft) 38%,var(--surface)); box-shadow:0 9px 24px color-mix(in srgb,var(--brand) 10%,transparent); }
.ops-visit-progress:active { transform:scale(.992); }
.ops-progress-ring {
  --completion:0deg;
  width:86px;
  height:86px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:conic-gradient(var(--brand) 0 var(--completion),var(--border) var(--completion) 360deg);
}
.ops-progress-ring > span { width:68px; height:68px; display:grid; place-content:center; justify-items:center; border-radius:50%; background:var(--surface); }
.ops-progress-ring strong { color:var(--ink); font-size:29px; line-height:.9; letter-spacing:-.05em; font-variant-numeric:tabular-nums; }
.ops-progress-ring small { margin-top:5px; color:var(--muted); font-size:8px; font-weight:800; }
.ops-visit-copy { min-width:0; display:grid; gap:5px; }
.ops-visit-copy small { color:var(--brand); font-size:8.5px; font-weight:900; letter-spacing:.12em; }
.ops-visit-copy strong { color:var(--ink); font-size:18px; line-height:1.12; letter-spacing:-.025em; }
.ops-visit-copy em { color:var(--muted); font-size:9.5px; font-style:normal; }
.ops-visit-progress > svg { width:18px; height:18px; color:var(--brand); }
.ops-live-brief { overflow:hidden; display:grid; grid-template-rows:repeat(2,minmax(66px,1fr)); }
.ops-live-brief .ops-status-row { min-height:66px; border-bottom:1px solid var(--border); }
.ops-live-brief .ops-status-row:last-child { border-bottom:0; }
.ops-status-row { grid-template-columns:38px minmax(0,1fr) 16px; padding:9px 11px; }
.ops-status-icon { width:38px; height:38px; border-radius:11px; }
.ops-status-icon svg { width:19px; height:19px; }
.ops-status-copy > span { min-width:0; display:flex; align-items:baseline; gap:8px; }
.ops-status-value { flex:0 0 auto; color:var(--ink); font-size:23px; font-weight:900; line-height:1; font-variant-numeric:tabular-nums; }
.ops-status-copy strong { font-size:11px; }
.ops-status-copy small { font-size:8.5px; }
.ops-time-brief {
  display:grid;
  grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);
  grid-template-rows:auto auto;
  align-items:center;
  gap:8px 12px;
  padding:10px;
}
.ops-time-brief .ops-time-total {
  grid-column:1;
  grid-row:1 / span 2;
  min-height:96px;
  grid-template-columns:42px minmax(0,1fr) auto 16px;
  padding:10px 11px;
  border:1px solid var(--border);
  background:var(--canvas);
}
.ops-time-brief .ops-time-total > span:nth-child(2) { display:grid; grid-template-columns:1fr; gap:3px; }
.ops-time-brief .ops-time-total small,.ops-time-brief .ops-time-total strong { grid-column:auto; }
.ops-time-brief .ops-time-total > em { display:block; grid-column:auto; grid-row:auto; align-self:center; color:var(--authority); font-size:8px; font-style:normal; font-weight:850; white-space:nowrap; }
.ops-time-brief .ops-time-total strong { font-size:24px; }
.ops-time-brief .ops-allocation-track { grid-column:2; grid-row:1; height:8px; margin:4px 2px 0; }
.ops-time-brief .ops-time-split { grid-column:2; grid-row:2; margin:0; }
.ops-time-brief .ops-time-split button { min-height:80px; padding:9px; background:var(--surface); }
.ops-time-brief .ops-time-split strong { font-size:16px; }
.ops-action-row { overflow:hidden; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.ops-action-row .ops-status-row { min-height:62px; border-bottom:0; }
.ops-action-row .ops-status-row:first-child { border-right:1px solid var(--border); }

@media(max-width:720px) {
  .ops-performance-row { grid-template-columns:minmax(0,1.1fr) minmax(205px,.9fr); }
  .ops-time-brief { grid-template-columns:minmax(190px,.75fr) minmax(0,1.25fr); }
  .ops-time-brief .ops-time-total > em { display:none; }
}
@media(max-width:430px) {
  .ops-overview { border-radius:17px; }
  .ops-overview-head { min-height:70px; padding:12px 13px 11px; }
  .ops-overview-head h1 { font-size:22px; }
  .ops-command-console { gap:7px; padding:7px; }
  .ops-performance-row { grid-template-columns:1fr; gap:7px; }
  .ops-visit-progress { min-height:124px; grid-template-columns:78px minmax(0,1fr) 16px; gap:11px; padding:12px; }
  .ops-progress-ring { width:76px; height:76px; }
  .ops-progress-ring > span { width:60px; height:60px; }
  .ops-progress-ring strong { font-size:26px; }
  .ops-visit-copy strong { font-size:16px; }
  .ops-live-brief { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:1fr; }
  .ops-live-brief .ops-status-row { min-height:64px; grid-template-columns:32px minmax(0,1fr) 12px; gap:7px; padding:8px; border-bottom:0; }
  .ops-live-brief .ops-status-row:first-child { border-right:1px solid var(--border); }
  .ops-live-brief .ops-status-icon { width:32px; height:32px; }
  .ops-live-brief .ops-status-value { font-size:18px; }
  .ops-live-brief .ops-status-copy > span { gap:5px; }
  .ops-live-brief .ops-status-copy strong { font-size:9.5px; }
  .ops-live-brief .ops-status-copy small { font-size:7.5px; }
  .ops-time-brief { grid-template-columns:1fr; grid-template-rows:auto auto auto; gap:7px; padding:8px; }
  .ops-time-brief .ops-time-total { grid-column:1; grid-row:1; min-height:62px; grid-template-columns:36px minmax(0,1fr) auto 14px; padding:7px 8px; }
  .ops-time-brief .ops-time-icon { width:36px; height:36px; }
  .ops-time-brief .ops-time-total > em { display:block; }
  .ops-time-brief .ops-time-total strong { font-size:21px; }
  .ops-time-brief .ops-allocation-track { grid-column:1; grid-row:2; margin:1px 2px; }
  .ops-time-brief .ops-time-split { grid-column:1; grid-row:3; }
  .ops-time-brief .ops-time-split button { min-height:74px; }
  .ops-action-row .ops-status-row { min-height:62px; grid-template-columns:32px minmax(0,1fr) 12px; gap:7px; padding:8px; }
  .ops-action-row .ops-status-icon { width:32px; height:32px; }
  .ops-action-row .ops-status-value { font-size:18px; }
  .ops-action-row .ops-status-copy > span { gap:5px; }
  .ops-action-row .ops-status-copy strong { font-size:9.5px; }
  .ops-action-row .ops-status-copy small { font-size:7.5px; }
}
@media(prefers-reduced-motion:reduce) {
  .ops-visit-progress { transition:none!important; }
}

/* v63 — concise executive dashboard and Telegram-safe product identity. */
body.telegram-host .topbar {
  min-height:76px;
  padding-top:max(10px,var(--app-safe-top));
  padding-right:max(clamp(88px,19vw,140px),var(--app-safe-right));
  padding-left:max(clamp(112px,22vw,158px),var(--app-safe-left));
}
body.telegram-host .topbar-copy { text-align:center; }
body.telegram-host .topbar-copy > span { justify-content:center; }

.ops-overview {
  overflow:hidden;
  border:1px solid var(--border);
  border-top:0;
  border-radius:20px;
  background:var(--surface);
  box-shadow:0 14px 34px rgba(12,41,66,.09);
}
.ops-overview-head {
  min-height:72px;
  padding:13px 15px;
  border-bottom:1px solid var(--border);
  border-left:4px solid var(--brand);
  background:linear-gradient(100deg,var(--surface),color-mix(in srgb,var(--brand-soft) 28%,var(--surface)));
}
.ops-overview-head h1 { margin-top:4px; font-size:24px; letter-spacing:-.04em; }
.ops-overview-head p { margin-top:5px; font-size:9.5px; }
.ops-executive-grid {
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(0,1.08fr) minmax(250px,.9fr);
  gap:9px;
  padding:10px;
  background:color-mix(in srgb,var(--canvas) 74%,var(--surface));
}
.ops-executive-card {
  min-width:0;
  min-height:166px;
  color:var(--ink);
  border:1px solid var(--border);
  border-radius:15px;
  background:var(--surface);
  box-shadow:var(--shadow-sm);
}
button.ops-executive-card {
  text-align:left;
  cursor:pointer;
  touch-action:manipulation;
  transition:border-color 180ms ease,background 180ms ease,box-shadow 180ms ease,transform 100ms ease;
}
button.ops-executive-card:hover,button.ops-executive-card:focus-visible {
  border-color:color-mix(in srgb,var(--brand) 48%,var(--border));
  background:color-mix(in srgb,var(--brand-soft) 22%,var(--surface));
  box-shadow:0 9px 22px color-mix(in srgb,var(--brand) 9%,transparent);
}
button.ops-executive-card:active { transform:scale(.992); }
.ops-visit-overview {
  display:grid;
  grid-template-columns:78px minmax(0,1fr);
  align-items:center;
  gap:14px;
  padding:15px;
  border-left:4px solid var(--brand);
}
.ops-visit-overview .ops-progress-ring { width:76px; height:76px; }
.ops-visit-overview .ops-progress-ring > span { width:59px; height:59px; }
.ops-visit-overview .ops-progress-ring strong { font-size:20px; letter-spacing:-.04em; }
.ops-visit-overview .ops-progress-ring small { margin-top:3px; font-size:7px; }
.ops-visit-copy { min-width:0; display:grid; gap:5px; }
.ops-visit-copy > small { color:var(--brand); font-size:8px; font-weight:900; letter-spacing:.13em; }
.ops-visit-copy > strong { color:var(--ink); font-size:21px; line-height:1.05; letter-spacing:-.035em; }
.ops-visit-copy > em { color:var(--muted); font-size:9px; font-style:normal; }
.ops-card-link { display:flex; align-items:center; gap:4px; margin-top:6px; color:var(--brand); font-size:8px; font-weight:850; }
.ops-card-link svg { width:13px; height:13px; }

.ops-allocation-card {
  display:grid;
  grid-template-columns:104px minmax(0,1fr);
  align-items:center;
  gap:13px;
  padding:13px;
  border-left:4px solid var(--success);
}
.ops-allocation-donut {
  width:96px;
  height:96px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:conic-gradient(var(--success) 0 var(--onsite-stop),var(--info) var(--onsite-stop) var(--travel-stop),var(--border) var(--travel-stop) 360deg);
}
.ops-allocation-donut > span {
  width:70px;
  height:70px;
  display:grid;
  place-content:center;
  justify-items:center;
  border-radius:50%;
  background:var(--surface);
  box-shadow:inset 0 0 0 1px var(--border);
}
.ops-allocation-donut strong { color:var(--ink); font-size:16px; line-height:1; letter-spacing:-.04em; font-variant-numeric:tabular-nums; }
.ops-allocation-donut small { margin-top:5px; color:var(--muted); font-size:7px; font-weight:800; }
.ops-allocation-legend { min-width:0; display:grid; gap:7px; }
.ops-allocation-legend > span {
  min-width:0;
  display:grid;
  grid-template-columns:8px minmax(0,1fr) auto 29px;
  align-items:center;
  gap:6px;
  padding-bottom:6px;
  border-bottom:1px solid var(--border);
}
.ops-allocation-legend > span:last-child { padding-bottom:0; border-bottom:0; }
.ops-allocation-legend i { width:8px; height:8px; border-radius:50%; }
.ops-allocation-legend i.onsite { background:var(--success); }
.ops-allocation-legend i.travel { background:var(--info); }
.ops-allocation-legend i.other { background:var(--subtle); }
.ops-allocation-legend small { overflow:hidden; color:var(--muted); font-size:8px; font-weight:750; text-overflow:ellipsis; white-space:nowrap; }
.ops-allocation-legend strong { color:var(--ink); font-size:11px; font-variant-numeric:tabular-nums; }
.ops-allocation-legend em { color:var(--subtle); font-size:8px; font-style:normal; text-align:right; }

.ops-pulse-card { overflow:hidden; display:grid; grid-template-rows:auto 1fr; }
.ops-pulse-card > header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:11px 12px 9px;
  border-bottom:1px solid var(--border);
}
.ops-pulse-card > header div { min-width:0; display:grid; gap:2px; }
.ops-pulse-card > header small { color:var(--authority); font-size:7.5px; font-weight:900; letter-spacing:.12em; }
.ops-pulse-card > header strong { overflow:hidden; color:var(--ink); font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.ops-pulse-card > header > span { flex:0 0 auto; padding:4px 7px; color:var(--muted); border:1px solid var(--border); border-radius:999px; background:var(--canvas); font-size:7px; font-weight:800; }
.ops-pulse-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.ops-pulse-grid .ops-status-row {
  min-height:56px;
  grid-template-columns:30px minmax(0,1fr) 11px;
  gap:6px;
  padding:7px;
  border:0;
  border-right:1px solid var(--border);
  border-bottom:1px solid var(--border);
}
.ops-pulse-grid .ops-status-row:nth-child(even) { border-right:0; }
.ops-pulse-grid .ops-status-row:nth-last-child(-n+2) { border-bottom:0; }
.ops-pulse-grid .ops-status-icon { width:30px; height:30px; border-radius:9px; }
.ops-pulse-grid .ops-status-icon svg { width:15px; height:15px; }
.ops-pulse-grid .ops-status-copy > span { gap:5px; }
.ops-pulse-grid .ops-status-value { font-size:17px; }
.ops-pulse-grid .ops-status-copy strong { font-size:8.5px; }
.ops-pulse-grid .ops-status-copy small { font-size:7px; }
.ops-pulse-grid .ops-status-row > svg { width:11px; height:11px; }

.pulse-person-meta em:first-child { display:inline-flex; align-items:center; gap:3px; color:var(--authority); }
.pulse-person-meta svg { width:10px; height:10px; stroke-width:2; }

@media(max-width:820px) {
  .ops-executive-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ops-pulse-card { grid-column:1 / -1; min-height:140px; }
}
@media(max-width:430px) {
  body.telegram-host .topbar {
    min-height:70px;
    padding-right:max(88px,var(--app-safe-right));
    padding-left:max(112px,var(--app-safe-left));
  }
  body.telegram-host .topbar-copy strong { font-size:12px; }
  body.telegram-host .topbar-copy > span { display:none; }
  .ops-overview { border-radius:16px; }
  .ops-overview-head { min-height:66px; padding:11px 12px; }
  .ops-overview-head h1 { font-size:20px; }
  .ops-overview-head p { font-size:8px; }
  .ops-executive-grid { grid-template-columns:1fr; gap:7px; padding:7px; }
  .ops-executive-card { min-height:0; border-radius:13px; }
  .ops-visit-overview { min-height:112px; grid-template-columns:70px minmax(0,1fr); gap:11px; padding:11px; }
  .ops-visit-overview .ops-progress-ring { width:68px; height:68px; }
  .ops-visit-overview .ops-progress-ring > span { width:53px; height:53px; }
  .ops-visit-overview .ops-progress-ring strong { font-size:18px; }
  .ops-visit-copy > strong { font-size:18px; }
  .ops-card-link { margin-top:3px; }
  .ops-allocation-card { min-height:122px; grid-template-columns:86px minmax(0,1fr); gap:10px; padding:10px; }
  .ops-allocation-donut { width:80px; height:80px; }
  .ops-allocation-donut > span { width:59px; height:59px; }
  .ops-allocation-donut strong { font-size:14px; }
  .ops-allocation-legend { gap:5px; }
  .ops-allocation-legend > span { grid-template-columns:7px minmax(0,1fr) auto 27px; gap:5px; padding-bottom:5px; }
  .ops-pulse-card { grid-column:auto; min-height:141px; }
  .ops-pulse-card > header { padding:9px 10px 8px; }
  .ops-pulse-grid .ops-status-row { min-height:52px; }
  .team-board { margin-top:10px; }
  .pulse-person-meta { gap:3px 6px; }
}
@media(orientation:landscape) and (max-height:560px) {
  body.telegram-host .topbar {
    padding-right:max(clamp(88px,19vw,140px),var(--app-safe-right));
    padding-left:max(clamp(112px,22vw,158px),var(--app-safe-left));
  }
  .ops-executive-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .ops-pulse-card { grid-column:auto; }
  .ops-allocation-card { grid-template-columns:74px minmax(0,1fr); gap:7px; padding:8px; }
  .ops-allocation-donut { width:70px; height:70px; }
  .ops-allocation-donut > span { width:52px; height:52px; }
  .ops-allocation-donut strong { font-size:12px; }
  .ops-allocation-legend > span { grid-template-columns:7px minmax(46px,1fr) auto 24px; gap:4px; }
  .ops-allocation-legend small { font-size:7px; }
  .ops-allocation-legend strong { font-size:9px; }
  .ops-allocation-legend em { font-size:7px; }
}
@media(prefers-reduced-motion:reduce) {
  button.ops-executive-card { transition:none!important; }
}

/* v64 — operational state surfaces for the people-in-field board. */
.pulse-person {
  --person-state-accent:var(--subtle);
  --person-state-surface:var(--canvas);
  position:relative;
  overflow:hidden;
  border-color:color-mix(in srgb,var(--person-state-accent) 28%,var(--border));
  border-left:4px solid var(--person-state-accent);
  background:linear-gradient(105deg,var(--person-state-surface),color-mix(in srgb,var(--person-state-surface) 26%,var(--surface)) 62%,var(--surface));
  box-shadow:0 7px 18px color-mix(in srgb,var(--person-state-accent) 7%,transparent);
}
.pulse-person.person-state-in-store {
  --person-state-accent:var(--success);
  --person-state-surface:color-mix(in srgb,var(--success-soft) 78%,var(--surface));
}
.pulse-person.person-state-active {
  --person-state-accent:var(--info);
  --person-state-surface:color-mix(in srgb,var(--info-soft) 80%,var(--surface));
}
.pulse-person.person-state-pending-close {
  --person-state-accent:var(--warning);
  --person-state-surface:color-mix(in srgb,var(--warning-soft) 82%,var(--surface));
}
.pulse-person.person-state-closed {
  --person-state-accent:var(--authority);
  --person-state-surface:color-mix(in srgb,var(--authority-soft) 64%,var(--surface));
}
.pulse-person.person-state-not-started {
  --person-state-accent:var(--subtle);
  --person-state-surface:color-mix(in srgb,var(--canvas) 88%,var(--surface));
}
.pulse-person:hover,.pulse-person:focus-visible {
  border-color:color-mix(in srgb,var(--person-state-accent) 52%,var(--border));
  background:linear-gradient(105deg,color-mix(in srgb,var(--person-state-surface) 88%,var(--surface)),var(--surface));
  box-shadow:0 10px 24px color-mix(in srgb,var(--person-state-accent) 12%,transparent);
}
.pulse-person-stats {
  border-color:color-mix(in srgb,var(--person-state-accent) 18%,var(--border));
  background:color-mix(in srgb,var(--person-state-surface) 58%,var(--surface));
}
.pulse-person-stats > span { border-left-color:color-mix(in srgb,var(--person-state-accent) 18%,var(--border)); }
@media(prefers-reduced-motion:reduce) {
  .pulse-person { transition:none!important; }
}

/* v65 — focused, task-first Reporting workspace. */
.team-report-filter-card {
  gap:10px;
  margin-bottom:12px;
  padding:12px;
  border:1px solid var(--border);
  border-top:3px solid var(--authority);
  border-left:1px solid var(--border);
  border-radius:16px;
  background:var(--surface);
  box-shadow:var(--shadow-sm);
}
.team-filter-heading {
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:1px 2px 9px;
  border-bottom:1px solid var(--border);
}
.team-filter-heading > div { min-width:0; display:grid; gap:2px; }
.team-filter-heading strong { color:var(--ink); font-size:15px; line-height:1.25; }
.team-filter-heading small { color:var(--muted); font-size:9.5px; line-height:1.4; }
.team-filter-heading > span {
  flex:0 0 auto;
  padding:5px 8px;
  color:var(--success);
  border:1px solid color-mix(in srgb,var(--success) 22%,var(--border));
  border-radius:999px;
  background:var(--success-soft);
  font-size:8px;
  font-weight:850;
  letter-spacing:.08em;
}

.period-control {
  gap:8px;
  padding:9px;
  border:1px solid var(--border);
  border-radius:13px;
  background:var(--surface);
  box-shadow:none;
}
.period-control-head { min-height:34px; padding:0 2px; }
.period-control-head > div { gap:8px; color:var(--ink); }
.period-control-head > div > span {
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  color:var(--authority);
  border-radius:9px;
  background:var(--authority-soft);
}
.period-control-head > div svg { width:16px; height:16px; }
.period-control-head strong { font-size:11px; }
.period-control-head > span {
  padding:4px 7px;
  color:var(--muted);
  border:0;
  background:var(--canvas);
  font-size:8px;
}
.period-control .date-presets {
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:3px;
  padding:3px;
  border:1px solid var(--border);
  border-radius:11px;
  background:var(--canvas);
}
.period-control .date-presets button {
  min-height:42px;
  padding:6px 5px;
  color:var(--muted);
  border:0;
  border-radius:8px;
  background:transparent;
  box-shadow:none;
  font-size:9px;
  cursor:pointer;
}
.period-control .date-presets button:hover,.period-control .date-presets button:focus-visible { color:var(--authority); background:var(--authority-soft); }
.period-control .date-presets button.active { color:var(--surface); border:0; background:var(--authority); box-shadow:none; }
.period-control.custom-range-open .report-date-grid {
  grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr)!important;
  gap:5px;
  padding-top:2px;
}
.period-control .report-date-grid label { gap:2px; padding:7px 9px; border-radius:10px; background:var(--canvas); box-shadow:none; }
.period-control .report-date-grid input { min-height:44px!important; font-size:11px; }
.period-control .period-arrow { width:16px; height:44px; margin:0; color:var(--muted); background:transparent; }

.team-people-picker { gap:8px; padding:9px; border-radius:13px; background:var(--canvas); }
.team-people-picker-head > div { display:grid; grid-template-columns:1fr; gap:2px; }
.team-people-picker-head strong { font-size:12px; }
.team-people-picker-head small { font-size:9px; }
.team-people-picker-head > span { color:var(--authority); border-color:var(--border); background:var(--surface); }
.team-people-search { min-height:46px; border-radius:11px; }
.team-person-option { min-height:58px; border-radius:11px; box-shadow:none; }
.team-all-avatar {
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  color:var(--authority);
  border-radius:11px;
  background:var(--authority-soft);
  font-size:9px;
  font-weight:900;
  letter-spacing:.06em;
}
.team-report-filter-card.focused-report {
  margin-bottom:8px;
  padding:7px;
  border-top-width:1px;
  border-radius:13px;
}
.team-report-filter-card.focused-report .team-filter-heading,
.team-report-filter-card.focused-report .team-people-picker { display:none; }
.team-report-filter-card.focused-report .period-control { padding:5px; border:0; background:transparent; }
.team-report-filter-card.focused-report .period-control-head { display:none; }

.team-report-hero {
  padding:15px;
  color:var(--ink);
  border:1px solid var(--border);
  border-top:3px solid var(--authority);
  border-radius:16px;
  background:var(--surface);
  box-shadow:var(--shadow-sm);
}
.team-report-hero .eyebrow { color:var(--brand); }
.team-report-hero .report-hero-top h2 { color:var(--ink); font-size:21px; }
.team-report-hero .report-hero-top p { color:var(--muted); }
.people-performance-section { border-top:3px solid var(--authority); }

.person-visit-section { box-shadow:none; }
.person-visit-heading {
  border-left:4px solid var(--authority);
  background:var(--surface);
}
.person-visit-heading .eyebrow { color:var(--authority); }
.person-visit-heading h2 { color:var(--ink); }
.person-visit-heading p { color:var(--muted); }
.person-route-count { color:var(--authority); background:var(--authority-soft); }
.person-visit-guide { color:var(--muted); background:var(--canvas); }
.person-visit-guide svg { color:var(--authority); }
.person-route-leg {
  --route-accent:var(--info);
  --route-soft:var(--info-soft);
  background:color-mix(in srgb,var(--route-soft) 52%,var(--surface));
}
.person-route-leg:hover,.person-route-leg:focus-visible { background:var(--route-soft); box-shadow:inset 3px 0 0 var(--route-accent); }
.person-route-leg:active { background:color-mix(in srgb,var(--route-soft) 78%,var(--surface)); }
.person-route-leg-line i { border-color:var(--route-accent); }
.person-route-leg-icon { color:var(--route-accent); background:var(--route-soft); }
.person-route-leg-copy small,.person-route-leg-open { color:var(--route-accent); }
.person-route-leg.is-incomplete { --route-accent:var(--warning); --route-soft:var(--warning-soft); }
.route-leg-hero { background:linear-gradient(135deg,var(--info-soft),var(--surface)); }
.route-leg-hero > span,.route-leg-hero small,.route-leg-metrics > div > span { color:var(--info); }
.route-leg-metrics > div > span { background:var(--info-soft); }

@media(max-width:430px) {
  .team-report-filter-card { padding:9px; border-radius:14px; }
  .team-filter-heading small { max-width:245px; }
  .team-filter-heading > span { display:none; }
  .period-control { padding:7px; }
  .period-control .date-presets button { min-height:44px; }
  .period-control.custom-range-open .report-date-grid { grid-template-columns:1fr!important; }
  .period-control.custom-range-open .period-arrow { display:none!important; }
  .team-all-avatar { width:40px; height:40px; }
  .team-report-hero { padding:12px; border-radius:14px; }
  .person-visit-heading { padding:12px; }
}
@media(prefers-reduced-motion:reduce) {
  .period-control .date-presets button,.team-person-option,.person-route-leg { transition:none!important; }
}

/* v70 — executive command dashboard: mobility, coverage, and stronger field states. */
.ops-overview-head {
  background:linear-gradient(100deg,var(--surface) 0 72%,color-mix(in srgb,var(--brand-soft) 62%,var(--surface)));
}
.ops-executive-grid {
  border-bottom:1px solid var(--border);
  background:color-mix(in srgb,var(--canvas) 88%,var(--surface));
}
.ops-allocation-card { border-left-color:var(--authority); }
.ops-allocation-donut {
  background:conic-gradient(var(--success) 0 var(--onsite-stop),var(--brand) var(--onsite-stop) var(--travel-stop),var(--border-strong) var(--travel-stop) 360deg);
  box-shadow:0 0 0 5px color-mix(in srgb,var(--authority-soft) 58%,transparent);
}
.ops-allocation-legend i.travel { background:var(--brand); }
.ops-allocation-legend i.other { background:var(--border-strong); }
.ops-allocation-legend small { color:color-mix(in srgb,var(--ink) 62%,var(--muted)); }

.ops-insight-grid {
  display:grid;
  grid-template-columns:minmax(220px,.82fr) minmax(290px,1.22fr) minmax(250px,1fr);
  gap:9px;
  padding:10px;
  background:color-mix(in srgb,var(--canvas) 66%,var(--surface));
}
.ops-insight-card {
  min-width:0;
  min-height:142px;
  display:grid;
  align-content:start;
  gap:12px;
  padding:13px;
  color:var(--ink);
  text-align:left;
  border:1px solid var(--border);
  border-radius:15px;
  background:var(--surface);
  box-shadow:var(--shadow-sm);
  cursor:pointer;
  touch-action:manipulation;
  transition:border-color 180ms ease,background 180ms ease,box-shadow 180ms ease,transform 100ms ease;
}
.ops-insight-card:hover,.ops-insight-card:focus-visible {
  border-color:color-mix(in srgb,var(--insight-accent,var(--authority)) 55%,var(--border));
  background:color-mix(in srgb,var(--insight-soft,var(--authority-soft)) 44%,var(--surface));
  box-shadow:0 9px 22px color-mix(in srgb,var(--insight-accent,var(--authority)) 10%,transparent);
}
.ops-insight-card:active { transform:scale(.992); }
.ops-insight-heading {
  min-width:0;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 15px;
  align-items:center;
  gap:9px;
}
.ops-insight-heading > svg { width:15px; height:15px; color:var(--subtle); }
.ops-insight-heading > span:nth-child(2) { min-width:0; display:grid; gap:2px; }
.ops-insight-heading small { color:var(--insight-accent,var(--authority)); font-size:7px; font-weight:900; letter-spacing:.13em; }
.ops-insight-heading strong { overflow:hidden; color:var(--ink); font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.ops-insight-icon {
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  color:var(--insight-accent,var(--authority));
  border-radius:10px;
  background:var(--insight-soft,var(--authority-soft));
}
.ops-insight-icon svg { width:18px; height:18px; }
.ops-mobility-card { --insight-accent:var(--authority); --insight-soft:var(--authority-soft); border-left:4px solid var(--authority); }
.ops-region-card { --insight-accent:var(--success); --insight-soft:var(--success-soft); border-left:4px solid var(--success); }
.ops-retailer-card { --insight-accent:var(--brand); --insight-soft:var(--brand-soft); border-left:4px solid var(--brand); }
.ops-mobility-values {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--authority) 28%,var(--border));
  border-radius:12px;
  background:color-mix(in srgb,var(--authority-soft) 64%,var(--surface));
}
.ops-mobility-values > span { min-width:0; display:grid; grid-template-columns:26px minmax(0,1fr); align-content:center; align-items:center; gap:7px; min-height:64px; padding:9px; }
.ops-mobility-values > span + span { border-left:1px solid color-mix(in srgb,var(--authority) 22%,var(--border)); }
.ops-mobility-values > span > i { width:26px; height:26px; display:grid; place-items:center; color:var(--authority); border-radius:8px; background:var(--surface); box-shadow:inset 0 0 0 1px var(--border); }
.ops-mobility-values > span > i svg { width:15px; height:15px; }
.ops-mobility-values > span > span { min-width:0; display:grid; gap:2px; }
.ops-mobility-values small { color:var(--muted); font-size:7.5px; font-weight:800; text-transform:uppercase; }
.ops-mobility-values strong { color:var(--ink); font-size:18px; line-height:1.1; letter-spacing:-.035em; font-variant-numeric:tabular-nums; }
.ops-mobility-values strong em { font-size:9px; font-style:normal; letter-spacing:0; }
.ops-mobility-values b { color:var(--brand); font-size:7px; font-weight:900; }
.ops-region-list {
  min-height:70px;
  display:flex;
  align-items:flex-start;
  justify-content:space-around;
  gap:7px;
}
.ops-region-item { min-width:48px; display:grid; justify-items:center; gap:5px; }
.ops-region-ring {
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:conic-gradient(var(--success) 0 var(--region-share),color-mix(in srgb,var(--success-soft) 76%,var(--surface)) var(--region-share) 360deg);
}
.ops-region-ring::before { content:""; grid-area:1 / 1; width:41px; height:41px; border-radius:50%; background:var(--surface); box-shadow:inset 0 0 0 1px var(--border); }
.ops-region-ring strong,.ops-region-ring small { z-index:1; grid-area:1 / 1; font-variant-numeric:tabular-nums; }
.ops-region-ring strong { align-self:center; margin-top:-7px; color:var(--ink); font-size:15px; }
.ops-region-ring small { align-self:center; margin-top:15px; color:var(--muted); font-size:6px; font-weight:800; }
.ops-region-item > em { max-width:60px; overflow:hidden; color:var(--ink); font-size:7px; font-style:normal; font-weight:800; text-align:center; text-overflow:ellipsis; white-space:nowrap; }
.ops-region-more { min-width:40px; min-height:52px; display:grid; place-content:center; justify-items:center; color:var(--success); border:1px dashed color-mix(in srgb,var(--success) 42%,var(--border)); border-radius:12px; background:var(--success-soft); font-size:12px; font-weight:900; }
.ops-region-more small { color:var(--muted); font-size:6px; }
.ops-coverage-empty { align-self:center; color:var(--muted); font-size:9px; }
.ops-retailer-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
.ops-retailer-item {
  min-width:0;
  min-height:68px;
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  align-content:center;
  align-items:center;
  gap:1px 6px;
  padding:8px;
  border:1px solid var(--border);
  border-radius:11px;
  background:var(--retailer-soft,var(--canvas));
}
.ops-retailer-item > span { grid-row:1 / 3; width:22px; height:22px; display:grid; place-items:center; color:var(--retailer-accent,var(--authority)); border-radius:7px; background:var(--surface); }
.ops-retailer-item svg { width:13px; height:13px; }
.ops-retailer-item strong { color:var(--ink); font-size:15px; line-height:1; font-variant-numeric:tabular-nums; }
.ops-retailer-item em { overflow:hidden; color:var(--muted); font-size:7px; font-style:normal; font-weight:800; text-overflow:ellipsis; white-space:nowrap; }
.ops-retailer-item.retailer-1 { --retailer-accent:var(--brand); --retailer-soft:color-mix(in srgb,var(--brand-soft) 78%,var(--surface)); }
.ops-retailer-item.retailer-2 { --retailer-accent:var(--success); --retailer-soft:color-mix(in srgb,var(--success-soft) 84%,var(--surface)); }
.ops-retailer-item.retailer-3 { --retailer-accent:var(--authority); --retailer-soft:color-mix(in srgb,var(--authority-soft) 78%,var(--surface)); }

.pulse-person {
  border-color:color-mix(in srgb,var(--person-state-accent) 50%,var(--border));
  background:linear-gradient(105deg,var(--person-state-surface) 0 70%,color-mix(in srgb,var(--person-state-surface) 74%,var(--surface)) 100%);
  box-shadow:0 8px 20px color-mix(in srgb,var(--person-state-accent) 11%,transparent);
}
.pulse-person.person-state-in-store { --person-state-surface:color-mix(in srgb,var(--success-soft) 96%,var(--surface)); }
.pulse-person.person-state-active { --person-state-surface:color-mix(in srgb,var(--info-soft) 96%,var(--surface)); }
.pulse-person.person-state-pending-close { --person-state-surface:color-mix(in srgb,var(--warning-soft) 96%,var(--surface)); }
.pulse-person.person-state-closed { --person-state-surface:color-mix(in srgb,var(--authority-soft) 90%,var(--surface)); }
.pulse-person.person-state-not-started { --person-state-surface:color-mix(in srgb,var(--canvas) 96%,var(--surface)); }
.pulse-person-meta { align-items:center; gap:5px 7px; margin-top:5px; }
.pulse-start-time {
  min-height:32px;
  display:inline-grid;
  grid-template-columns:20px auto;
  align-items:center;
  gap:5px;
  padding:4px 8px 4px 5px;
  color:var(--person-state-accent);
  border:1px solid color-mix(in srgb,var(--person-state-accent) 38%,var(--border));
  border-radius:9px;
  background:color-mix(in srgb,var(--surface) 82%,var(--person-state-surface));
}
.pulse-start-time > svg { width:20px; height:20px; padding:3px; border-radius:6px; background:var(--surface); }
.pulse-start-time > span { display:grid; gap:0; }
.pulse-start-time small { color:var(--muted); font-size:6px; font-weight:900; letter-spacing:.1em; }
.pulse-start-time strong { color:var(--ink); font-size:11px; line-height:1.05; font-variant-numeric:tabular-nums; }
.pulse-start-time.not-started { color:var(--subtle); }
.pulse-employee-code { color:var(--muted)!important; font-size:8px!important; font-weight:850!important; }
.pulse-person-stats { grid-template-columns:repeat(5,minmax(0,1fr)); border-color:color-mix(in srgb,var(--person-state-accent) 34%,var(--border)); background:color-mix(in srgb,var(--person-state-surface) 86%,var(--surface)); }
.pulse-person-stats > span { min-height:47px; display:grid; place-content:center; border-left-color:color-mix(in srgb,var(--person-state-accent) 24%,var(--border)); }
.pulse-person-stats .person-road-stat { color:var(--person-state-accent); background:color-mix(in srgb,var(--person-state-accent) 9%,transparent); }
.pulse-person-stats .person-road-stat strong { color:var(--person-state-accent); }

@media(max-width:920px) {
  .ops-insight-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ops-retailer-card { grid-column:1 / -1; }
}
@media(max-width:620px) {
  .ops-insight-grid { grid-template-columns:1fr; gap:7px; padding:7px; }
  .ops-retailer-card { grid-column:auto; }
  .ops-insight-card { min-height:0; border-radius:13px; }
  .ops-region-list { justify-content:flex-start; overflow-x:auto; padding-bottom:2px; scrollbar-width:none; }
  .ops-region-list::-webkit-scrollbar { display:none; }
  .ops-region-item { flex:0 0 52px; }
}
@media(max-width:430px) {
  .ops-insight-card { padding:11px; }
  .ops-mobility-values strong { font-size:17px; }
  .pulse-person-head { grid-template-columns:40px minmax(0,1fr); align-items:start; }
  .pulse-person-state { grid-column:1 / -1; display:flex; justify-content:space-between; justify-items:stretch; }
  .pulse-person-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pulse-person-stats > span { border-top:1px solid color-mix(in srgb,var(--person-state-accent) 24%,var(--border)); }
  .pulse-person-stats > span:nth-child(-n+2) { border-top:0; }
  .pulse-person-stats > span:nth-child(odd) { border-left:0; }
  .pulse-person-stats .person-road-stat { grid-column:1 / -1; }
}
@media(prefers-reduced-motion:reduce) {
  .ops-insight-card { transition:none!important; }
}

/* Reporting workspace v71 — decision-first hierarchy */
#screen-customers { padding-bottom:calc(104px + env(safe-area-inset-bottom)); }
#screen-customers .intelligence-header {
  min-height:76px;
  grid-template-columns:minmax(0,1fr) auto;
  padding:12px 16px;
  border:1px solid var(--border);
  border-left:4px solid var(--brand);
  border-radius:18px;
  background:var(--surface);
  box-shadow:var(--shadow-sm);
}
#screen-customers .intelligence-brand { gap:11px; }
#screen-customers .intelligence-logo { width:44px; height:44px; border-radius:12px; }
#screen-customers .intelligence-brand h1 { margin:1px 0 0; font-size:22px; letter-spacing:-.035em; }
#screen-customers .intelligence-brand p { display:none; }
#screen-customers .intelligence-live { padding:0; border:0; background:transparent; }
#screen-customers .intelligence-live small { display:none; }

.reporting-hub {
  display:grid;
  gap:14px;
  margin-top:14px;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.reporting-hub-head {
  min-height:82px;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:15px 16px;
  border:1px solid var(--border);
  border-radius:18px;
  background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--authority-soft) 46%,var(--surface)));
  box-shadow:var(--shadow-sm);
}
.reporting-hub-mark { width:48px; height:48px; color:#fff; border-radius:14px; background:var(--authority); box-shadow:none; }
.reporting-hub-head h2 { margin:2px 0; font-size:22px; }
.reporting-hub-head p { font-size:12px; line-height:1.35; }
.reporting-hub-count { display:inline-flex; align-items:center; gap:6px; min-height:32px; padding:6px 10px; color:var(--success); border-color:color-mix(in srgb,var(--success) 35%,var(--border)); background:var(--success-soft); font-size:10px; }
.reporting-hub-count i { width:7px; height:7px; border-radius:50%; background:currentColor; box-shadow:0 0 0 5px color-mix(in srgb,var(--success) 12%,transparent); }

.reporting-global-filter {
  position:sticky;
  top:74px;
  z-index:8;
  display:grid;
  grid-template-columns:minmax(170px,.8fr) minmax(300px,1.4fr);
  align-items:center;
  gap:12px;
  padding:11px 12px;
  border:1px solid color-mix(in srgb,var(--authority) 22%,var(--border));
  border-radius:16px;
  background:color-mix(in srgb,var(--surface) 94%,transparent);
  box-shadow:0 8px 22px rgba(13,42,65,.08);
  backdrop-filter:blur(14px);
}
.reporting-range-label { min-width:0; display:grid; grid-template-columns:38px minmax(0,1fr); align-items:center; gap:9px; }
.reporting-range-label > span { width:38px; height:38px; display:grid; place-items:center; color:var(--authority); border-radius:11px; background:var(--authority-soft); }
.reporting-range-label svg { width:19px; height:19px; }
.reporting-range-label div { min-width:0; display:grid; gap:1px; }
.reporting-range-label strong { color:var(--ink); font-size:12px; }
.reporting-range-label small { overflow:hidden; color:var(--muted); font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.reporting-range-presets { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
.reporting-range-presets button { min-height:40px; padding:7px 9px; color:var(--muted); border:1px solid var(--border); border-radius:10px; background:var(--canvas); font-size:11px; font-weight:800; cursor:pointer; transition:background .18s ease,border-color .18s ease,color .18s ease; }
.reporting-range-presets button:hover,.reporting-range-presets button:focus-visible { color:var(--authority); border-color:var(--authority); }
.reporting-range-presets button.active { color:#fff; border-color:var(--authority); background:var(--authority); }
.reporting-custom-range { grid-column:1 / -1; display:none; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto; align-items:end; gap:8px; padding-top:9px; border-top:1px solid var(--border); }
.reporting-custom-range.open { display:grid; }
.reporting-custom-range label { display:grid; gap:4px; }
.reporting-custom-range label span { color:var(--muted); font-size:10px; font-weight:800; text-transform:uppercase; }
.reporting-custom-range input { min-height:42px; padding:7px 10px; color:var(--ink); border:1px solid var(--border); border-radius:10px; background:var(--surface); font:inherit; font-size:12px; }
.reporting-custom-range > span { align-self:center; color:var(--subtle); }
.reporting-custom-range button { min-height:42px; padding:8px 16px; color:#fff; border:0; border-radius:10px; background:var(--brand); font-weight:850; cursor:pointer; }

.reporting-hub-output { min-height:160px; }
.hub-command {
  display:grid;
  gap:12px;
  padding:16px;
  border:1px solid var(--border);
  border-top:4px solid var(--brand);
  border-radius:20px;
  background:var(--surface);
  box-shadow:0 14px 34px rgba(12,41,66,.08);
}
.hub-command-head { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.hub-command-head h3 { margin:2px 0 0; color:var(--ink); font-size:21px; letter-spacing:-.03em; }
.hub-health { min-height:34px; display:inline-flex; align-items:center; gap:7px; padding:7px 11px; border:1px solid; border-radius:999px; font-size:11px; font-weight:850; white-space:nowrap; }
.hub-health i { width:7px; height:7px; border-radius:50%; background:currentColor; }
.hub-health.healthy { color:var(--success); border-color:color-mix(in srgb,var(--success) 32%,var(--border)); background:var(--success-soft); }
.hub-health.warning { color:#8c5a0d; border-color:color-mix(in srgb,var(--warning) 50%,var(--border)); background:var(--warning-soft); }
.hub-command-grid { display:grid; grid-template-columns:minmax(220px,.78fr) minmax(0,1.55fr); gap:10px; }
.hub-completion,.hub-metric,.hub-time-allocation,.hub-insight-card,.hub-leader,.hub-team-link {
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.hub-completion {
  min-height:170px;
  display:grid;
  grid-template-columns:104px minmax(0,1fr) 20px;
  align-items:center;
  gap:12px;
  padding:15px;
  text-align:left;
  color:var(--ink);
  border:1px solid color-mix(in srgb,var(--brand) 32%,var(--border));
  border-radius:16px;
  background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--brand-soft) 58%,var(--surface)));
}
.hub-completion:hover,.hub-completion:focus-visible { border-color:var(--brand); box-shadow:0 10px 22px color-mix(in srgb,var(--brand) 12%,transparent); }
.hub-completion > svg { width:18px; color:var(--brand); }
.hub-completion > span:nth-child(2) { min-width:0; display:grid; gap:4px; }
.hub-completion > span:nth-child(2) small { color:var(--brand); font-size:10px; font-weight:900; letter-spacing:.1em; }
.hub-completion > span:nth-child(2) strong { color:var(--ink); font-size:20px; line-height:1.15; }
.hub-completion > span:nth-child(2) em { color:var(--muted); font-size:12px; font-style:normal; }
.hub-completion-ring { --hub-completion:0deg; width:100px; height:100px; display:grid; place-items:center; border-radius:50%; background:conic-gradient(var(--brand) var(--hub-completion),color-mix(in srgb,var(--brand) 10%,var(--canvas)) 0); }
.hub-completion-ring > span { width:76px; height:76px; display:grid; place-content:center; text-align:center; border-radius:50%; background:var(--surface); box-shadow:inset 0 0 0 1px var(--border); }
.hub-completion-ring strong { font-size:23px; font-variant-numeric:tabular-nums; }
.hub-completion-ring small { color:var(--muted); font-size:9px; font-weight:800; }
.hub-metric-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.hub-metric {
  --hub-tone:var(--authority);
  --hub-soft:var(--authority-soft);
  min-height:80px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 18px;
  align-items:center;
  gap:9px;
  padding:11px;
  text-align:left;
  color:var(--ink);
  border:1px solid color-mix(in srgb,var(--hub-tone) 25%,var(--border));
  border-radius:14px;
  background:color-mix(in srgb,var(--hub-soft) 35%,var(--surface));
}
.hub-metric:hover,.hub-metric:focus-visible { border-color:var(--hub-tone); background:color-mix(in srgb,var(--hub-soft) 68%,var(--surface)); }
.hub-metric.tone-success { --hub-tone:var(--success); --hub-soft:var(--success-soft); }
.hub-metric.tone-info { --hub-tone:var(--info); --hub-soft:var(--info-soft); }
.hub-metric.tone-warning { --hub-tone:#9a6414; --hub-soft:var(--warning-soft); }
.hub-metric-icon { width:38px; height:38px; display:grid; place-items:center; color:var(--hub-tone); border-radius:11px; background:var(--surface); }
.hub-metric-icon svg { width:19px; height:19px; }
.hub-metric-copy { min-width:0; display:grid; gap:1px; }
.hub-metric-copy small { color:var(--muted); font-size:10px; font-weight:800; }
.hub-metric-copy strong { color:var(--ink); font-size:19px; line-height:1.1; font-variant-numeric:tabular-nums; }
.hub-metric-copy em { overflow:hidden; color:var(--muted); font-size:10px; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }
.hub-metric-open { color:var(--hub-tone); }
.hub-metric-open svg { width:16px; }
.hub-time-allocation { min-height:64px; display:grid; grid-template-columns:minmax(180px,.8fr) minmax(220px,1.4fr) auto 18px; align-items:center; gap:12px; padding:11px 13px; text-align:left; color:var(--ink); border:1px solid var(--border); border-radius:14px; background:var(--canvas); }
.hub-time-allocation > span:first-child { display:grid; gap:1px; }
.hub-time-allocation > span:first-child strong { font-size:12px; }
.hub-time-allocation > span:first-child small { color:var(--muted); font-size:10px; }
.hub-time-track { height:10px; display:flex; overflow:hidden; border-radius:999px; background:var(--border); }
.hub-time-track i.onsite { background:var(--success); }
.hub-time-track i.travel { background:var(--info); }
.hub-time-legend { display:flex; gap:10px; }
.hub-time-legend em { display:flex; align-items:center; gap:4px; color:var(--muted); font-size:10px; font-style:normal; white-space:nowrap; }
.hub-time-legend em i { width:7px; height:7px; border-radius:50%; }
.hub-time-legend em i.onsite { background:var(--success); }
.hub-time-legend em i.travel { background:var(--info); }
.hub-time-allocation > svg { width:16px; color:var(--authority); }

.hub-insights { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:10px; }
.hub-insight-card { min-height:176px; display:grid; align-content:start; gap:12px; padding:14px; text-align:left; color:var(--ink); border:1px solid var(--border); border-radius:16px; background:var(--surface); box-shadow:var(--shadow-sm); }
button.hub-insight-card:hover,button.hub-insight-card:focus-visible { border-color:var(--authority); box-shadow:var(--shadow-md); }
.hub-insight-title { display:grid; grid-template-columns:36px minmax(0,1fr) 16px; align-items:center; gap:9px; }
.hub-insight-title > span:first-child { width:36px; height:36px; display:grid; place-items:center; color:var(--authority); border-radius:10px; background:var(--authority-soft); }
.hub-insight-title > span:first-child svg { width:18px; }
.hub-insight-title > span:nth-child(2) { display:grid; gap:1px; }
.hub-insight-title small { color:var(--muted); font-size:9px; font-weight:900; letter-spacing:.09em; }
.hub-insight-title strong { font-size:14px; }
.hub-insight-title > svg { width:15px; color:var(--subtle); }
.hub-coverage-list { display:grid; gap:8px; }
.hub-coverage-row { display:grid; gap:4px; }
.hub-coverage-row > span { display:flex; justify-content:space-between; gap:8px; }
.hub-coverage-row strong { overflow:hidden; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.hub-coverage-row em { color:var(--muted); font-size:9px; font-style:normal; white-space:nowrap; }
.hub-coverage-row > i { height:5px; overflow:hidden; border-radius:999px; background:var(--canvas); }
.hub-coverage-row > i b { height:100%; display:block; border-radius:inherit; background:linear-gradient(90deg,var(--authority),var(--success)); }
.hub-insight-card.people { grid-template-rows:1fr auto; }
.hub-leader { min-height:108px; display:grid; grid-template-columns:44px minmax(0,1fr) 18px; align-items:center; gap:10px; padding:0; text-align:left; color:var(--ink); border:0; background:transparent; }
.hub-leader-avatar { width:44px; height:44px; border-radius:12px; }
.hub-leader > span:nth-child(2) { min-width:0; display:grid; gap:3px; }
.hub-leader small { color:var(--brand); font-size:9px; font-weight:900; letter-spacing:.08em; }
.hub-leader strong { overflow:hidden; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
.hub-leader em { color:var(--muted); font-size:10px; font-style:normal; }
.hub-leader > b svg { width:16px; color:var(--authority); }
.hub-team-link { min-height:40px; display:flex; align-items:center; justify-content:center; gap:8px; color:var(--authority); border:1px solid color-mix(in srgb,var(--authority) 25%,var(--border)); border-radius:10px; background:var(--authority-soft); font-size:10px; font-weight:850; }
.hub-team-link svg { width:15px; }
.hub-insight-empty { display:grid; place-items:center; min-height:80px; color:var(--muted); font-size:11px; text-align:center; }
.hub-unavailable { min-height:150px; display:flex; align-items:center; justify-content:center; gap:12px; padding:18px; color:var(--muted); border:1px dashed var(--border); border-radius:16px; background:var(--surface); }
.hub-unavailable > svg { width:28px; color:var(--warning); }
.hub-unavailable div { display:grid; gap:2px; }
.hub-unavailable strong { color:var(--ink); }
.hub-unavailable p { margin:0; font-size:11px; }
.hub-unavailable button { min-height:40px; padding:8px 12px; color:#fff; border:0; border-radius:10px; background:var(--brand); font-weight:800; cursor:pointer; }

.reporting-module-section { overflow:hidden; border:1px solid var(--border); border-radius:18px; background:var(--surface); box-shadow:var(--shadow-sm); }
.reporting-module-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 16px; border-bottom:1px solid var(--border); }
.reporting-module-heading h3 { margin:2px 0 0; color:var(--ink); font-size:17px; letter-spacing:-.02em; }
.reporting-module-heading > span { color:var(--muted); font-size:10px; }
.reporting-hub-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:12px; }
.report-entry { min-height:112px; grid-template-columns:44px minmax(0,1fr) 30px; gap:10px; padding:13px; border-radius:14px; box-shadow:none; }
.report-entry-index { display:none; }
.report-entry-icon { width:44px; height:44px; border-radius:12px; }
.report-entry-copy strong { font-size:14px; }
.report-entry-copy small { font-size:10px; white-space:normal; }
.report-entry-copy em { margin-top:3px; font-size:9px; }
.report-entry-arrow { position:static; width:30px; height:30px; border-radius:9px; }

/* Make report filters concise and visually consistent after leaving the hub. */
#screen-customers .report-view-context:not(.hidden) { position:sticky; top:74px; z-index:7; border-color:color-mix(in srgb,var(--authority) 24%,var(--border)); background:color-mix(in srgb,var(--surface) 96%,transparent); backdrop-filter:blur(12px); }
#screen-customers .report-filter-card { gap:10px; padding:13px; border-radius:16px; box-shadow:var(--shadow-sm); }
#reportPanelCustomer > .report-filter-card > .filter-heading,
#reportPanelManagement > .report-filter-card > .filter-heading,
#reportPanelTeam .team-filter-heading { display:none; }
#screen-customers .period-control { padding:9px; border-radius:12px; background:var(--canvas); }
#screen-customers .period-control-head { min-height:36px; }
#screen-customers .date-presets button { min-height:38px; }

@media(max-width:820px) {
  .reporting-global-filter { top:68px; grid-template-columns:1fr; }
  .hub-command-grid { grid-template-columns:1fr; }
  .hub-completion { min-height:138px; grid-template-columns:88px minmax(0,1fr) 18px; }
  .hub-completion-ring { width:84px; height:84px; }
  .hub-completion-ring > span { width:64px; height:64px; }
  .hub-completion-ring strong { font-size:20px; }
  .hub-time-allocation { grid-template-columns:1fr 1.3fr 18px; }
  .hub-time-legend { grid-column:1 / -1; }
  .hub-insights { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hub-insight-card.people { grid-column:1 / -1; }
  .reporting-hub-grid { grid-template-columns:1fr; }
  .report-entry { min-height:88px; }
}

@media(max-width:520px) {
  #screen-customers { padding:12px 10px calc(112px + env(safe-area-inset-bottom)); }
  #screen-customers .intelligence-header { min-height:64px; padding:9px 11px; border-radius:14px; }
  #screen-customers .intelligence-logo { width:38px; height:38px; }
  #screen-customers .intelligence-brand h1 { font-size:19px; }
  #screen-customers .intelligence-brand .eyebrow { font-size:8px; }
  .reporting-hub { gap:10px; margin-top:10px; }
  .reporting-hub-head { min-height:68px; grid-template-columns:42px minmax(0,1fr) auto; gap:9px; padding:10px; border-radius:14px; }
  .reporting-hub-mark { width:42px; height:42px; border-radius:11px; }
  .reporting-hub-head h2 { font-size:18px; }
  .reporting-hub-head p { display:none; }
  .reporting-hub-count { min-height:28px; padding:5px 7px; font-size:9px; }
  .reporting-global-filter { top:64px; gap:8px; padding:8px; border-radius:13px; }
  .reporting-range-label { grid-template-columns:34px minmax(0,1fr); }
  .reporting-range-label > span { width:34px; height:34px; }
  .reporting-range-presets { gap:4px; }
  .reporting-range-presets button { min-height:38px; padding:6px 4px; font-size:10px; }
  .reporting-custom-range { grid-template-columns:1fr auto 1fr; }
  .reporting-custom-range button { grid-column:1 / -1; }
  .hub-command { gap:10px; padding:11px; border-radius:15px; }
  .hub-command-head { align-items:flex-start; }
  .hub-command-head h3 { font-size:18px; }
  .hub-health { min-height:30px; padding:5px 8px; font-size:9px; }
  .hub-completion { min-height:112px; grid-template-columns:72px minmax(0,1fr) 15px; gap:9px; padding:10px; border-radius:13px; }
  .hub-completion-ring { width:70px; height:70px; }
  .hub-completion-ring > span { width:54px; height:54px; }
  .hub-completion-ring strong { font-size:17px; }
  .hub-completion > span:nth-child(2) strong { font-size:16px; }
  .hub-metric-grid { gap:7px; }
  .hub-metric { min-height:98px; grid-template-columns:32px minmax(0,1fr); align-content:center; padding:9px; border-radius:12px; }
  .hub-metric-icon { width:32px; height:32px; }
  .hub-metric-copy strong { font-size:16px; }
  .hub-metric-copy em { white-space:normal; line-height:1.25; }
  .hub-metric-open { display:none; }
  .hub-time-allocation { grid-template-columns:1fr 16px; gap:8px; padding:10px; }
  .hub-time-track { grid-column:1 / -1; }
  .hub-time-legend { display:grid; grid-template-columns:1fr 1fr; }
  .hub-insights { grid-template-columns:1fr; gap:8px; margin-top:8px; }
  .hub-insight-card,.hub-insight-card.people { grid-column:auto; min-height:0; padding:11px; border-radius:13px; }
  .reporting-module-heading { padding:11px; }
  .reporting-module-heading > span { display:none; }
  .reporting-hub-grid { gap:7px; padding:8px; }
  .report-entry { min-height:80px; grid-template-columns:40px minmax(0,1fr) 28px; padding:10px; }
  .report-entry-icon { width:40px; height:40px; }
  .report-entry-copy strong { font-size:13px; }
  .report-entry-copy small { font-size:9px; }
  .bottom-nav { min-height:70px; }
}

[data-theme="dark"] .reporting-hub-head { background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--authority) 16%,var(--surface))); }
[data-theme="dark"] .reporting-global-filter { background:color-mix(in srgb,var(--surface) 93%,transparent); }
[data-theme="dark"] .hub-completion { background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--brand) 10%,var(--surface))); }
[data-theme="dark"] .reporting-range-presets button.active { color:#fff; border-color:#17618c; background:#17618c; }

@media(prefers-reduced-motion:reduce) {
  .hub-completion,.hub-metric,.hub-time-allocation,.hub-insight-card,.hub-leader,.hub-team-link,.reporting-range-presets button { transition:none!important; }
}

/* Executive report detail */
.management-briefing {
  display:grid;
  gap:12px;
  padding:17px;
  border:1px solid var(--border);
  border-top:4px solid var(--authority);
  border-radius:20px;
  background:var(--surface);
  box-shadow:0 14px 34px rgba(12,41,66,.08);
}
.management-briefing-head { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
.management-briefing-head h2 { margin:3px 0; color:var(--ink); font-size:23px; letter-spacing:-.035em; }
.management-briefing-head p { margin:0; color:var(--muted); font-size:12px; }
.executive-metric-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }
.executive-metric {
  --metric-tone:var(--authority);
  --metric-soft:var(--authority-soft);
  min-height:136px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 16px;
  align-items:start;
  gap:9px;
  padding:13px;
  text-align:left;
  color:var(--ink);
  border:1px solid color-mix(in srgb,var(--metric-tone) 28%,var(--border));
  border-radius:15px;
  background:color-mix(in srgb,var(--metric-soft) 35%,var(--surface));
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.executive-metric:hover,.executive-metric:focus-visible { border-color:var(--metric-tone); background:color-mix(in srgb,var(--metric-soft) 64%,var(--surface)); box-shadow:0 8px 18px color-mix(in srgb,var(--metric-tone) 10%,transparent); }
.executive-metric.tone-brand { --metric-tone:var(--brand); --metric-soft:var(--brand-soft); }
.executive-metric.tone-success { --metric-tone:var(--success); --metric-soft:var(--success-soft); }
.executive-metric.tone-info { --metric-tone:var(--info); --metric-soft:var(--info-soft); }
.executive-metric.tone-warning { --metric-tone:#9a6414; --metric-soft:var(--warning-soft); }
.executive-metric-icon { width:38px; height:38px; display:grid; place-items:center; color:var(--metric-tone); border-radius:11px; background:var(--surface); }
.executive-metric-icon svg { width:19px; height:19px; }
.executive-metric-copy { min-width:0; display:grid; gap:2px; }
.executive-metric-copy small { color:var(--muted); font-size:10px; font-weight:850; }
.executive-metric-copy strong { color:var(--ink); font-size:21px; line-height:1.12; font-variant-numeric:tabular-nums; }
.executive-metric-copy em { min-height:28px; color:var(--muted); font-size:10px; line-height:1.35; font-style:normal; }
.executive-metric-copy b { width:max-content; max-width:100%; margin-top:4px; padding:4px 6px; border-radius:7px; font-size:8.5px; line-height:1.2; }
.executive-metric-copy .trend-positive { color:var(--success); background:var(--success-soft); }
.executive-metric-copy .trend-negative { color:var(--brand); background:var(--brand-soft); }
.executive-metric-copy .trend-neutral { color:var(--muted); background:var(--canvas); }
.executive-metric > svg { width:15px; color:var(--metric-tone); }
.management-time-split { min-height:66px; display:grid; grid-template-columns:minmax(150px,.6fr) minmax(220px,1.2fr) auto 16px; align-items:center; gap:12px; padding:11px 13px; text-align:left; color:var(--ink); border:1px solid var(--border); border-radius:13px; background:var(--canvas); cursor:pointer; }
.management-time-split > span:first-child { display:grid; gap:2px; }
.management-time-split small { color:var(--authority); font-size:9px; font-weight:900; letter-spacing:.09em; }
.management-time-split strong { font-size:15px; }
.management-time-track { height:11px; display:flex; overflow:hidden; border-radius:999px; background:var(--border); }
.management-time-track i.onsite { background:var(--success); }
.management-time-track i.travel { background:var(--info); }
.management-time-split > span:nth-child(3) { display:flex; gap:11px; }
.management-time-split em { color:var(--muted); font-size:10px; font-style:normal; white-space:nowrap; }
.management-time-split > svg { width:15px; color:var(--authority); }

/* People report: compare first, drill down second. */
.team-report-filter-card { border-top:4px solid var(--success); }
.team-people-picker { padding:11px; border-radius:13px; background:var(--canvas); }
.team-people-picker-list { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; max-height:226px; overflow:auto; padding:2px; }
.team-people-picker-list > button { min-height:74px; align-content:center; border-radius:11px; background:var(--surface); }
.team-people-picker-list.is-empty { grid-template-columns:1fr; max-height:none; overflow:visible; }
.team-people-picker-list.is-empty .report-empty { min-height:130px; }
.people-report-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.person-report-card {
  --person-report-tone:var(--authority);
  --person-report-soft:var(--authority-soft);
  min-height:238px;
  padding:14px;
  border:1px solid color-mix(in srgb,var(--person-report-tone) 28%,var(--border));
  border-left:5px solid var(--person-report-tone);
  border-radius:16px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--person-report-soft) 32%,var(--surface)),var(--surface));
  box-shadow:var(--shadow-sm);
}
.person-report-card.person-state-in-store { --person-report-tone:var(--success); --person-report-soft:var(--success-soft); }
.person-report-card.person-state-active { --person-report-tone:var(--info); --person-report-soft:var(--info-soft); }
.person-report-card.person-state-pending-close { --person-report-tone:#9a6414; --person-report-soft:var(--warning-soft); }
.person-report-card.person-state-closed { --person-report-tone:var(--authority); --person-report-soft:var(--authority-soft); }
.person-report-card.person-state-not-started { --person-report-tone:var(--subtle); --person-report-soft:var(--canvas); }
.person-report-card:hover,.person-report-card:focus-visible { border-color:var(--person-report-tone); box-shadow:0 10px 24px color-mix(in srgb,var(--person-report-tone) 12%,transparent); }
.person-report-head { grid-template-columns:48px minmax(0,1fr) auto; }
.person-report-head [data-avatar] { width:48px; height:48px; border-radius:13px; }
.person-report-head > div { display:grid; gap:2px; }
.person-report-head > div > strong { font-size:15px; }
.person-start-time { width:max-content; display:inline-flex!important; align-items:center; gap:4px; margin-top:2px; padding:3px 6px; color:var(--person-report-tone)!important; border-radius:7px; background:color-mix(in srgb,var(--person-report-soft) 75%,var(--surface)); font-size:9px!important; font-weight:850; }
.person-start-time svg { width:12px; height:12px; }
.person-current-store { overflow:hidden; color:var(--muted)!important; font-size:9px!important; text-overflow:ellipsis; white-space:nowrap; }
.person-scoreline { margin-top:11px; overflow:hidden; border:1px solid color-mix(in srgb,var(--person-report-tone) 20%,var(--border)); border-radius:11px; background:color-mix(in srgb,var(--surface) 86%,transparent); }
.person-scoreline > span { min-height:58px; padding:8px 5px; }
.person-scoreline strong { font-size:15px; }
.person-scoreline > span { font-size:8px; }
.person-report-card .time-allocation { margin-top:10px; padding:9px; border-radius:10px; background:color-mix(in srgb,var(--canvas) 86%,transparent); }
.person-report-card .person-card-footer { margin-top:9px; }

/* Customer 360: identity, health and history read as one record. */
.customer-report-summary { border-top:4px solid var(--brand); border-radius:18px; box-shadow:0 12px 30px rgba(12,41,66,.08); }
.customer-context-strip { grid-template-columns:1.2fr repeat(3,1fr); gap:0; overflow:hidden; padding:0; border:1px solid var(--border); border-radius:13px; background:var(--canvas); }
.customer-context-strip > span { min-height:70px; display:grid; align-content:center; gap:3px; padding:11px; border-left:1px solid var(--border); }
.customer-context-strip > span:first-child { border-left:0; }
.customer-period-overview { border-radius:18px; box-shadow:var(--shadow-sm); }
.customer-overview-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.customer-overview-metrics > div { min-height:92px; border:1px solid var(--border); border-radius:13px; background:var(--canvas); }
.customer-history-visit { border-left:4px solid var(--authority); border-radius:15px; box-shadow:var(--shadow-sm); }
.customer-history-visit:hover,.customer-history-visit:focus-visible { border-color:var(--authority); box-shadow:var(--shadow-md); }

@media(max-width:920px) {
  .executive-metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .team-people-picker-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .people-report-list { grid-template-columns:1fr; }
}

@media(max-width:620px) {
  .management-briefing { padding:11px; border-radius:15px; }
  .management-briefing-head h2 { font-size:19px; }
  .management-briefing-head p { display:none; }
  .executive-metric-grid { gap:7px; }
  .executive-metric { min-height:132px; grid-template-columns:32px minmax(0,1fr); padding:10px; }
  .executive-metric-icon { width:32px; height:32px; }
  .executive-metric-copy strong { font-size:17px; }
  .executive-metric > svg { display:none; }
  .management-time-split { grid-template-columns:1fr 16px; }
  .management-time-track { grid-column:1 / -1; }
  .management-time-split > span:nth-child(3) { grid-column:1 / -1; }
  .team-people-picker-list { display:flex; overflow-x:auto; max-height:none; padding-bottom:5px; scroll-snap-type:x proximity; }
  .team-people-picker-list > button { min-width:210px; scroll-snap-align:start; }
  .person-report-card { min-height:220px; }
  .customer-context-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .customer-context-strip > span:nth-child(3) { border-left:0; border-top:1px solid var(--border); }
  .customer-context-strip > span:nth-child(4) { border-top:1px solid var(--border); }
  .customer-overview-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media(max-width:390px) {
  .hub-metric { min-height:96px; }
  .executive-metric { min-height:124px; }
  .team-people-picker-list > button { min-width:190px; }
}

/* v72 — complete reporting drill-down flow: summary → filtered customers → Customer 360. */
.ops-insight-card:is(section),.hub-insight-card:is(section) { cursor:default; }
.ops-insight-link,.hub-insight-link {
  width:100%;
  padding:0;
  color:inherit;
  text-align:left;
  border:0;
  background:transparent;
  cursor:pointer;
  touch-action:manipulation;
}
.ops-insight-link { min-height:44px; }
.hub-insight-link { min-height:44px; }
.ops-insight-link:hover strong,.ops-insight-link:focus-visible strong,
.hub-insight-link:hover strong,.hub-insight-link:focus-visible strong { color:var(--brand); }

button.ops-region-item {
  min-width:52px;
  min-height:70px;
  padding:2px;
  color:inherit;
  border:0;
  border-radius:12px;
  background:transparent;
  cursor:pointer;
  touch-action:manipulation;
}
button.ops-region-item:hover,button.ops-region-item:focus-visible { background:var(--success-soft); box-shadow:0 0 0 2px color-mix(in srgb,var(--success) 28%,transparent); }
button.ops-retailer-item { position:relative; width:100%; color:inherit; text-align:left; cursor:pointer; touch-action:manipulation; }
.ops-retailer-item > i { position:absolute; right:6px; top:50%; width:12px; color:var(--retailer-accent,var(--authority)); transform:translateY(-50%); }
.ops-retailer-item > i svg { width:12px; }
.ops-retailer-item:hover,.ops-retailer-item:focus-visible { border-color:var(--retailer-accent,var(--authority)); box-shadow:0 5px 14px color-mix(in srgb,var(--retailer-accent,var(--authority)) 12%,transparent); }

button.hub-coverage-row {
  position:relative;
  width:100%;
  min-height:44px;
  padding:6px 25px 6px 7px;
  color:inherit;
  text-align:left;
  border:1px solid transparent;
  border-radius:10px;
  background:transparent;
  cursor:pointer;
  touch-action:manipulation;
}
button.hub-coverage-row:hover,button.hub-coverage-row:focus-visible { border-color:color-mix(in srgb,var(--authority) 32%,var(--border)); background:var(--authority-soft); }
.hub-coverage-open { position:absolute; right:6px; top:50%; color:var(--authority); transform:translateY(-50%); }
.hub-coverage-open svg { width:13px; }

button.coverage-row {
  width:100%;
  min-height:58px;
  display:grid;
  gap:8px;
  padding:9px 10px;
  color:inherit;
  text-align:left;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--canvas);
  cursor:pointer;
  touch-action:manipulation;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
button.coverage-row:hover,button.coverage-row:focus-visible { border-color:var(--authority); background:var(--authority-soft); box-shadow:var(--shadow-sm); }
.coverage-row > div:first-child { display:grid; grid-template-columns:minmax(0,1fr) auto 15px; align-items:center; gap:8px; margin:0; }
.coverage-row > div:first-child > i { color:var(--authority); }
.coverage-row > div:first-child > i svg { width:14px; }

.coverage-drilldown { display:grid; gap:12px; }
.coverage-drilldown-hero {
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  align-items:center;
  gap:12px;
  padding:15px;
  color:var(--ink);
  border:1px solid color-mix(in srgb,var(--authority) 28%,var(--border));
  border-radius:17px;
  background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--authority-soft) 55%,var(--surface)));
}
.coverage-drilldown-icon { width:48px; height:48px; display:grid; place-items:center; color:var(--authority); border-radius:14px; background:var(--surface); box-shadow:inset 0 0 0 1px var(--border); }
.coverage-drilldown-icon svg { width:24px; }
.coverage-drilldown-hero div { min-width:0; display:grid; gap:2px; }
.coverage-drilldown-hero small { color:var(--brand); font-size:9px; font-weight:900; letter-spacing:.11em; }
.coverage-drilldown-hero h3 { margin:0; font-size:24px; letter-spacing:-.035em; }
.coverage-drilldown-hero p { margin:2px 0 0; color:var(--muted); font-size:11px; line-height:1.5; }
.coverage-drilldown-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); overflow:hidden; border:1px solid var(--border); border-radius:14px; background:var(--surface); }
.coverage-drilldown-stats span { min-height:66px; display:grid; place-content:center; gap:2px; text-align:center; }
.coverage-drilldown-stats span + span { border-left:1px solid var(--border); }
.coverage-drilldown-stats strong { color:var(--ink); font-size:21px; font-variant-numeric:tabular-nums; }
.coverage-drilldown-stats small { color:var(--muted); font-size:9px; font-weight:800; text-transform:uppercase; }
.coverage-customer-list { display:grid; gap:8px; }
.coverage-customer-row {
  width:100%;
  min-height:94px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) minmax(90px,.36fr) 82px;
  align-items:center;
  gap:10px;
  padding:11px;
  color:var(--ink);
  text-align:left;
  border:1px solid var(--border);
  border-left:4px solid var(--authority);
  border-radius:15px;
  background:var(--surface);
  box-shadow:var(--shadow-sm);
  cursor:pointer;
  touch-action:manipulation;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .1s ease;
}
.coverage-customer-row:hover,.coverage-customer-row:focus-visible { border-color:var(--authority); background:color-mix(in srgb,var(--authority-soft) 38%,var(--surface)); box-shadow:var(--shadow-md); }
.coverage-customer-row:active { transform:scale(.995); }
.coverage-customer-index { width:38px; height:38px; display:grid; place-items:center; color:var(--authority); border-radius:11px; background:var(--authority-soft); font-size:11px; font-weight:900; }
.coverage-customer-main { min-width:0; display:grid; gap:3px; }
.coverage-customer-main > strong { overflow:hidden; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
.coverage-customer-main > small { overflow:hidden; color:var(--muted); font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.coverage-customer-main > span { display:flex; flex-wrap:wrap; gap:5px; margin-top:2px; }
.coverage-customer-main em { padding:3px 6px; color:var(--authority); border-radius:999px; background:var(--authority-soft); font-size:8px; font-style:normal; font-weight:800; }
.coverage-customer-latest { display:grid; gap:2px; }
.coverage-customer-latest small { color:var(--muted); font-size:8px; font-weight:900; letter-spacing:.08em; }
.coverage-customer-latest strong { font-size:12px; }
.coverage-customer-latest em { color:var(--success); font-size:9px; font-style:normal; font-weight:800; }
.coverage-customer-open { display:flex; align-items:center; justify-content:flex-end; gap:5px; color:var(--brand); }
.coverage-customer-open small { font-size:9px; font-weight:900; white-space:nowrap; }
.coverage-customer-open svg { width:14px; }

@media(max-width:620px) {
  .coverage-drilldown-hero { grid-template-columns:40px minmax(0,1fr); padding:12px; }
  .coverage-drilldown-icon { width:40px; height:40px; border-radius:12px; }
  .coverage-drilldown-hero h3 { font-size:20px; }
  .coverage-customer-row { min-height:112px; grid-template-columns:34px minmax(0,1fr) 18px; gap:8px; padding:10px; }
  .coverage-customer-index { width:34px; height:34px; }
  .coverage-customer-latest { grid-column:2; grid-row:2; display:flex; align-items:center; gap:7px; }
  .coverage-customer-open { grid-column:3; grid-row:1 / 3; }
  .coverage-customer-open small { display:none; }
}

@media(prefers-reduced-motion:reduce) {
  .coverage-customer-row,button.coverage-row { transition:none!important; }
}

/* v73 — shop ownership is visible anywhere a store appears */
.shop-salesman {
  width:max-content;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-top:2px;
  padding:3px 7px;
  overflow:hidden;
  color:var(--authority);
  border:1px solid color-mix(in srgb,var(--authority) 20%,transparent);
  border-radius:999px;
  background:color-mix(in srgb,var(--authority-soft) 70%,var(--surface));
  font-size:8.5px;
  font-style:normal;
  font-weight:850;
  line-height:1.2;
}
.shop-salesman svg { width:12px; height:12px; flex:0 0 auto; }
.shop-salesman span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.shop-salesman.unassigned { color:var(--muted); border-color:var(--border); background:var(--canvas); }
.visit-fact-grid > .visit-salesman-fact {
  grid-column:span 2;
  border:1px solid color-mix(in srgb,var(--authority) 18%,var(--border));
  background:color-mix(in srgb,var(--authority-soft) 56%,var(--surface));
}
.visit-fact-grid > .visit-salesman-fact strong { color:var(--authority); font-size:10px; }
.coverage-customer-main > .coverage-salesman {
  width:max-content;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  gap:5px;
  justify-self:start;
  margin:2px 0;
  overflow:hidden;
}
.coverage-customer-main > .coverage-salesman svg { width:11px; height:11px; flex:0 0 auto; }
.coverage-customer-main > .coverage-salesman span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.person-kpi-visit-row .shop-salesman { margin-top:4px; }

@media(max-width:620px) {
  .shop-salesman { font-size:8px; }
  .visit-fact-grid > .visit-salesman-fact { grid-column:1 / -1; }
}

/* v74 — Customer Master → branch list → Customer 360 */
.coverage-directory-body { display:grid; gap:13px; }
.coverage-directory-summary {
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  align-items:center;
  gap:12px;
  padding:14px;
  border:1px solid color-mix(in srgb,var(--authority) 22%,var(--border));
  border-radius:16px;
  background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--authority-soft) 52%,var(--surface)));
}
.coverage-directory-icon { width:48px; height:48px; display:grid; place-items:center; color:var(--authority); border:1px solid var(--border); border-radius:14px; background:var(--surface); box-shadow:var(--shadow-sm); }
.coverage-directory-icon svg { width:24px; }
.coverage-directory-summary > div { min-width:0; }
.coverage-directory-summary small { color:var(--brand); font-size:8px; font-weight:900; letter-spacing:.12em; }
.coverage-directory-summary h3 { margin:2px 0; font-size:22px; letter-spacing:-.035em; }
.coverage-directory-summary p { margin:0; color:var(--muted); font-size:10px; line-height:1.45; }
.coverage-directory-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); overflow:hidden; border:1px solid var(--border); border-radius:14px; background:var(--surface); }
.coverage-directory-metrics span { min-height:62px; display:grid; place-content:center; gap:2px; padding:8px; text-align:center; }
.coverage-directory-metrics span + span { border-left:1px solid var(--border); }
.coverage-directory-metrics strong { color:var(--ink); font-size:18px; font-variant-numeric:tabular-nums; }
.coverage-directory-metrics small { color:var(--muted); font-size:8px; font-weight:800; line-height:1.25; text-transform:uppercase; }
.coverage-directory-controls { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:10px; }
.coverage-directory-controls label { min-width:0; display:grid; gap:5px; color:var(--ink); font-size:9px; font-weight:850; }
.coverage-search-box { min-height:44px; display:flex; align-items:center; gap:8px; padding:0 12px; border:1px solid var(--border-strong); border-radius:12px; background:var(--surface); transition:border-color .18s ease,box-shadow .18s ease; }
.coverage-search-box:focus-within { border-color:var(--authority); box-shadow:0 0 0 3px color-mix(in srgb,var(--authority) 14%,transparent); }
.coverage-search-box svg { width:17px; color:var(--muted); }
.coverage-search-box input { width:100%; min-width:0; height:42px; padding:0; color:var(--ink); border:0; outline:0; background:transparent; font:inherit; font-size:11px; font-weight:700; }
.coverage-filter-group { display:grid; grid-template-columns:repeat(3,auto); overflow:hidden; border:1px solid var(--border-strong); border-radius:12px; background:var(--surface); }
.coverage-filter-group button { min-width:68px; min-height:44px; padding:0 10px; color:var(--muted); border:0; border-left:1px solid var(--border); background:transparent; font-size:9px; font-weight:850; cursor:pointer; touch-action:manipulation; transition:color .18s ease,background .18s ease; }
.coverage-filter-group button:first-child { border-left:0; }
.coverage-filter-group button:hover,.coverage-filter-group button:focus-visible { color:var(--authority); background:var(--authority-soft); }
.coverage-filter-group button.active { color:#fff; background:var(--authority); }
.coverage-directory-result-head { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:1px 2px; }
.coverage-directory-result-head strong { font-size:11px; }
.coverage-directory-result-head span { color:var(--muted); font-size:9px; font-weight:800; }
.coverage-directory-list { display:grid; gap:8px; }
.coverage-branch-row {
  width:100%;
  min-height:104px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) minmax(150px,.46fr) 82px;
  align-items:center;
  gap:10px;
  padding:11px;
  color:var(--ink);
  text-align:left;
  border:1px solid var(--border);
  border-left:4px solid var(--border-strong);
  border-radius:15px;
  background:var(--surface);
  box-shadow:var(--shadow-sm);
  cursor:pointer;
  touch-action:manipulation;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.coverage-branch-row.is-visited { border-left-color:var(--success); }
.coverage-branch-row:hover,.coverage-branch-row:focus-visible { border-color:var(--authority); background:color-mix(in srgb,var(--authority-soft) 34%,var(--surface)); box-shadow:var(--shadow-md); }
.coverage-branch-index { width:38px; height:38px; display:grid; place-items:center; color:var(--authority); border-radius:11px; background:var(--authority-soft); font-size:10px; font-weight:900; font-variant-numeric:tabular-nums; }
.coverage-branch-row.is-visited .coverage-branch-index { color:var(--success); background:var(--success-soft); }
.coverage-branch-copy { min-width:0; display:grid; gap:3px; }
.coverage-branch-copy > strong { overflow:hidden; font-size:13px; line-height:1.25; text-overflow:ellipsis; white-space:nowrap; }
.coverage-branch-copy > small { overflow:hidden; color:var(--muted); font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.coverage-branch-copy > .coverage-salesman {
  width:max-content;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  gap:5px;
  justify-self:start;
  margin-top:2px;
  padding:3px 7px;
  overflow:hidden;
  color:var(--authority);
  border:1px solid color-mix(in srgb,var(--authority) 20%,transparent);
  border-radius:999px;
  background:var(--authority-soft);
  font-size:8px;
  font-style:normal;
  font-weight:850;
  line-height:1.2;
}
.coverage-branch-copy > .coverage-salesman svg { width:11px; height:11px; flex:0 0 auto; }
.coverage-branch-copy > .coverage-salesman span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.coverage-branch-activity { min-width:0; display:grid; justify-items:start; gap:2px; }
.coverage-visit-state { display:inline-flex; align-items:center; gap:5px; margin-bottom:3px; padding:3px 7px; color:var(--muted); border-radius:999px; background:var(--canvas); font-size:8px; font-weight:850; }
.coverage-visit-state i { width:6px; height:6px; border-radius:50%; background:currentColor; }
.coverage-visit-state.visited { color:var(--success); background:var(--success-soft); }
.coverage-branch-activity > small { color:var(--muted); font-size:8px; font-weight:800; text-transform:uppercase; }
.coverage-branch-activity > strong { font-size:10px; font-variant-numeric:tabular-nums; }
.coverage-branch-activity > em { color:var(--muted); font-size:8.5px; font-style:normal; }
.coverage-branch-open { display:flex; align-items:center; justify-content:flex-end; gap:5px; color:var(--brand); }
.coverage-branch-open small { font-size:8px; font-weight:900; white-space:nowrap; }
.coverage-branch-open svg { width:14px; }

@media(max-width:720px) {
  .coverage-directory-controls { grid-template-columns:1fr; align-items:stretch; }
  .coverage-search-box input { font-size:16px; }
  .coverage-filter-group { grid-template-columns:repeat(3,1fr); }
  .coverage-filter-group button { min-width:0; }
  .coverage-branch-row { min-height:126px; grid-template-columns:34px minmax(0,1fr) 20px; gap:8px; padding:10px; }
  .coverage-branch-index { width:34px; height:34px; }
  .coverage-branch-copy > strong { white-space:normal; }
  .coverage-branch-activity { grid-column:2; grid-row:2; }
  .coverage-branch-open { grid-column:3; grid-row:1 / 3; }
  .coverage-branch-open small { display:none; }
}

@media(max-width:390px) {
  .coverage-directory-summary { grid-template-columns:40px minmax(0,1fr); padding:11px; }
  .coverage-directory-icon { width:40px; height:40px; border-radius:12px; }
  .coverage-directory-summary h3 { font-size:19px; }
  .coverage-directory-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .coverage-directory-metrics span:nth-child(3) { border-left:0; border-top:1px solid var(--border); }
  .coverage-directory-metrics span:nth-child(4) { border-top:1px solid var(--border); }
}

@media(prefers-reduced-motion:reduce) {
  .coverage-branch-row,.coverage-filter-group button,.coverage-search-box { transition:none!important; }
}

/* v75 — controlled Temporary → Final Customer Master workflow */
.customer-intake { display:grid; gap:16px; margin-bottom:18px; padding:20px; overflow:hidden; border:1px solid color-mix(in srgb,var(--authority) 24%,var(--border)); border-radius:22px; background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--authority-soft) 36%,var(--surface))); box-shadow:var(--shadow-md); }
.customer-intake-head { display:grid; grid-template-columns:54px minmax(0,1fr) auto; align-items:center; gap:14px; }
.customer-intake-icon { width:54px; height:54px; display:grid; place-items:center; color:var(--authority); border:1px solid color-mix(in srgb,var(--authority) 22%,var(--border)); border-radius:17px; background:var(--surface); box-shadow:var(--shadow-sm); }
.customer-intake-icon svg { width:26px; }
.customer-intake-head > div { min-width:0; }
.customer-intake-head h2 { margin:3px 0; color:var(--ink); font-size:21px; letter-spacing:-.035em; }
.customer-intake-head p { max-width:650px; margin:0; color:var(--muted); font-size:13px; line-height:1.55; }
.customer-intake-access { padding:7px 10px; color:var(--success); border:1px solid color-mix(in srgb,var(--success) 25%,var(--border)); border-radius:999px; background:var(--success-soft); font-size:11px; font-weight:900; letter-spacing:.04em; white-space:nowrap; }
.customer-intake-flow { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; align-items:center; gap:10px; padding:12px; border:1px solid var(--border); border-radius:16px; background:var(--canvas); }
.customer-intake-flow > div { min-width:0; display:flex; align-items:center; gap:9px; }
.customer-intake-flow > div > span { width:30px; height:30px; display:grid; flex:0 0 auto; place-items:center; color:var(--authority); border-radius:9px; background:var(--authority-soft); font-size:11px; font-weight:900; }
.customer-intake-flow p { min-width:0; display:grid; gap:1px; margin:0; }
.customer-intake-flow strong { font-size:12px; }
.customer-intake-flow small { overflow:hidden; color:var(--muted); font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.customer-intake-flow > i { color:var(--border-strong); font-style:normal; }
.customer-intake-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); overflow:hidden; border:1px solid var(--border); border-radius:16px; background:var(--surface); }
.customer-intake-summary > div { min-height:74px; display:grid; place-content:center; gap:1px; padding:10px; text-align:center; }
.customer-intake-summary > div + div { border-left:1px solid var(--border); }
.customer-intake-summary strong { color:var(--ink); font-size:21px; font-variant-numeric:tabular-nums; }
.customer-intake-summary span { color:var(--ink); font-size:12px; font-weight:850; }
.customer-intake-summary small { color:var(--muted); font-size:10px; }
.customer-intake-summary .temporary strong { color:var(--warning); }
.customer-intake-summary .final strong { color:var(--success); }
.customer-intake-summary .sales strong { color:var(--authority); }
@media(max-width:720px){.customer-intake-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-intake-summary>div:nth-child(3){border-left:0}.customer-intake-summary>div:nth-child(n+3){border-top:1px solid var(--border)}}
.customer-intake-skeleton { min-height:74px; background:linear-gradient(90deg,var(--canvas),var(--surface),var(--canvas)); background-size:200% 100%; animation:intake-loading 1.2s ease infinite; }
.customer-assignment { display:grid; gap:14px; padding:18px; border:1px solid color-mix(in srgb,var(--authority) 24%,var(--border)); border-radius:19px; background:var(--surface); box-shadow:var(--shadow-sm); }
.customer-assignment-head { display:grid; grid-template-columns:44px minmax(0,1fr); align-items:center; gap:12px; }
.customer-assignment-head-icon { width:44px; height:44px; display:grid; place-items:center; color:var(--authority); border-radius:13px; background:var(--authority-soft); }
.customer-assignment-head-icon svg { width:22px; }
.customer-assignment-head > div { min-width:0; }
.customer-assignment-head h3 { margin:3px 0; color:var(--ink); font-size:18px; letter-spacing:-.025em; }
.customer-assignment-head p { max-width:660px; margin:0; color:var(--muted); font-size:13px; line-height:1.5; }
.customer-assignment-search { min-height:64px; display:grid; grid-template-columns:24px minmax(0,1fr) 44px; align-items:center; gap:11px; padding:9px 10px 9px 15px; border:1px solid var(--border-strong); border-radius:16px; background:var(--canvas); cursor:text; transition:border-color .18s ease,box-shadow .18s ease,background .18s ease; }
.customer-assignment-search:focus-within { border-color:var(--authority); background:var(--surface); box-shadow:0 0 0 3px color-mix(in srgb,var(--authority) 14%,transparent); }
.customer-assignment-search > span:first-child { color:var(--authority); }
.customer-assignment-search > span:first-child svg { width:23px; }
.customer-assignment-search > label { min-width:0; display:grid; gap:2px; cursor:text; }
.customer-assignment-search small { color:var(--muted); font-size:11px; line-height:1.2; }
.customer-assignment-search input { width:100%; min-width:0; padding:0; color:var(--ink); border:0; outline:0; background:transparent; font:inherit; font-size:16px; font-weight:700; }
.customer-assignment-search input::placeholder { color:color-mix(in srgb,var(--muted) 82%,transparent); font-weight:600; }
.customer-assignment-search input:disabled { cursor:not-allowed; }
.customer-assignment-search button { width:44px; height:44px; display:grid; place-items:center; color:var(--muted); border:0; border-radius:12px; background:transparent; cursor:pointer; touch-action:manipulation; transition:color .18s ease,background .18s ease; }
.customer-assignment-search button:hover,.customer-assignment-search button:focus-visible { color:var(--ink); outline:0; background:var(--surface); }
.customer-assignment-search button svg { width:19px; }
.customer-assignment-output { min-width:0; }
.customer-assignment-loading,.customer-assignment-guidance { min-height:86px; display:flex; align-items:center; justify-content:center; gap:12px; padding:16px; color:var(--authority); border:1px dashed var(--border-strong); border-radius:15px; background:var(--canvas); }
.customer-assignment-guidance.no-result { color:var(--warning); background:var(--warning-soft); }
.customer-assignment-guidance > svg { width:24px; flex:0 0 auto; }
.customer-assignment-loading p,.customer-assignment-guidance p { display:grid; gap:3px; margin:0; }
.customer-assignment-loading strong,.customer-assignment-guidance strong { color:var(--ink); font-size:13px; }
.customer-assignment-loading small,.customer-assignment-guidance small { color:var(--muted); font-size:12px; line-height:1.45; }
.customer-assignment-result-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:9px; color:var(--ink); }
.customer-assignment-result-head span { font-size:12px; font-weight:850; }
.customer-assignment-result-head small { color:var(--muted); font-size:11px; }
.customer-assignment-list { display:grid; gap:8px; }
.customer-assignment-row { width:100%; min-height:92px; display:grid; grid-template-columns:52px minmax(0,1.5fr) minmax(150px,.75fr) auto; align-items:center; gap:13px; padding:12px; color:var(--ink); text-align:left; border:1px solid var(--border); border-radius:15px; background:var(--surface); box-shadow:var(--shadow-sm); cursor:pointer; touch-action:manipulation; transition:border-color .18s ease,background .18s ease,box-shadow .18s ease; }
.customer-assignment-row:hover,.customer-assignment-row:focus-visible { outline:0; border-color:color-mix(in srgb,var(--authority) 45%,var(--border)); background:color-mix(in srgb,var(--authority-soft) 22%,var(--surface)); box-shadow:var(--shadow-md); }
.customer-assignment-row.unassigned { border-left:4px solid var(--warning); }
.customer-assignment-code { width:52px; height:52px; display:grid; place-items:center; overflow:hidden; color:var(--authority); border-radius:14px; background:var(--authority-soft); font-size:12px; font-weight:900; font-variant-numeric:tabular-nums; }
.customer-assignment-row.unassigned .customer-assignment-code { color:var(--warning); background:var(--warning-soft); }
.customer-assignment-copy { min-width:0; display:grid; gap:3px; }
.customer-assignment-copy > span { min-width:0; display:flex; align-items:center; gap:7px; }
.customer-assignment-copy > span strong { overflow:hidden; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
.customer-assignment-copy > span em { padding:3px 6px; color:var(--warning); border-radius:999px; background:var(--warning-soft); font-size:9px; font-style:normal; font-weight:900; text-transform:uppercase; }
.customer-assignment-copy > small { overflow:hidden; color:var(--muted); font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.customer-assignment-copy > b { width:max-content; max-width:100%; display:inline-flex; align-items:center; gap:5px; overflow:hidden; color:var(--success); font-size:12px; }
.customer-assignment-copy > b svg { width:15px; flex:0 0 auto; }
.customer-assignment-copy > b span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.customer-assignment-row.unassigned .customer-assignment-copy > b { color:var(--warning); }
.customer-assignment-meta { min-width:0; display:grid; gap:2px; padding-left:13px; border-left:1px solid var(--border); }
.customer-assignment-meta small { color:var(--muted); font-size:9px; text-transform:uppercase; }
.customer-assignment-meta strong { overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.customer-assignment-meta em { color:var(--muted); font-size:11px; font-style:normal; }
.customer-assignment-action { min-width:58px; display:flex; align-items:center; justify-content:flex-end; gap:5px; color:var(--authority); }
.customer-assignment-action small { font-size:11px; font-weight:850; }
.customer-assignment-action svg { width:17px; }
.customer-intake-divider { display:flex; align-items:center; gap:12px; color:var(--muted); font-size:10px; font-weight:900; letter-spacing:.11em; }
.customer-intake-divider::before,.customer-intake-divider::after { content:""; height:1px; flex:1; background:var(--border); }
.customer-intake-create { min-height:58px; display:flex; align-items:center; justify-content:center; gap:10px; }
.customer-intake-create > svg { width:21px; }
.customer-intake-create > span { display:grid; gap:1px; text-align:left; }
.customer-intake-create strong { font-size:14px; }
.customer-intake-create small { opacity:.76; font-size:11px; }
.customer-intake-output { display:grid; gap:10px; }
.customer-intake-loading,.customer-intake-empty { min-height:76px; display:flex; align-items:center; justify-content:center; gap:11px; padding:14px; color:var(--muted); border:1px dashed var(--border-strong); border-radius:15px; background:var(--canvas); }
.customer-intake-loading p,.customer-intake-empty p { display:grid; gap:2px; margin:0; }
.customer-intake-loading strong,.customer-intake-empty strong { color:var(--ink); font-size:13px; }
.customer-intake-loading small,.customer-intake-empty small { font-size:11px; }
.customer-intake-empty > span svg { width:22px; }
.customer-intake-queue-head { display:flex; align-items:end; justify-content:space-between; gap:12px; }
.customer-intake-queue-head > div { display:grid; gap:2px; }
.customer-intake-queue-head strong { font-size:14px; }
.customer-intake-queue-head small,.customer-intake-queue-head > span { color:var(--muted); font-size:11px; }
.customer-intake-list { display:grid; gap:9px; }
.customer-intake-row { overflow:hidden; border:1px solid var(--border); border-left:4px solid var(--success); border-radius:16px; background:var(--surface); box-shadow:var(--shadow-sm); }
.customer-intake-row.temporary { border-left-color:var(--warning); background:linear-gradient(90deg,color-mix(in srgb,var(--warning-soft) 55%,var(--surface)),var(--surface) 42%); }
.customer-intake-row.unverified { border-left-color:var(--authority); background:var(--surface); }
.customer-intake-row-main { width:100%; min-height:94px; display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:11px; padding:12px; color:var(--ink); text-align:left; border:0; background:transparent; cursor:pointer; touch-action:manipulation; transition:background .18s ease; }
.customer-intake-row-main:hover,.customer-intake-row-main:focus-visible { background:color-mix(in srgb,var(--authority-soft) 32%,transparent); }
.customer-intake-row-icon { width:42px; height:42px; display:grid; place-items:center; color:var(--success); border-radius:13px; background:var(--success-soft); }
.customer-intake-row.temporary .customer-intake-row-icon { color:var(--warning); background:var(--warning-soft); }
.customer-intake-row.unverified .customer-intake-row-icon { color:var(--authority); background:var(--authority-soft); }
.customer-intake-row-icon svg { width:20px; }
.customer-intake-row-copy { min-width:0; display:grid; gap:3px; }
.customer-intake-row-status { width:max-content; display:inline-flex; align-items:center; gap:5px; color:var(--success); font-size:10px; font-weight:900; text-transform:uppercase; }
.customer-intake-row.temporary .customer-intake-row-status { color:var(--warning); }
.customer-intake-row.unverified .customer-intake-row-status { color:var(--authority); }
.customer-intake-row-status i { width:6px; height:6px; border-radius:50%; background:currentColor; }
.customer-intake-row-copy > strong { overflow:hidden; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
.customer-intake-row-copy > small,.customer-intake-row-copy > em { overflow:hidden; color:var(--muted); font-size:11px; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }
.customer-intake-row-action { display:flex; align-items:center; gap:5px; color:var(--authority); }
.customer-intake-row-action small { font-size:11px; font-weight:850; }
.customer-intake-row-action svg { width:16px; }
.customer-intake-audit { width:100%; min-height:44px; display:flex; align-items:center; justify-content:center; gap:7px; color:var(--muted); border:0; border-top:1px solid var(--border); background:color-mix(in srgb,var(--canvas) 78%,var(--surface)); font-size:11px; font-weight:800; cursor:pointer; touch-action:manipulation; transition:color .18s ease,background .18s ease; }
.customer-intake-audit:hover,.customer-intake-audit:focus-visible { color:var(--authority); background:var(--authority-soft); }
.customer-intake-audit svg { width:15px; }

.customer-assignment-form { display:grid; gap:14px; padding:0 18px calc(18px + env(safe-area-inset-bottom)); }
.customer-assignment-identity,.customer-assignment-current { display:grid; grid-template-columns:46px minmax(0,1fr); align-items:center; gap:12px; padding:13px; border:1px solid var(--border); border-radius:15px; background:var(--canvas); }
.customer-assignment-identity > span,.customer-assignment-current > span { width:46px; height:46px; display:grid; place-items:center; color:var(--authority); border-radius:13px; background:var(--authority-soft); }
.customer-assignment-current > span { color:var(--success); background:var(--success-soft); }
.customer-assignment-identity svg,.customer-assignment-current svg { width:22px; }
.customer-assignment-identity > div,.customer-assignment-current > div { min-width:0; display:grid; gap:2px; }
.customer-assignment-identity small,.customer-assignment-current small { color:var(--muted); font-size:10px; font-weight:850; letter-spacing:.05em; }
.customer-assignment-identity strong,.customer-assignment-current strong { overflow:hidden; color:var(--ink); font-size:15px; text-overflow:ellipsis; white-space:nowrap; }
.customer-assignment-identity p,.customer-assignment-current p { margin:0; color:var(--muted); font-size:12px; line-height:1.45; }
.customer-assignment-field { display:grid; gap:7px; color:var(--ink); font-size:13px; font-weight:850; }
.customer-assignment-field select { width:100%; min-height:52px; padding:0 14px; color:var(--ink); border:1px solid var(--border-strong); border-radius:13px; outline:0; background:var(--surface); font:inherit; font-size:16px; }
.customer-assignment-field select:focus { border-color:var(--authority); box-shadow:0 0 0 3px color-mix(in srgb,var(--authority) 15%,transparent); }
.customer-assignment-field > small { color:var(--muted); font-size:12px; font-weight:500; line-height:1.45; }
.customer-assignment-change { min-height:68px; display:flex; align-items:center; justify-content:center; gap:12px; padding:12px; border:1px solid var(--border); border-radius:14px; background:var(--canvas); }
.customer-assignment-change > span { min-width:0; display:grid; gap:2px; text-align:center; }
.customer-assignment-change > span small { color:var(--muted); font-size:9px; font-weight:850; }
.customer-assignment-change > span strong { overflow:hidden; color:var(--ink); font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.customer-assignment-change > svg { width:20px; flex:0 0 auto; color:var(--authority); }
.customer-assignment-change > p { display:grid; gap:2px; margin:0; text-align:center; }
.customer-assignment-change > p strong { font-size:12px; }
.customer-assignment-change > p small { color:var(--muted); font-size:11px; }
.customer-assignment-assurance { display:flex; align-items:flex-start; gap:9px; padding:11px; color:var(--success); border:1px solid color-mix(in srgb,var(--success) 22%,var(--border)); border-radius:13px; background:var(--success-soft); }
.customer-assignment-assurance > svg { width:19px; flex:0 0 auto; }
.customer-assignment-assurance p { display:grid; gap:2px; margin:0; }
.customer-assignment-assurance strong { font-size:12px; }
.customer-assignment-assurance small { color:var(--muted); font-size:12px; line-height:1.45; }
.customer-assignment-form-actions { display:grid; grid-template-columns:1fr 1.7fr; gap:10px; }
.customer-assignment-form-actions button { min-height:50px; }
.customer-assignment-history { min-height:48px; display:flex; align-items:center; justify-content:center; gap:8px; color:var(--authority); border:0; border-radius:12px; background:var(--authority-soft); font-size:11px; font-weight:850; cursor:pointer; touch-action:manipulation; transition:background .18s ease,color .18s ease; }
.customer-assignment-history:hover,.customer-assignment-history:focus-visible { outline:0; color:var(--ink); background:color-mix(in srgb,var(--authority-soft) 68%,var(--surface)); }
.customer-assignment-history svg { width:17px; }
.customer-assignment-history svg:last-child { margin-left:auto; }

.customer-intake-form { display:grid; gap:14px; padding:0 18px calc(18px + env(safe-area-inset-bottom)); }
.customer-intake-mode { display:grid; gap:8px; }
.customer-intake-mode > label { min-height:76px; display:grid; grid-template-columns:minmax(0,1fr) 48px; align-items:center; gap:12px; padding:13px; border:1px solid color-mix(in srgb,var(--warning) 30%,var(--border)); border-radius:16px; background:var(--warning-soft); cursor:pointer; }
.customer-intake-mode > label > span { display:grid; gap:3px; }
.customer-intake-mode strong { font-size:14px; }
.customer-intake-mode small { color:var(--muted); font-size:12px; line-height:1.45; }
.customer-intake-mode input { position:absolute; opacity:0; pointer-events:none; }
.customer-intake-mode label > i { width:46px; height:27px; position:relative; border-radius:999px; background:var(--border-strong); transition:background .18s ease; }
.customer-intake-mode label > i::after { content:""; width:21px; height:21px; position:absolute; top:3px; left:3px; border-radius:50%; background:#fff; box-shadow:0 2px 7px rgba(0,0,0,.2); transition:transform .18s ease; }
.customer-intake-mode input:checked + i { background:var(--warning); }
.customer-intake-mode input:checked + i::after { transform:translateX(19px); }
.customer-intake-mode input:focus-visible + i { box-shadow:0 0 0 3px color-mix(in srgb,var(--authority) 22%,transparent); }
.customer-intake-mode > p { margin:0; padding:10px 12px; color:var(--muted); border-radius:12px; background:var(--canvas); font-size:11px; line-height:1.5; }
.customer-intake-mode > p strong { color:var(--ink); font-size:11px; }
.app-customer-card { display:grid; gap:14px; padding:16px; border:1px solid var(--border); border-radius:16px; background:var(--surface); }
.app-customer-card > header { display:flex; align-items:center; gap:12px; }
.app-customer-card > header > span { width:40px; height:40px; display:grid; place-items:center; color:var(--authority); border-radius:12px; background:var(--authority-soft); }
.app-customer-card > header > span svg { width:20px; height:20px; }
.app-customer-card > header > div { min-width:0; display:grid; gap:2px; }
.app-customer-card > header small { color:var(--authority); font-size:10px; font-weight:800; letter-spacing:.08em; }
.app-customer-card > header strong { color:var(--ink); font-size:17px; }
.app-customer-card > header em { color:var(--muted); font-size:12px; font-style:normal; }
.app-customer-progress { height:6px; overflow:hidden; border-radius:999px; background:var(--canvas); }
.app-customer-progress i { display:block; height:100%; border-radius:inherit; background:var(--success); }
.app-customer-card dl { margin:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; overflow:hidden; border:1px solid var(--border); border-radius:12px; background:var(--border); }
.app-customer-card dl div { min-width:0; padding:10px 12px; display:grid; gap:3px; background:var(--surface); }
.app-customer-card dt { color:var(--muted); font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
.app-customer-card dd { margin:0; color:var(--ink); font-size:12px; font-weight:700; overflow-wrap:anywhere; }
.app-customer-card > p { margin:0; padding:11px 12px; display:flex; gap:9px; color:var(--success); border-radius:12px; background:var(--success-soft); }
.app-customer-card > p svg { flex:0 0 auto; width:18px; height:18px; }
.app-customer-card > p span { display:grid; gap:2px; }
.app-customer-card > p strong { color:var(--ink); font-size:12px; }
.app-customer-card > p small { color:var(--muted); font-size:11px; line-height:1.45; }
.customer-intake-form.compact { gap:14px; }
.customer-intake-form-actions.single { grid-template-columns:1fr; }
.time-allocation-note { margin:10px 0 0; color:var(--muted); font-size:11px; line-height:1.45; }
.dashboard-new-customer { display:inline-flex; width:max-content; max-width:100%; padding:3px 7px; color:var(--authority); border:1px solid color-mix(in srgb,var(--authority) 20%,var(--border)); border-radius:999px; background:var(--authority-soft); font-size:9px; line-height:1.2; letter-spacing:.04em; }
@media (max-width:560px) { .app-customer-card dl { grid-template-columns:1fr; } }
.customer-intake-progress { display:grid; grid-template-columns:auto 1fr auto 1fr auto; align-items:center; gap:7px; color:var(--muted); font-size:10px; font-weight:850; }
.customer-intake-progress span { padding:5px 7px; border-radius:999px; background:var(--canvas); }
.customer-intake-progress span.active { color:var(--authority); background:var(--authority-soft); }
.customer-intake-progress i { height:1px; background:var(--border-strong); }
.customer-intake-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.customer-intake-fields label { min-width:0; display:grid; gap:6px; color:var(--ink); font-size:12px; font-weight:850; }
.customer-intake-fields label > span { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.customer-intake-fields label > span em { color:var(--muted); font-size:10px; font-style:normal; text-transform:uppercase; }
.customer-intake-fields input,.customer-intake-fields select { width:100%; min-height:48px; padding:0 13px; color:var(--ink); border:1px solid var(--border-strong); border-radius:12px; outline:0; background:var(--surface); font:inherit; font-size:16px; }
.customer-intake-fields input:focus,.customer-intake-fields select:focus { border-color:var(--authority); box-shadow:0 0 0 3px color-mix(in srgb,var(--authority) 15%,transparent); }
.customer-intake-fields input:disabled { color:var(--muted); background:var(--canvas); cursor:not-allowed; }
.customer-intake-fields label > small { color:var(--muted); font-size:11px; font-weight:500; line-height:1.4; }
.customer-intake-form-note { display:flex; align-items:flex-start; gap:9px; padding:11px; color:var(--success); border:1px solid color-mix(in srgb,var(--success) 23%,var(--border)); border-radius:13px; background:var(--success-soft); }
.customer-intake-form-note > svg { width:19px; flex:0 0 auto; }
.customer-intake-form-note p { display:grid; gap:2px; margin:0; }
.customer-intake-form-note strong { font-size:12px; }
.customer-intake-form-note small { color:var(--muted); font-size:11px; line-height:1.45; }
.customer-intake-form-error:not(:empty) { padding:10px 12px; color:var(--danger); border:1px solid color-mix(in srgb,var(--danger) 28%,var(--border)); border-radius:12px; background:var(--danger-soft); font-size:12px; font-weight:750; }
.customer-intake-form-actions { display:grid; grid-template-columns:1fr 1.65fr; gap:10px; }
.customer-intake-form-actions button { min-height:50px; }
.customer-intake-audit-list { display:grid; gap:10px; padding:0 18px calc(18px + env(safe-area-inset-bottom)); }
.customer-intake-audit-event { display:grid; grid-template-columns:38px minmax(0,1fr); gap:10px; padding:12px; border:1px solid var(--border); border-radius:15px; background:var(--surface); }
.customer-intake-audit-mark { width:38px; height:38px; display:grid; place-items:center; color:var(--authority); border-radius:11px; background:var(--authority-soft); }
.customer-intake-audit-mark svg { width:18px; }
.customer-intake-audit-event > div { min-width:0; display:grid; gap:2px; }
.customer-intake-audit-event small,.customer-intake-audit-event em { color:var(--muted); font-size:10px; font-style:normal; }
.customer-intake-audit-event strong { font-size:13px; }
.customer-intake-audit-event ul { display:grid; gap:5px; margin:8px 0 0; padding:8px 0 0; border-top:1px solid var(--border); list-style:none; }
.customer-intake-audit-event li { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; font-size:11px; }
.customer-intake-audit-event li > span { color:var(--muted); }
.customer-intake-audit-event li small { text-align:right; }
.customer-result-title { display:flex; align-items:center; gap:7px; }
.customer-result-title em { padding:3px 6px; color:var(--warning); border-radius:999px; background:var(--warning-soft); font-size:9px; font-style:normal; font-weight:900; text-transform:uppercase; }
.temporary-customer-result { border-left:3px solid var(--warning); background:linear-gradient(90deg,var(--warning-soft),var(--surface) 45%); }
.selected-customer.temporary { border-color:color-mix(in srgb,var(--warning) 42%,var(--border)); background:var(--warning-soft); }

@keyframes intake-loading { to { background-position:-200% 0; } }

@media(max-width:720px) {
  .customer-intake { padding:15px; border-radius:19px; }
  .customer-intake-head { grid-template-columns:46px minmax(0,1fr); }
  .customer-intake-icon { width:46px; height:46px; border-radius:14px; }
  .customer-intake-access { grid-column:1 / -1; justify-self:start; }
  .customer-intake-flow { grid-template-columns:1fr; gap:7px; }
  .customer-intake-flow > i { display:none; }
  .customer-intake-flow small { white-space:normal; }
  .customer-assignment { padding:14px; }
  .customer-assignment-row { grid-template-columns:46px minmax(0,1fr) 22px; gap:10px; }
  .customer-assignment-code { width:46px; height:46px; }
  .customer-assignment-meta { grid-column:2 / -1; display:flex; align-items:center; flex-wrap:wrap; gap:4px 8px; padding:8px 0 0; border-top:1px solid var(--border); border-left:0; }
  .customer-assignment-meta small { width:100%; }
  .customer-assignment-action { min-width:0; }
  .customer-assignment-action small { display:none; }
  .customer-intake-row-main { grid-template-columns:38px minmax(0,1fr) 18px; }
  .customer-intake-row-icon { width:38px; height:38px; }
  .customer-intake-row-action small { display:none; }
  .customer-intake-fields { grid-template-columns:1fr; }
  .customer-intake-form { padding-inline:14px; }
  .customer-assignment-form { padding-inline:14px; }
}

@media(max-width:390px) {
  .customer-intake-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .customer-intake-summary > div:nth-child(3) { border-left:0; }
  .customer-intake-summary > div:nth-child(n+3) { border-top:1px solid var(--border); }
  .customer-intake-summary .sales { grid-column:auto; }
  .customer-intake-progress { grid-template-columns:1fr; }
  .customer-intake-progress i { display:none; }
  .customer-intake-progress span { text-align:center; }
  .customer-intake-form-actions { grid-template-columns:1fr; }
  .customer-assignment-head p { font-size:12px; }
  .customer-assignment-result-head { align-items:flex-start; flex-direction:column; gap:2px; }
  .customer-assignment-form-actions { grid-template-columns:1fr; }
}

@media(prefers-reduced-motion:reduce) {
  .customer-intake-skeleton { animation:none; }
  .customer-intake-row-main,.customer-intake-audit,.customer-intake-mode label > i,.customer-intake-mode label > i::after,.customer-assignment-search,.customer-assignment-search button,.customer-assignment-row,.customer-assignment-history { transition:none!important; }
}

/* v78 - preserve customer search editing and show complete Customer Master names. */
.customer-assignment-copy > span { align-items:flex-start; flex-wrap:wrap; }
.customer-assignment-copy > span strong,
.customer-intake-row-copy > strong,
.customer-assignment-identity strong,
.coverage-customer-main > strong,
.coverage-branch-copy > strong,
.report-customer-copy strong,
.customer-context-strip strong,
.customer-latest-visit strong,
.customer-history-top strong,
.customer-import-row strong {
  overflow:visible;
  line-height:1.35;
  overflow-wrap:anywhere;
  text-overflow:clip;
  white-space:normal;
}
.customer-assignment-copy > span em { flex:0 0 auto; margin-top:1px; }
.customer-assignment-row { align-items:start; }
.customer-assignment-code,.customer-assignment-action { margin-top:2px; }

@media(max-width:720px) {
  .customer-assignment-copy > span strong,
  .customer-intake-row-copy > strong,
  .coverage-customer-main > strong,
  .coverage-branch-copy > strong { font-size:13px; line-height:1.4; }
}

/* v77 — guided People & Team report builder and summary-first drill-down. */
.team-report-builder {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);
  gap:10px;
}
.team-builder-step {
  min-width:0;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  align-content:start;
  gap:9px 10px;
  padding:11px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--canvas);
}
.team-builder-step-number {
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  color:var(--authority);
  border-radius:10px;
  background:var(--authority-soft);
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
}
.team-builder-step-copy { min-width:0; display:grid; align-content:center; gap:2px; }
.team-builder-step-copy strong { color:var(--ink); font-size:12px; line-height:1.3; }
.team-builder-step-copy small { overflow:hidden; color:var(--muted); font-size:10px; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
.team-employee-select-wrap {
  min-height:50px;
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:24px minmax(0,1fr) 18px;
  align-items:center;
  gap:8px;
  padding:0 11px;
  border:1px solid var(--border-strong);
  border-radius:11px;
  background:var(--surface);
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.team-employee-select-wrap:focus-within { border-color:var(--authority); box-shadow:0 0 0 3px color-mix(in srgb,var(--authority) 16%,transparent); }
.team-employee-select-wrap > span:first-child { width:24px; height:24px; display:grid; place-items:center; color:var(--authority); }
.team-employee-select-wrap svg { width:18px; height:18px; }
.team-employee-select {
  width:100%;
  min-width:0;
  min-height:48px;
  padding:0;
  color:var(--ink);
  border:0;
  outline:0;
  background:transparent;
  font:inherit;
  font-size:13px;
  font-weight:800;
  appearance:none;
  cursor:pointer;
}
.team-select-chevron { color:var(--muted); pointer-events:none; }
.team-builder-step .period-control { grid-column:1 / -1; padding:0; border:0; background:transparent; }
.team-builder-step .period-control-head { display:none; }
.team-builder-step .period-control .date-presets { border:0; background:var(--surface); }
.team-builder-step .period-control .date-presets button { min-height:44px; font-size:10px; }
.team-builder-step .period-control.custom-range-open .report-date-grid { margin-top:7px; }
.team-run-report {
  min-height:54px;
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 22px;
  align-items:center;
  gap:10px;
  padding:9px 13px;
  color:#fff;
  text-align:left;
  border:1px solid var(--brand);
  border-radius:13px;
  background:var(--brand);
  box-shadow:0 8px 18px color-mix(in srgb,var(--brand) 18%,transparent);
  cursor:pointer;
  transition:background .18s ease,box-shadow .18s ease,opacity .18s ease;
}
.team-run-report:hover,.team-run-report:focus-visible { background:var(--brand-strong); box-shadow:0 10px 22px color-mix(in srgb,var(--brand) 24%,transparent); }
.team-run-report:focus-visible { outline:3px solid color-mix(in srgb,var(--brand) 24%,transparent); outline-offset:2px; }
.team-run-report:disabled { opacity:.68; cursor:wait; box-shadow:none; }
.team-run-report > span:first-child { width:34px; height:34px; display:grid; place-items:center; border-radius:10px; background:rgba(255,255,255,.12); }
.team-run-report svg { width:19px; height:19px; }
.team-run-report > span:nth-child(2) { min-width:0; display:grid; gap:1px; }
.team-run-report strong,.team-run-report small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.team-run-report strong { font-size:13px; }
.team-run-report small { color:rgba(255,255,255,.76); font-size:10px; }
.team-run-report.is-loading > span:first-child svg { animation:team-report-spin .8s linear infinite; }
@keyframes team-report-spin { to { transform:rotate(360deg); } }

.team-directory-disclosure { overflow:hidden; border:1px solid var(--border); border-radius:13px; background:var(--surface); }
.team-directory-disclosure > summary {
  min-height:50px;
  display:grid;
  grid-template-columns:30px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  padding:8px 10px;
  cursor:pointer;
  list-style:none;
}
.team-directory-disclosure > summary::-webkit-details-marker { display:none; }
.team-directory-disclosure > summary > svg { width:18px; color:var(--authority); }
.team-directory-disclosure > summary > span:nth-child(2) { min-width:0; display:grid; gap:1px; }
.team-directory-disclosure > summary strong { color:var(--ink); font-size:11px; }
.team-directory-disclosure > summary small { color:var(--muted); font-size:9px; }
.team-directory-disclosure > summary > span:last-child { padding:4px 7px; color:var(--authority); border-radius:999px; background:var(--authority-soft); font-size:9px; font-weight:850; }
.team-directory-disclosure[open] > summary { border-bottom:1px solid var(--border); }
.team-directory-disclosure .team-people-picker { margin:0; border:0; border-radius:0; }
.team-report-filter-card.focused-report .team-filter-heading { display:flex; }
.team-report-filter-card.focused-report .team-directory-disclosure .team-people-picker { display:grid; }

.report-section-navigator {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
  margin:10px 0;
  padding:7px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--canvas);
}
.report-section-navigator button {
  min-width:0;
  min-height:58px;
  display:grid;
  grid-template-columns:30px minmax(0,1fr) 14px;
  align-items:center;
  gap:7px;
  padding:7px;
  color:var(--ink);
  text-align:left;
  border:1px solid transparent;
  border-radius:10px;
  background:var(--surface);
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.report-section-navigator button:hover,.report-section-navigator button:focus-visible { border-color:var(--authority); background:var(--authority-soft); box-shadow:var(--shadow-sm); }
.report-section-navigator button:focus-visible { outline:3px solid color-mix(in srgb,var(--authority) 18%,transparent); outline-offset:1px; }
.report-section-navigator button > span:first-child { width:30px; height:30px; display:grid; place-items:center; color:var(--authority); border-radius:9px; background:var(--authority-soft); }
.report-section-navigator button > span:first-child svg { width:16px; height:16px; }
.report-section-navigator button > span:nth-child(2) { min-width:0; display:grid; gap:2px; }
.report-section-navigator strong,.report-section-navigator small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.report-section-navigator strong { font-size:10px; }
.report-section-navigator small { color:var(--muted); font-size:8px; }
.report-section-navigator button > svg { width:13px; color:var(--muted); }

button.team-overview-metric {
  position:relative;
  grid-template-columns:34px minmax(0,1fr) 16px;
  color:var(--ink);
  text-align:left;
  font:inherit;
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
button.team-overview-metric:hover,button.team-overview-metric:focus-visible { border-color:var(--authority); background:var(--authority-soft); box-shadow:var(--shadow-sm); }
button.team-overview-metric:focus-visible { outline:3px solid color-mix(in srgb,var(--authority) 18%,transparent); outline-offset:2px; }
.team-overview-metric > span:nth-child(2) { min-width:0; display:grid; gap:2px; }
.team-overview-metric > span:nth-child(2) strong { font-size:18px; }
.team-overview-metric > span:nth-child(2) small { margin:0; color:var(--ink); font-size:10px; }
.team-overview-metric > span:nth-child(2) em { overflow:hidden; color:var(--muted); font-size:8.5px; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }
.team-metric-open { width:16px; height:16px; display:grid; place-items:center; color:var(--muted); }
.team-metric-open svg { width:14px; height:14px; }

@media(max-width:720px) {
  .team-report-builder { grid-template-columns:1fr; }
  .team-run-report { grid-column:auto; }
  .report-section-navigator { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .team-report-filter-card.focused-report { padding:9px; }
}
@media(max-width:390px) {
  .team-builder-step { padding:9px; }
  .team-filter-heading small { font-size:9px; }
  .report-section-navigator { gap:5px; padding:5px; }
  .report-section-navigator button { min-height:56px; grid-template-columns:28px minmax(0,1fr) 12px; padding:6px; }
  .team-overview-metric > span:nth-child(2) strong { font-size:16px; }
}
@media(prefers-reduced-motion:reduce) {
  .team-run-report.is-loading > span:first-child svg { animation:none; }
  .team-employee-select-wrap,.team-run-report,.report-section-navigator button,button.team-overview-metric { transition:none!important; }
}


/* v80 — Quiet Ops: one calm visual system, lower density, clearer hierarchy. */
:root {
  --canvas:#f5f6f7;
  --surface:#ffffff;
  --surface-raised:#ffffff;
  --ink:#15202b;
  --muted:#64707c;
  --subtle:#8a949e;
  --border:#e0e4e8;
  --border-strong:#c8d0d7;
  --brand:#a91528;
  --brand-strong:#80101e;
  --brand-soft:#fff1f3;
  --authority:#183248;
  --authority-strong:#102536;
  --authority-soft:#eef3f6;
  --accent:#08745d;
  --accent-strong:#065b49;
  --accent-soft:#edf8f4;
  --info:#2f718f;
  --info-soft:#eef6f9;
  --warning:#94620c;
  --warning-soft:#fff8e8;
  --shadow-sm:0 1px 2px rgba(16,32,43,.045);
  --shadow-md:0 6px 18px rgba(16,32,43,.065);
  --shadow-lg:0 18px 42px rgba(16,32,43,.13);
  --radius-sm:9px;
  --radius-md:13px;
  --radius-lg:17px;
  --nav-height:70px;
  font-family:Inter,"Segoe UI",Arial,sans-serif;
}
body {
  color:var(--ink);
  font-size:15px;
  line-height:1.45;
  background:var(--canvas);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,h4,strong,b { letter-spacing:-.018em; }
.eyebrow {
  color:var(--brand);
  font-size:9px;
  font-weight:750;
  letter-spacing:.09em;
}
svg { stroke-linecap:round; stroke-linejoin:round; }
.nav-icon svg,.icon-button svg,.ops-overview svg,.team-board svg,
#screen-customers svg,.modal-sheet svg { stroke-width:1.7; }
.screen { padding:16px 14px 24px; }
.section-block { margin-top:16px; }
.section-heading { min-height:40px; margin-bottom:8px; }
.section-heading h2 { font-size:18px; }

/* Calm app chrome */
.topbar {
  min-height:64px;
  gap:10px;
  padding-top:calc(8px + env(safe-area-inset-top));
  padding-bottom:8px;
  border-bottom:1px solid var(--border);
  background:color-mix(in srgb,var(--surface) 97%,transparent);
  box-shadow:none;
}
.topbar .brand-logo-mark {
  width:64px;
  height:40px;
  flex-basis:64px;
  border:0;
  border-radius:9px;
}
.topbar .brand-logo-mark img { width:96px; height:96px; }
.topbar-copy strong { font-size:14px; font-weight:720; }
.topbar-copy > span { font-size:10px; font-weight:560; }
.status-dot { width:6px; height:6px; box-shadow:none; }
.icon-button {
  width:42px;
  height:42px;
  color:var(--muted);
  border:1px solid var(--border);
  border-radius:11px;
  background:var(--surface);
}
.bottom-nav {
  min-height:calc(66px + env(safe-area-inset-bottom));
  gap:0;
  padding:5px 8px calc(5px + env(safe-area-inset-bottom));
  border:1px solid var(--border);
  border-bottom:0;
  border-radius:16px 16px 0 0;
  background:color-mix(in srgb,var(--surface) 98%,transparent);
  box-shadow:0 -5px 16px rgba(16,32,43,.065);
}
.nav-item {
  min-height:56px;
  gap:2px;
  color:var(--muted);
  border-radius:10px;
  font-size:10px;
  font-weight:650;
}
.nav-item:hover { background:var(--authority-soft); }
.nav-item.active {
  color:var(--brand);
  background:transparent;
  box-shadow:none;
}
.nav-item.active::after { top:1px; width:18px; height:2px; }
.nav-icon { height:21px; }
.nav-icon svg { width:20px; height:20px; }

/* Shared surfaces, controls, and type */
.hero-card,.primary-card,.workflow-card,.search-panel,.info-card,.history-card,
.operational-position-section,.team-report-filter-card,.team-report-hero,
.management-briefing,.customer-intake,.customer-assignment {
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  background:var(--surface);
  box-shadow:var(--shadow-sm);
}
.primary-button,.secondary-button,.danger-button {
  min-height:46px;
  border-radius:11px;
  font-size:13px;
  font-weight:700;
  box-shadow:none;
}
.primary-button { background:var(--brand); border-color:var(--brand); }
.primary-button:hover { background:var(--brand-strong); box-shadow:none; }
input,select,textarea {
  border-color:var(--border-strong);
  border-radius:11px;
  background:var(--surface);
}
label,.feedback-field>span { font-weight:700; }
.status-pill,.state-badge,.inbox-status {
  font-size:9px;
  font-weight:720;
  letter-spacing:0;
  box-shadow:none;
}

/* Today: summary first, details on demand */
.ops-overview {
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  background:var(--surface);
  box-shadow:var(--shadow-sm);
}
.ops-overview-head {
  min-height:68px;
  padding:13px 15px;
  border-bottom:1px solid var(--border);
  background:var(--surface);
}
.ops-overview-head h1 {
  margin:3px 0 1px;
  font-size:22px;
  font-weight:720;
  letter-spacing:-.035em;
}
.ops-overview-head p { color:var(--muted); font-size:9px; }
.ops-live {
  color:var(--accent);
  border:0;
  background:transparent;
  font-size:8px;
}
.ops-refresh {
  width:40px;
  height:40px;
  border:1px solid var(--border);
  border-radius:10px;
  color:var(--muted);
  background:var(--surface);
}
.ops-executive-grid { gap:7px; padding:7px; background:var(--canvas); }
.ops-executive-card {
  border:1px solid var(--border);
  border-radius:13px;
  background:var(--surface);
  box-shadow:none;
}
button.ops-executive-card:hover,button.ops-executive-card:focus-visible {
  border-color:var(--border-strong);
  background:var(--surface);
  box-shadow:var(--shadow-sm);
}
.ops-visit-copy>small { color:var(--muted); font-size:8px; letter-spacing:.06em; }
.ops-visit-copy>strong { font-size:19px; font-weight:730; }
.ops-visit-copy>em { color:var(--muted); font-size:9px; }
.ops-card-link { margin-top:5px; color:var(--brand); font-size:9px; }
.ops-progress-ring,.ops-allocation-donut { filter:saturate(.78); }
.ops-allocation-legend small,.ops-allocation-legend em { font-size:8px; }
.ops-allocation-legend strong { font-size:10px; font-weight:700; }
.ops-pulse-card>header { border-bottom:1px solid var(--border); background:transparent; }
.ops-pulse-card>header small { font-size:8px; letter-spacing:.06em; }
.ops-status-row {
  border-color:var(--border);
  background:var(--surface);
}
.ops-status-icon {
  color:var(--muted)!important;
  border:0!important;
  background:transparent!important;
}
.ops-status-copy small { font-size:8px; }
.ops-status-copy strong { font-weight:680; }
.ops-insight-grid { gap:7px; padding:7px; background:var(--canvas); }
.ops-insight-card {
  border:1px solid var(--border);
  border-radius:13px;
  background:var(--surface);
  box-shadow:none;
}
.ops-insight-heading { padding-bottom:8px; border-bottom:1px solid var(--border); }
.ops-insight-icon {
  width:31px;
  height:31px;
  color:var(--authority);
  border:0;
  border-radius:8px;
  background:var(--authority-soft);
}
.ops-insight-heading small { font-size:7.5px; letter-spacing:.07em; }
.ops-insight-heading strong { font-size:12px; font-weight:700; }
.ops-mobility-values i { background:transparent; }
.ops-retailer-item { border-color:var(--border); background:var(--surface); }

/* People: one clean row per person, state through a subtle rail. */
.team-board {
  margin-top:10px;
  padding:13px;
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  background:var(--surface);
  box-shadow:var(--shadow-sm);
}
.team-board-head { margin-bottom:9px; padding:0 2px 9px; border-bottom:1px solid var(--border); }
.team-board-head h2 { margin:2px 0 0; font-size:18px; font-weight:720; }
.team-board-head p { display:none; }
.team-report-link { color:var(--brand); font-size:10px; }
.team-pulse-list { gap:7px; }
.pulse-person {
  border:1px solid var(--border);
  border-left:3px solid var(--person-state-accent);
  border-radius:13px;
  background:color-mix(in srgb,var(--person-state-surface) 42%,var(--surface));
  box-shadow:none;
}
.pulse-person:hover,.pulse-person:focus-visible {
  border-color:color-mix(in srgb,var(--person-state-accent) 48%,var(--border));
  background:color-mix(in srgb,var(--person-state-surface) 54%,var(--surface));
  box-shadow:none;
}
.pulse-person-head { padding:11px 12px 8px; }
.pulse-avatar { width:40px; height:40px; border-radius:10px; font-size:11px; }
.pulse-person-main>strong { font-size:13px; font-weight:720; }
.pulse-person-main>small {
  color:var(--muted);
  font-size:9px;
  line-height:1.3;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.pulse-person-meta { margin-top:4px; }
.pulse-start-time {
  min-height:25px;
  grid-template-columns:15px auto;
  gap:4px;
  padding:3px 6px;
  border:0;
  border-radius:7px;
  background:color-mix(in srgb,var(--person-state-surface) 72%,var(--surface));
}
.pulse-start-time>svg { width:15px; height:15px; padding:0; background:transparent; }
.pulse-start-time small { display:none; }
.pulse-start-time strong { font-size:10px; font-weight:700; }
.pulse-employee-code { font-size:8px!important; font-weight:650!important; }
.pulse-person-state { gap:6px; }
.pulse-person-stats {
  grid-template-columns:repeat(5,minmax(0,1fr));
  border-top:1px solid var(--border);
  background:transparent;
}
.pulse-person-stats>span {
  min-height:43px;
  border-left:1px solid var(--border);
}
.pulse-person-stats strong { font-size:10px; font-weight:720; }
.pulse-person-stats small { font-size:7px; letter-spacing:.04em; }
.pulse-person-stats .person-road-stat { color:inherit; background:transparent; }

/* Reporting: compact navigation and a single decision surface. */
#screen-customers .intelligence-header {
  min-height:62px;
  padding:9px 12px;
  border:1px solid var(--border);
  border-left:3px solid var(--brand);
  border-radius:13px;
  background:var(--surface);
  box-shadow:none;
}
#screen-customers .intelligence-logo { width:38px; height:38px; border-radius:9px; }
#screen-customers .intelligence-brand { gap:8px; }
#screen-customers .intelligence-brand .eyebrow { font-size:8px; }
#screen-customers .intelligence-brand h1 { font-size:19px; font-weight:720; }
#screen-customers .intelligence-live { padding:0; background:transparent; }
.reporting-hub { gap:8px; margin-top:8px; }
.reporting-hub-head {
  min-height:56px;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  padding:10px 12px;
  border:1px solid var(--border);
  border-radius:13px;
  background:var(--surface);
  box-shadow:none;
}
.reporting-hub-mark { display:none; }
.reporting-hub-head h2 { margin:0; font-size:17px; font-weight:720; }
.reporting-hub-head p { display:none; }
.reporting-hub-count { min-height:26px; padding:4px 7px; font-size:8px; }
.reporting-global-filter {
  top:64px;
  gap:8px;
  padding:8px;
  border:1px solid var(--border);
  border-radius:12px;
  background:color-mix(in srgb,var(--surface) 97%,transparent);
  box-shadow:var(--shadow-sm);
}
.reporting-range-label>span { width:32px; height:32px; border-radius:8px; }
.reporting-range-label strong { font-size:11px; }
.reporting-range-label small { font-size:9px; }
.reporting-range-presets { gap:3px; }
.reporting-range-presets button {
  min-height:36px;
  padding:5px 7px;
  border:0;
  border-radius:8px;
  background:var(--canvas);
  font-size:9px;
}
.hub-command,.management-briefing,.team-report-hero {
  gap:9px;
  padding:11px;
  border:1px solid var(--border);
  border-top:3px solid var(--brand);
  border-radius:14px;
  background:var(--surface);
  box-shadow:var(--shadow-sm);
}
.hub-command-head h3,.management-briefing-head h2 { font-size:18px; font-weight:720; }
.hub-metric,.executive-metric,.person-report-card,.report-entry {
  border-color:var(--border);
  border-radius:12px;
  background:var(--surface);
  box-shadow:none;
}
.report-entry-icon,.executive-metric-icon,.hub-metric-icon {
  color:var(--authority);
  border:0;
  background:var(--authority-soft);
}
.report-entry-copy strong,.executive-metric-copy strong { font-weight:720; }
.report-entry-copy small,.executive-metric-copy em { color:var(--muted); }
.team-report-filter-card { gap:8px; padding:9px; border-top-width:3px; }
.team-filter-heading small { display:none; }
.period-control { padding:7px; border-color:var(--border); border-radius:11px; }
.period-control-head>div>span { background:transparent; }
.report-section-navigator { gap:4px; padding:4px; border-radius:11px; }
.report-section-navigator button {
  min-height:48px;
  grid-template-columns:25px minmax(0,1fr);
  padding:6px 7px;
  border-radius:8px;
}
.report-section-navigator button>span:first-child {
  width:25px;
  height:25px;
  color:var(--muted);
  background:transparent;
}
.report-section-navigator small,.report-section-navigator button>svg { display:none; }

/* Modal and feedback: content first, decoration second. */
.modal-overlay { background:rgba(16,25,32,.48); backdrop-filter:blur(3px); }
.modal-sheet {
  border-radius:18px 18px 0 0;
  background:var(--surface);
  box-shadow:var(--shadow-lg);
}
.modal-heading { border-bottom:1px solid var(--border); }
.modal-heading h2 { font-size:19px; font-weight:720; }
.modal-heading p { color:var(--muted); font-size:10px; }
.feedback-context {
  grid-template-columns:32px minmax(0,1fr);
  gap:9px;
  margin-bottom:12px;
  padding:10px;
  border-color:var(--border);
  border-radius:11px;
  background:var(--canvas);
}
.feedback-context>span {
  width:32px;
  height:32px;
  color:var(--brand);
  border-radius:8px;
  background:transparent;
}
.feedback-context svg { width:18px; }
.feedback-context strong { font-size:12px; font-weight:720; }
.feedback-context small { font-size:9px; }
.feedback-context em { margin-top:3px; font-size:9px; font-weight:650; }
.feedback-field { gap:5px; margin-top:10px; }
.feedback-field>span { font-size:11px; }
.feedback-field textarea { min-height:120px; }
.feedback-delivery-note {
  grid-template-columns:20px minmax(0,1fr);
  gap:8px;
  margin-top:11px;
  padding:9px 10px;
  color:var(--accent);
  border:1px solid var(--border);
  border-radius:10px;
  background:var(--accent-soft);
}
.feedback-delivery-note svg { width:18px; }
.feedback-delivery-note strong { font-size:10px; }
.feedback-delivery-note small { font-size:9px; }

@media(max-width:720px) {
  .screen { padding:12px 10px 20px; }
  .ops-overview-head { padding:11px 12px; }
  .ops-overview-head h1 { font-size:19px; }
  .ops-executive-grid,.ops-insight-grid { grid-template-columns:1fr; }
  .team-board { padding:10px; }
  .pulse-person-head { grid-template-columns:40px minmax(0,1fr) auto; }
  .pulse-person-state { grid-column:auto; }
  .reporting-global-filter { grid-template-columns:1fr; }
  .reporting-range-label { display:none; }
  .reporting-range-presets button { min-height:38px; }
}
@media(max-width:430px) {
  .topbar .brand-logo-mark { width:56px; flex-basis:56px; }
  .topbar-copy strong { font-size:13px; }
  .pulse-person-head { grid-template-columns:38px minmax(0,1fr); }
  .pulse-person-state { grid-column:2; justify-self:start; }
  .pulse-person-stats { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .pulse-person-stats>span:nth-child(4),
  .pulse-person-stats>span:nth-child(5) { border-top:1px solid var(--border); }
  .pulse-person-stats>span:nth-child(4) { grid-column:1 / 2; border-left:0; }
  .pulse-person-stats>span:nth-child(5) { grid-column:2 / 4; }
  .reporting-range-presets { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .modal-sheet { padding-inline:14px; }
}
@media(prefers-reduced-motion:reduce) {
  .ops-executive-card,.ops-insight-card,.pulse-person,
  .reporting-range-presets button,.report-entry { transition:none!important; }
}


/* Coverage Visit Drilldown v86
   Period visits are individual operational records, never only aggregated branches. */
.coverage-directory-metrics > .coverage-period-metric {
  position:relative;
  min-height:62px;
  display:grid;
  place-content:center;
  gap:2px;
  padding:8px;
  color:var(--ink);
  text-align:center;
  border:0;
  border-left:1px solid var(--border);
  background:var(--surface);
  cursor:pointer;
  touch-action:manipulation;
  transition:color .18s ease,background .18s ease,box-shadow .18s ease;
}
.coverage-directory-metrics > .coverage-period-metric:hover,
.coverage-directory-metrics > .coverage-period-metric:focus-visible,
.coverage-directory-metrics > .coverage-period-metric[aria-pressed="true"] {
  z-index:1;
  color:var(--authority);
  background:var(--authority-soft);
  box-shadow:inset 0 -3px 0 var(--authority);
}
.coverage-directory-metrics > .coverage-period-metric:disabled {
  cursor:not-allowed;
  opacity:.5;
}
.coverage-period-metric em {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:3px;
  color:var(--brand);
  font-size:8px;
  font-style:normal;
  font-weight:850;
}
.coverage-period-metric em svg {
  width:10px;
  height:10px;
}
.coverage-visit-toolbar {
  min-height:56px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:9px 12px;
  border:1px solid color-mix(in srgb,var(--authority) 24%,var(--border));
  border-radius:13px;
  background:var(--authority-soft);
}
.coverage-visit-toolbar.hidden {
  display:none;
}
.coverage-visit-toolbar > button {
  min-height:44px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:0 11px;
  color:var(--authority);
  border:1px solid color-mix(in srgb,var(--authority) 25%,var(--border));
  border-radius:10px;
  background:var(--surface);
  font-size:9px;
  font-weight:850;
  cursor:pointer;
  touch-action:manipulation;
}
.coverage-visit-toolbar > button:hover,
.coverage-visit-toolbar > button:focus-visible {
  color:var(--brand);
  border-color:var(--brand);
}
.coverage-visit-toolbar > button svg {
  width:14px;
}
.coverage-visit-toolbar > div {
  min-width:0;
  display:grid;
  gap:2px;
}
.coverage-visit-toolbar > div strong {
  font-size:12px;
}
.coverage-visit-toolbar > div small {
  color:var(--muted);
  font-size:9px;
  line-height:1.4;
}
.coverage-period-visit-row {
  width:100%;
  min-height:92px;
  display:grid;
  grid-template-columns:40px minmax(0,1fr) minmax(160px,.42fr) 82px;
  align-items:center;
  gap:11px;
  padding:12px;
  color:var(--ink);
  text-align:left;
  border:1px solid var(--border);
  border-left:4px solid var(--success);
  border-radius:15px;
  background:var(--surface);
  box-shadow:var(--shadow-sm);
  cursor:pointer;
  touch-action:manipulation;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.coverage-period-visit-row.is-open {
  border-left-color:var(--info);
}
.coverage-period-visit-row:hover,
.coverage-period-visit-row:focus-visible {
  border-color:var(--authority);
  background:color-mix(in srgb,var(--authority-soft) 32%,var(--surface));
  box-shadow:var(--shadow-md);
}
.coverage-period-visit-index {
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  color:var(--success);
  border-radius:12px;
  background:var(--success-soft);
  font-size:10px;
  font-weight:900;
  font-variant-numeric:tabular-nums;
}
.coverage-period-visit-row.is-open .coverage-period-visit-index {
  color:var(--info);
  background:var(--info-soft);
}
.coverage-period-visit-copy {
  min-width:0;
  display:grid;
  gap:4px;
}
.coverage-period-visit-copy > strong {
  font-size:13px;
  line-height:1.3;
}
.coverage-period-visit-copy > small {
  color:var(--muted);
  font-size:9px;
  line-height:1.4;
}
.coverage-period-visit-copy > em {
  width:max-content;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:var(--authority);
  font-size:8.5px;
  font-style:normal;
  font-weight:800;
}
.coverage-period-visit-copy > em svg {
  width:12px;
  height:12px;
  flex:0 0 auto;
}
.coverage-period-visit-copy > em span {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.coverage-period-visit-result {
  min-width:0;
  display:grid;
  justify-items:start;
  gap:3px;
}
.coverage-period-status {
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:3px 7px;
  color:var(--success);
  border-radius:999px;
  background:var(--success-soft);
  font-size:8px;
  font-weight:850;
}
.coverage-period-status.open {
  color:var(--info);
  background:var(--info-soft);
}
.coverage-period-status i {
  width:6px;
  height:6px;
  border-radius:50%;
  background:currentColor;
}
.coverage-period-visit-result > strong {
  font-size:12px;
  font-variant-numeric:tabular-nums;
}
.coverage-period-visit-result > small {
  color:var(--muted);
  font-size:8.5px;
  line-height:1.35;
}
.coverage-period-visit-open {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:5px;
  color:var(--brand);
}
.coverage-period-visit-open small {
  font-size:8px;
  font-weight:900;
  white-space:nowrap;
}
.coverage-period-visit-open svg {
  width:14px;
}
@media(max-width:720px) {
  .coverage-period-visit-row {
    min-height:118px;
    grid-template-columns:36px minmax(0,1fr) 20px;
    gap:8px;
    padding:10px;
  }
  .coverage-period-visit-index {
    width:36px;
    height:36px;
  }
  .coverage-period-visit-result {
    grid-column:2;
    grid-row:2;
  }
  .coverage-period-visit-open {
    grid-column:3;
    grid-row:1 / 3;
  }
  .coverage-period-visit-open small {
    display:none;
  }
}
@media(max-width:390px) {
  .coverage-directory-metrics > :nth-child(3) {
    border-left:0;
    border-top:1px solid var(--border);
  }
  .coverage-directory-metrics > :nth-child(4) {
    border-top:1px solid var(--border);
  }
  .coverage-visit-toolbar {
    align-items:flex-start;
  }
  .coverage-visit-toolbar > button span {
    display:none;
  }
  .coverage-visit-toolbar > button {
    width:44px;
    flex:0 0 44px;
    justify-content:center;
    padding:0;
  }
}
@media(prefers-reduced-motion:reduce) {
  .coverage-period-metric,
  .coverage-period-visit-row,
  .coverage-visit-toolbar > button {
    transition:none!important;
  }
}

/* Sales Pro v1 — commercial outcome captured separately from store execution. */
.sales-outcome-card {
  margin: 16px 0;
  padding: 16px;
  border: 1px solid var(--line, #dbe5f3);
  border-radius: 18px;
  background: var(--surface, #fff);
}
.sales-outcome-card textarea { min-height: 104px; }
@media (prefers-reduced-motion: reduce) {
  .sales-outcome-card, .sales-outcome-card * { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}
/* Quick Sales Visit */
.simple-visit-card{max-width:760px;margin:0 auto;background:var(--surface,#fff);border:1px solid var(--border,#dbe4ea);border-radius:24px;padding:clamp(18px,4vw,32px);box-shadow:0 16px 40px rgba(15,42,55,.08)}
.simple-visit-card>header{margin-bottom:22px}.simple-visit-card>header h2{margin:5px 0}.simple-visit-card>header p{margin:0;color:var(--muted-text,#64748b)}
.simple-visit-fields{display:grid;gap:18px}.simple-visit-fields>label,.simple-visit-fields fieldset{display:grid;gap:8px;margin:0;border:0;padding:0}.simple-visit-fields label>span,.simple-visit-fields legend{font-weight:800;color:#173642}.simple-visit-fields label em{font-weight:500;color:#718096}
.simple-photo-panel,.balance-confirmation-card,.balance-shop-control{display:grid;gap:14px;padding:18px;border:1px solid #b8ded9;border-radius:18px;background:#f0fdfa}.simple-photo-panel>div:first-child,.balance-confirmation-card{display:grid;gap:6px}.simple-photo-panel .eyebrow{font-size:10px;letter-spacing:.09em}.simple-photo-panel strong{font-size:18px;line-height:1.3}.simple-photo-panel small,.balance-confirmation-card small,.balance-shop-control small{color:#567078;line-height:1.55}
.simple-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.simple-review-grid>div{display:grid;gap:5px;padding:15px;border:1px solid #dce7eb;border-radius:15px;background:#f8fafc}.simple-review-grid span{font-size:.78rem;color:#64748b}.simple-review-grid strong{font-size:1rem;color:#173642}
.balance-shop-control{grid-template-columns:1fr auto;align-items:center;margin-top:16px}.balance-shop-control>div{display:grid;gap:4px}.balance-shop-control button{min-width:130px;min-height:48px}
@media(max-width:560px){.simple-review-grid{grid-template-columns:1fr}.balance-shop-control{grid-template-columns:1fr}.simple-visit-card{border-radius:18px;padding:16px}}

/* Customer visit filters */
.customer-filter-toolbar{display:flex;align-items:center;gap:8px;margin:12px 0 8px}.customer-filter-toggle{min-height:46px;display:flex;flex:1;align-items:center;justify-content:space-between;padding:0 14px;color:var(--ink);border:1px solid var(--border);border-radius:13px;background:color-mix(in srgb,var(--surface) 86%,var(--canvas));font:inherit;font-weight:800}.customer-filter-toggle strong{padding:4px 8px;color:var(--authority);border-radius:999px;background:var(--authority-soft);font-size:.66rem}
.customer-filter-panel{margin-bottom:12px;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--canvas)}.customer-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.customer-filter-grid label{margin:0}.customer-filter-grid select{min-height:46px}
.customer-result-facts{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.customer-result-facts b{padding:4px 7px;color:var(--muted);border-radius:7px;background:var(--canvas);font-size:.62rem}.customer-result-facts .has-balance{color:var(--danger);background:color-mix(in srgb,var(--danger),transparent 90%)}.customer-result-facts .confirmation-required{color:var(--authority);background:var(--authority-soft)}
@media(max-width:520px){.customer-filter-grid{grid-template-columns:1fr}.customer-filter-panel{padding:10px}.customer-result-facts b{font-size:.6rem}}
@media(prefers-reduced-motion:reduce){.customer-filter-toggle{transition:none!important}}


/* Customer Master operational filters */
.customer-assignment-filters { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }
.customer-assignment-filters label { min-width:0; display:grid; gap:5px; color:var(--muted); font-size:10px; font-weight:850; letter-spacing:.03em; text-transform:uppercase; }
.customer-assignment-filters select { width:100%; min-height:46px; padding:0 34px 0 12px; color:var(--ink); border:1px solid var(--border-strong); border-radius:12px; outline:0; background:var(--surface); font:inherit; font-size:13px; font-weight:750; text-transform:none; }
.customer-assignment-filters select:focus-visible { border-color:var(--authority); box-shadow:0 0 0 3px color-mix(in srgb,var(--authority) 14%,transparent); }
.customer-assignment-clear-filters { min-height:44px; grid-column:1 / -1; justify-self:start; padding:0 14px; color:var(--authority); border:1px solid color-mix(in srgb,var(--authority) 28%,var(--border)); border-radius:11px; background:var(--authority-soft); font:inherit; font-size:12px; font-weight:850; cursor:pointer; }
.customer-assignment-clear-filters:hover,.customer-assignment-clear-filters:focus-visible { outline:0; color:var(--ink); border-color:var(--authority); }
@media (max-width:760px) { .customer-assignment-filters { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:420px) { .customer-assignment-filters { grid-template-columns:1fr; } }


/* Customer Master financial and activity facts */
.customer-assignment-row { grid-template-columns:52px minmax(180px,1.25fr) minmax(310px,1.15fr) minmax(135px,.55fr) auto; }
.customer-master-facts { min-width:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 12px; padding-left:13px; border-left:1px solid var(--border); }
.customer-master-facts > span { min-width:0; display:grid; gap:2px; }
.customer-master-facts small { color:var(--muted); font-size:9px; font-weight:800; letter-spacing:.03em; text-transform:uppercase; }
.customer-master-facts strong { overflow:hidden; color:var(--ink); font-size:11px; font-variant-numeric:tabular-nums; text-overflow:ellipsis; white-space:nowrap; }
.customer-master-facts .is-outstanding strong { color:var(--warning); }
.customer-master-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.customer-master-detail-grid > div { min-width:0; display:grid; gap:3px; padding:11px 12px; border:1px solid var(--border); border-radius:12px; background:var(--canvas); }
.customer-master-detail-grid small { color:var(--muted); font-size:9px; font-weight:850; letter-spacing:.04em; text-transform:uppercase; }
.customer-master-detail-grid strong { overflow-wrap:anywhere; color:var(--ink); font-size:12px; font-variant-numeric:tabular-nums; }
@media (max-width:980px) { .customer-assignment-row { grid-template-columns:46px minmax(0,1fr) auto; } .customer-master-facts { grid-column:2 / -1; padding:9px 0 0; border-top:1px solid var(--border); border-left:0; } .customer-assignment-meta { grid-column:2 / -1; } }
@media (max-width:480px) { .customer-master-facts,.customer-master-detail-grid { grid-template-columns:1fr 1fr; } }


/* Complete Customer Master filter set */
.customer-assignment-advanced { grid-column:1 / -1; overflow:hidden; border:1px solid var(--border); border-radius:13px; background:var(--canvas); }
.customer-assignment-advanced summary { min-height:46px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 13px; color:var(--ink); font-size:12px; font-weight:850; cursor:pointer; }
.customer-assignment-advanced summary span { color:var(--muted); font-size:10px; font-weight:650; }
.customer-assignment-advanced-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; padding:0 12px 12px; }
.customer-assignment-advanced-grid label { min-width:0; display:grid; gap:5px; color:var(--muted); font-size:10px; font-weight:850; letter-spacing:.03em; text-transform:uppercase; }
.customer-assignment-advanced-grid label.wide { grid-column:span 2; }
.customer-assignment-advanced-grid input { width:100%; min-height:44px; padding:0 11px; color:var(--ink); border:1px solid var(--border-strong); border-radius:11px; outline:0; background:var(--surface); font:inherit; font-size:13px; font-weight:700; text-transform:none; }
.customer-assignment-advanced-grid input:focus-visible { border-color:var(--authority); box-shadow:0 0 0 3px color-mix(in srgb,var(--authority) 14%,transparent); }
@media (max-width:760px) { .customer-assignment-advanced-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:420px) { .customer-assignment-advanced summary span { display:none; } .customer-assignment-advanced-grid { grid-template-columns:1fr; } .customer-assignment-advanced-grid label.wide { grid-column:auto; } }


/* Customer Master card — relationship, commercial value, and field activity */
.customer-assignment-row { min-height:0; grid-template-areas:"code identity identity action" ". range commercial visit"; grid-template-columns:52px minmax(230px,.82fr) minmax(380px,1.3fr) minmax(160px,.62fr); align-items:start; gap:6px 18px; padding:13px 16px; border-radius:18px; }
.customer-assignment-code { grid-area:code; }
.customer-assignment-copy { grid-area:identity; gap:5px; }
.customer-assignment-copy > span strong { font-size:15px; line-height:1.35; white-space:normal; }
.customer-assignment-action { grid-area:action; }
.customer-sales-range { grid-area:range; min-width:0; min-height:78px; display:grid; align-content:center; gap:7px; padding:10px 12px; border:1px solid var(--border); border-radius:14px; background:var(--canvas); }
.customer-sales-range > small { display:none; }
.customer-sales-range > span { position:relative; min-width:0; display:grid; grid-template-columns:9px minmax(0,1fr); align-items:start; gap:8px; }
.customer-sales-range > span:first-of-type::after { position:absolute; top:8px; bottom:-14px; left:3px; width:1px; content:""; background:color-mix(in srgb,var(--authority) 28%,var(--border)); }
.customer-sales-range i { position:relative; z-index:1; width:7px; height:7px; margin-top:4px; border:2px solid var(--surface); border-radius:999px; background:var(--muted); box-shadow:0 0 0 1px var(--border-strong); }
.customer-sales-range .latest i { background:var(--authority); box-shadow:0 0 0 2px var(--authority-soft); }
.customer-sales-range > span > span { min-width:0; display:grid; gap:1px; }
.customer-sales-range > span small { color:var(--muted); font-size:10px; font-weight:800; letter-spacing:.025em; text-transform:uppercase; }
.customer-sales-range > span strong { color:var(--ink); font-size:15px; font-weight:850; line-height:1.25; font-variant-numeric:tabular-nums; white-space:nowrap; }
.customer-sales-range .latest strong { color:var(--authority); }
.customer-commercial-facts { grid-area:commercial; min-width:0; min-height:78px; display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr) minmax(0,1fr); gap:8px; overflow:hidden; padding:8px; border:1px solid color-mix(in srgb,var(--authority) 14%,var(--border)); border-radius:14px; background:color-mix(in srgb,var(--authority-soft) 24%,var(--canvas)); }
.customer-commercial-facts > span { min-width:0; display:grid; align-content:center; gap:3px; padding:7px 9px; border-left:1px solid var(--border); }
.customer-commercial-facts > span:first-child { border-left:0; }
.customer-commercial-facts small { color:var(--muted); font-size:9px; font-weight:800; line-height:1.15; letter-spacing:.035em; text-transform:uppercase; white-space:normal; }
.customer-commercial-facts strong { overflow:visible; color:var(--ink); font-size:12px; font-variant-numeric:tabular-nums; text-overflow:clip; white-space:nowrap; }
.customer-commercial-facts .primary strong { color:var(--authority); font-size:14px; }
.customer-assignment-meta { grid-area:visit; align-content:center; gap:4px; padding:10px 12px; border:1px solid var(--border); border-left:1px solid var(--border); border-radius:12px; background:var(--canvas); }
.customer-assignment-meta.has-visit { border-color:color-mix(in srgb,var(--success) 24%,var(--border)); background:var(--success-soft); }
.customer-assignment-meta.no-visit { border-color:color-mix(in srgb,var(--muted) 18%,var(--border)); }
.customer-assignment-meta.has-visit strong { color:var(--success); }
.customer-assignment-meta em { line-height:1.35; }
.customer-assignment-code,.customer-assignment-action { margin-top:2px; }
@media (max-width:760px) {
  .customer-assignment-row { grid-template-areas:"code identity action" ". range range" ". commercial commercial" ". visit visit"; grid-template-columns:46px minmax(0,1fr) auto; gap:11px; padding:13px; }
  .customer-sales-range { grid-template-columns:1fr; }
  .customer-commercial-facts { grid-template-columns:1.2fr .65fr .9fr; }
  .customer-assignment-meta { display:grid; padding:9px 11px; border-top:1px solid var(--border); }
}
@media (max-width:480px) {
  .customer-commercial-facts { grid-template-columns:1fr 1fr; }
  .customer-commercial-facts .primary { grid-column:1 / -1; padding-bottom:9px; border-bottom:1px solid var(--border); border-left:0; }
  .customer-commercial-facts > span:nth-child(2) { border-left:0; }
  .customer-commercial-facts .primary strong { font-size:15px; }
}


/* Two-step Customer Master sort builder */
.customer-sort-builder { display:grid; grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr); align-items:end; gap:10px; padding:12px; border:1px solid color-mix(in srgb,var(--authority) 22%,var(--border)); border-radius:15px; background:linear-gradient(135deg,var(--authority-soft),var(--surface)); }
.customer-sort-builder header { display:flex; align-items:center; gap:8px; align-self:center; }
.customer-sort-builder header > span { width:28px; height:28px; display:grid; place-items:center; flex:0 0 auto; color:#fff; border-radius:9px; background:var(--authority); font-size:12px; font-weight:900; }
.customer-sort-builder header div { display:grid; gap:1px; }
.customer-sort-builder header strong { color:var(--ink); font-size:12px; }
.customer-sort-builder header small { color:var(--muted); font-size:9px; }
.customer-sort-builder label { min-width:0; display:grid; gap:5px; color:var(--muted); font-size:10px; font-weight:850; text-transform:uppercase; }
.customer-sort-builder select { width:100%; min-height:46px; padding:0 34px 0 12px; color:var(--ink); border:1px solid var(--border-strong); border-radius:11px; outline:0; background:var(--surface); font:inherit; font-size:13px; font-weight:800; text-transform:none; }
.customer-sort-builder select:focus-visible { border-color:var(--authority); box-shadow:0 0 0 3px color-mix(in srgb,var(--authority) 14%,transparent); }
@media (max-width:860px) { .customer-sort-builder { grid-template-columns:auto minmax(0,1fr); } }
@media (max-width:480px) { .customer-sort-builder { grid-template-columns:1fr; } .customer-sort-builder header { margin-top:4px; } }


/* Mandatory Visit Planner v97 */
.visit-planner{margin:18px 0;padding:18px;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-sm)}.visit-planner>header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.visit-planner>header>div{flex:1}.visit-planner h2{margin:2px 0 3px}.visit-planner p{margin:0;color:var(--muted);font-size:.8rem}.visit-plan-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.visit-plan-summary span{display:grid;gap:2px;padding:11px;border-radius:13px;background:var(--canvas);text-align:center}.visit-plan-summary strong{font-size:1.25rem}.visit-plan-summary small{color:var(--muted);font-weight:700}.mandatory-visit-list{display:grid;gap:9px}.mandatory-visit-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px;border:1px solid var(--border);border-left:4px solid var(--success);border-radius:14px;background:var(--surface)}.mandatory-visit-card.priority-high{border-left-color:var(--warning)}.mandatory-visit-card.priority-urgent,.mandatory-visit-card.overdue{border-left-color:var(--danger)}.mandatory-visit-date{display:grid;gap:2px;min-width:78px}.mandatory-visit-date small{color:var(--muted);font-size:.62rem;font-weight:900}.mandatory-visit-date strong{font-size:.78rem}.mandatory-visit-copy{display:grid;gap:2px}.mandatory-visit-copy>span{color:var(--authority);font-size:.65rem;font-weight:900;text-transform:uppercase}.mandatory-visit-copy>strong{font-size:.88rem}.mandatory-visit-copy>small,.mandatory-visit-copy>em{color:var(--muted);font-size:.68rem;font-style:normal}.mandatory-badge{align-self:start;padding:4px 7px;border-radius:999px;background:var(--authority-soft);color:var(--authority);font-size:.57rem;font-weight:900}.mandatory-visit-card>button{grid-column:2/-1;min-height:44px;border:0;border-radius:10px;background:var(--accent);color:#fff;font:inherit;font-size:.75rem;font-weight:850;cursor:pointer}.mandatory-visits-today{margin:0 0 16px}.visit-plan-from-customer{width:100%;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:8px}.visit-assignment-form{display:grid;gap:12px}.visit-assignment-form>label{display:grid;gap:6px}.visit-assignment-form>label>span{font-size:.72rem;font-weight:850}.visit-assignment-form select,.visit-assignment-form input,.visit-assignment-form textarea{width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--border);border-radius:11px;background:var(--canvas);color:var(--ink);font:inherit}.mandatory-assurance{display:flex;gap:9px;padding:11px;border-radius:12px;background:var(--authority-soft);color:var(--authority)}.mandatory-assurance svg{width:20px;flex:0 0 20px}.mandatory-assurance p{margin:0}.mandatory-assurance strong,.mandatory-assurance small{display:block}.mandatory-assurance small{margin-top:2px;color:var(--muted);font-size:.68rem}@media(max-width:560px){.mandatory-visit-card{grid-template-columns:1fr auto}.mandatory-visit-date{grid-column:1}.mandatory-visit-copy{grid-column:1/-1}.mandatory-badge{grid-column:2;grid-row:1}.mandatory-visit-card>button{grid-column:1/-1}.visit-plan-summary{gap:5px}.visit-planner{padding:14px}}

/* Mobile Operations UI v103 — thumb-first, high-legibility, production field use */
@media (max-width:600px) {
  :root {
    --mobile-gutter:14px;
    --nav-height:72px;
    --tap:48px;
  }
  html,body { max-width:100%; overflow-x:hidden; }
  body { min-height:100dvh; background:var(--canvas); font-size:16px; -webkit-tap-highlight-color:transparent; }
  .app-shell { min-height:100dvh; padding-bottom:calc(94px + var(--app-safe-bottom)); }
  .topbar {
    min-height:58px;
    padding:calc(7px + var(--app-safe-top)) var(--mobile-gutter) 7px;
    border-bottom:1px solid var(--border);
    background:color-mix(in srgb,var(--surface) 96%,transparent);
    box-shadow:0 2px 12px rgba(15,42,64,.05);
    backdrop-filter:blur(14px);
  }
  .topbar .brand-mark { width:40px; height:40px; border-radius:10px; }
  .topbar-copy { min-width:0; gap:1px; }
  .topbar-copy strong { overflow:hidden; font-size:14px; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; }
  .topbar-copy > span { overflow:hidden; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
  .topbar .icon-button { width:46px; height:46px; flex:0 0 46px; }
  main { width:100%; padding:12px var(--mobile-gutter) calc(102px + var(--app-safe-bottom)); }
  .screen { width:100%; min-width:0; }
  .screen-heading { gap:10px; margin-bottom:14px; }
  .screen-heading h1,.intelligence-header h1 { font-size:22px; line-height:1.15; letter-spacing:-.025em; }
  .screen-heading p,.intelligence-header p { font-size:13px; line-height:1.45; }
  .eyebrow { font-size:9px; letter-spacing:.09em; }
  .hero-card,.today-command-hero { padding:16px; border-radius:20px; box-shadow:0 10px 28px rgba(15,42,64,.12); }
  .hero-card h1,.today-command-title h2 { font-size:24px; line-height:1.15; }
  .hero-card p,.today-command-title p { font-size:13px; line-height:1.45; }
  .metric-grid,.today-command-metrics,.today-status-strip { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .metric-card,.report-metric,.today-status-strip>div { min-width:0; min-height:88px; padding:12px; border-radius:15px; }
  .metric-card strong,.report-metric strong,.today-status-strip strong { font-size:20px; font-variant-numeric:tabular-nums; }
  .section-block,.info-card,.visit-planner,.simple-visit-card { border-radius:18px; box-shadow:none; }
  .section-heading { align-items:center; margin-bottom:10px; }
  .section-heading h2 { font-size:18px; }
  button,a,[role="button"],select,input,textarea { touch-action:manipulation; }
  button,.primary-button,.secondary-button,.text-button,select,input { min-width:44px; min-height:48px; }
  input,select,textarea { font-size:16px!important; }
  button:active,.nav-item:active,.customer-assignment-row:active { opacity:.72; }

  .bottom-nav {
    left:10px;
    right:10px;
    bottom:max(8px,var(--app-safe-bottom));
    width:auto;
    min-height:68px;
    transform:none;
    gap:2px;
    padding:6px;
    border:1px solid color-mix(in srgb,var(--authority) 16%,var(--border));
    border-radius:20px;
    background:color-mix(in srgb,var(--surface) 97%,transparent);
    box-shadow:0 12px 34px rgba(15,42,64,.18);
  }
  .nav-item { min-width:0; min-height:56px; gap:3px; padding:6px 2px; border-radius:15px; font-size:10px; }
  .nav-item.active { color:var(--brand); background:var(--brand-soft); }
  .nav-icon,.nav-icon svg { width:22px; height:22px; }

  .intelligence-header {
    grid-template-columns:44px minmax(0,1fr);
    gap:11px;
    margin:0 0 12px;
    padding:13px;
    border-radius:17px;
    box-shadow:none;
  }
  .intelligence-title-mark,.intelligence-logo { width:44px; height:44px; border-radius:12px; }
  .intelligence-live { grid-column:2; align-items:flex-start; }
  .reporting-hub,.management-briefing,.customer-intake,.customer-assignment { padding:14px; border-radius:18px; box-shadow:none; }
  .reporting-hub-head,.customer-assignment-head { grid-template-columns:42px minmax(0,1fr); gap:10px; }
  .reporting-hub-head>span:last-child,.customer-import-badge { display:none; }

  .customer-assignment { margin-inline:calc(var(--mobile-gutter) * -1); padding:14px var(--mobile-gutter); border-right:0; border-left:0; border-radius:0; }
  .customer-assignment-head { margin-bottom:12px; }
  .customer-assignment-head-icon { width:42px; height:42px; border-radius:12px; }
  .customer-assignment-head h3 { margin:1px 0 3px; font-size:18px; }
  .customer-assignment-head p { font-size:12px; line-height:1.4; }
  .customer-assignment-search { min-height:52px; gap:8px; padding:4px 5px 4px 12px; border-radius:15px; background:var(--surface); }
  .customer-assignment-search label { gap:0; }
  .customer-assignment-search label small { display:none; }
  .customer-assignment-search input { min-height:44px; padding:0; }
  .customer-assignment-search button { width:44px; height:44px; }
  .customer-assignment-filters { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .customer-assignment-filters label { font-size:9px; }
  .customer-assignment-filters select { min-height:48px; padding-left:10px; border-radius:12px; font-size:14px!important; }
  .customer-assignment-clear-filters { width:100%; justify-content:center; }
  .customer-assignment-advanced summary { min-height:48px; font-size:13px; }
  .customer-assignment-advanced-grid { grid-template-columns:1fr; }
  .customer-assignment-advanced-grid label.wide { grid-column:auto; }

  .customer-sort-builder {
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    align-items:start;
    gap:8px;
    padding:10px;
    border-radius:15px;
    background:var(--authority-soft);
  }
  .customer-sort-builder header { display:none; }
  .customer-sort-builder label { font-size:9px; }
  .customer-sort-builder select { min-height:48px; padding-left:10px; font-size:13px!important; }
  .customer-assignment-result-head { align-items:center; flex-direction:row; margin:16px 0 8px; }
  .customer-assignment-result-head span { font-size:14px; }
  .customer-assignment-result-head small { font-size:10px; text-align:right; }
  .customer-assignment-list { gap:10px; }
  .customer-assignment-row {
    grid-template-areas:"code identity action" "range range range" "commercial commercial commercial" "visit visit visit";
    grid-template-columns:44px minmax(0,1fr) 32px;
    gap:10px;
    padding:13px;
    border:1px solid var(--border);
    border-radius:18px;
    background:var(--surface);
    box-shadow:0 3px 12px rgba(15,42,64,.05);
  }
  .customer-assignment-code { width:44px; height:44px; margin:0; border-radius:12px; font-size:11px; }
  .customer-assignment-copy { gap:4px; }
  .customer-assignment-copy>span strong { font-size:15px; line-height:1.3; }
  .customer-assignment-copy>small { overflow:visible; font-size:11px; line-height:1.35; white-space:normal; }
  .customer-assignment-copy>b { font-size:11px; }
  .customer-assignment-action { width:32px; min-width:32px; min-height:44px; margin:0; justify-content:center; }
  .customer-assignment-action small { display:none; }
  .customer-sales-range {
    min-height:0;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    padding:10px;
    border-radius:13px;
  }
  .customer-sales-range>span:first-of-type::after { display:none; }
  .customer-sales-range>span { grid-template-columns:8px minmax(0,1fr); gap:6px; }
  .customer-sales-range>span small { font-size:9px; }
  .customer-sales-range>span strong { font-size:16px; white-space:normal; }
  .customer-commercial-facts {
    min-height:0;
    grid-template-columns:1.25fr .75fr;
    gap:0;
    padding:0;
    border-radius:13px;
  }
  .customer-commercial-facts>span { min-height:58px; padding:10px; }
  .customer-commercial-facts .primary { grid-column:1/-1; min-height:62px; border-bottom:1px solid var(--border); border-left:0; }
  .customer-commercial-facts .primary strong { font-size:18px; }
  .customer-commercial-facts small { font-size:9px; }
  .customer-commercial-facts strong { font-size:14px; }
  .customer-assignment-meta { min-height:58px; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:3px 10px; padding:10px 12px; border-radius:13px; }
  .customer-assignment-meta small { grid-column:1; font-size:9px; }
  .customer-assignment-meta strong { grid-column:1; font-size:13px; white-space:normal; }
  .customer-assignment-meta em { grid-column:2; grid-row:1/3; align-self:center; font-size:11px; text-align:right; }

  .visit-planner { margin:14px 0; padding:14px; }
  .visit-planner>header { align-items:flex-start; }
  .visit-planner h2 { font-size:18px; }
  .visit-plan-summary { gap:6px; }
  .visit-plan-summary span { min-width:0; padding:10px 4px; }
  .visit-plan-summary strong { font-size:19px; }
  .visit-plan-summary small { font-size:9px; }
  .mandatory-visit-card { grid-template-columns:minmax(0,1fr) auto; gap:8px; padding:12px; }
  .mandatory-visit-date,.mandatory-visit-copy,.mandatory-visit-card>button { grid-column:1/-1; }
  .mandatory-badge { grid-column:2; grid-row:1; }
  .mandatory-visit-card>button { width:100%; min-height:48px; }
  .assignment-target-options,.assignment-team-options { grid-template-columns:1fr; }
  .assignment-target-options label,.assignment-target-options span { min-height:64px; }
  .weekly-days { grid-template-columns:repeat(4,1fr); gap:6px; }
  .weekly-days button { min-height:54px; }
  .weekly-search-row,.weekly-settings { grid-template-columns:1fr; }
  .weekly-search-row label:first-child { grid-column:auto; }
  .product-date-step { width:44px; min-width:44px; }
  .product-date-control input,#commandDateInput { min-height:44px; }
  .product-refresh,#commandRefresh { width:44px; min-width:44px; }
  .product-account-row { min-height:48px!important; }

  .modal-overlay { padding:var(--app-safe-top) 0 0; background:rgba(8,20,31,.56); }
  .modal,.modal-sheet {
    width:100%;
    max-width:none;
    max-height:calc(100dvh - var(--app-safe-top));
    margin-top:auto;
    padding-bottom:var(--app-safe-bottom);
    border-radius:22px 22px 0 0;
  }
  .customer-assignment-form { gap:12px; padding:0 var(--mobile-gutter) calc(16px + var(--app-safe-bottom)); }
  .customer-assignment-identity,.customer-assignment-current { grid-template-columns:44px minmax(0,1fr); padding:11px; }
  .customer-assignment-identity>span,.customer-assignment-current>span { width:44px; height:44px; }
  .customer-assignment-identity strong,.customer-assignment-current strong { font-size:14px; white-space:normal; }
  .customer-assignment-form-actions { position:sticky; bottom:0; z-index:10; grid-template-columns:1fr 1.4fr; padding-top:10px; background:var(--surface); }
  .customer-assignment-form-actions button { min-height:52px; }
}

@media (max-width:375px) {
  :root { --mobile-gutter:12px; }
  .topbar-copy>span { max-width:190px; }
  .customer-assignment-filters { grid-template-columns:1fr; }
  .customer-sort-builder { grid-template-columns:1fr; }
  .customer-assignment-result-head { align-items:flex-start; flex-direction:column; }
  .customer-assignment-result-head small { text-align:left; }
  .customer-sales-range { grid-template-columns:1fr; }
  .customer-commercial-facts .primary strong { font-size:17px; }
  .nav-item { font-size:9px; }
}

@media (orientation:landscape) and (max-height:560px) and (max-width:960px) {
  .topbar { position:relative; }
  main { padding-bottom:82px; }
  .bottom-nav { min-height:60px; }
  .nav-item { min-height:48px; }
}

@media (prefers-reduced-motion:reduce) {
  .customer-assignment-row,.bottom-nav,.nav-item,.modal,.modal-sheet { scroll-behavior:auto!important; transition:none!important; animation:none!important; }
}
.camera-only-action{width:100%;min-height:56px;border:1px solid var(--line);background:var(--surface);cursor:pointer;font:inherit;font-weight:800;color:var(--ink)}
.live-camera-overlay{position:fixed;inset:0;z-index:9999;background:#07131ddd;display:grid;place-items:center;padding:16px}
.live-camera-sheet{width:min(100%,560px);overflow:hidden;border-radius:24px;background:#07131d;color:#fff;box-shadow:0 24px 80px #0008}
.live-camera-sheet header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px}
.live-camera-sheet header div{display:grid;gap:2px}.live-camera-sheet header span,.live-camera-sheet header small{font-size:11px;color:#c6d1da}.live-camera-sheet header strong{font-size:18px}
.live-camera-sheet header button{width:44px;height:44px;border:0;border-radius:14px;background:#ffffff18;color:#fff;font-size:28px}
.live-camera-stage{position:relative;aspect-ratio:3/4;background:#000;display:grid;place-items:center;overflow:hidden}
.live-camera-stage video{width:100%;height:100%;object-fit:cover}
.camera-status{position:absolute;left:12px;right:12px;bottom:12px;padding:9px 12px;border-radius:12px;background:#000a;text-align:center;font-size:12px}
.live-camera-sheet footer{padding:16px;display:grid;place-items:center}
.camera-capture{min-width:190px;min-height:58px;border:0;border-radius:18px;background:#be123c;color:#fff;font:inherit;font-weight:850;display:flex;align-items:center;justify-content:center;gap:10px}
.camera-capture i{width:22px;height:22px;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 3px #ffffff55}.camera-capture:disabled{opacity:.45}
@media (orientation:landscape) and (max-height:650px){.live-camera-sheet{width:min(100%,720px);display:grid;grid-template-columns:1fr 1.6fr}.live-camera-sheet header{align-items:flex-start}.live-camera-stage{aspect-ratio:4/3}.live-camera-sheet footer{grid-column:1/-1;padding:10px}}
.simple-control-card{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--surface-soft,#f7f9fb)}
.simple-control-card>div:first-child{display:grid;gap:4px}.simple-control-card strong{font-size:15px}.simple-control-card small{color:var(--muted)}
.operational-test-banner{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:center;gap:24px;padding:10px 16px;background:#102f46;color:#fff;box-shadow:0 8px 24px #07131d26}
.operational-test-banner>div{display:grid;grid-template-columns:auto auto;align-items:center;gap:2px 10px}.operational-test-banner span{grid-row:1/3;padding:6px 9px;border-radius:8px;background:#f6c453;color:#18232c;font-size:10px;font-weight:900;letter-spacing:.06em}.operational-test-banner strong{font-size:14px}.operational-test-banner small{color:#d8e3ea;font-size:10px}.operational-test-banner button{min-height:40px;padding:0 16px;border:1px solid #ffffff66;border-radius:10px;background:#fff;color:#102f46;font:inherit;font-size:12px;font-weight:850;cursor:pointer}
.operational-test-picker{display:grid;grid-template-columns:minmax(260px,1fr) minmax(260px,1.2fr) auto;align-items:end;gap:14px;width:100%;padding:16px;border:1px solid var(--border);border-radius:18px;background:var(--surface-soft)}
.operational-test-picker label{display:grid;gap:7px;color:var(--muted);font-size:11px;font-weight:800}.operational-test-picker select{width:100%;min-height:52px;padding:0 42px 0 14px;border:1px solid var(--border);border-radius:13px;background:var(--surface);color:var(--ink);font:inherit;font-weight:750}.operational-test-safety{display:grid;gap:3px}.operational-test-safety strong{font-size:13px}.operational-test-safety small{color:var(--muted);font-size:11px;line-height:1.45}.operational-test-picker .primary-button{min-height:52px;white-space:nowrap}
body:has(.operational-test-banner:not(.hidden)) .topbar{position:relative}
@media(max-width:700px){
 .operational-test-banner{align-items:stretch;justify-content:space-between;gap:8px;padding:9px 12px}.operational-test-banner>div{grid-template-columns:auto 1fr;gap:1px 7px}.operational-test-banner span{padding:5px 7px;font-size:8px}.operational-test-banner strong{font-size:12px}.operational-test-banner small{max-width:210px;overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.operational-test-banner button{padding:0 12px}
 .operational-test-picker{grid-template-columns:1fr;padding:13px}.operational-test-picker .primary-button{width:100%}
 body:not(.web-read-only) #screen-home>.hero-card{margin-top:8px;padding:15px;border-radius:18px;box-shadow:none}
 body:not(.web-read-only) #screen-home>.hero-card h1{font-size:21px;line-height:1.15}
 body:not(.web-read-only) #screen-home>.hero-card p{margin-top:5px;font-size:11px;line-height:1.45}
 body:not(.web-read-only) #screen-home .metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:8px 0}
 body:not(.web-read-only) #screen-home .metric-card{min-height:64px;padding:10px 12px;border-radius:14px}
 body:not(.web-read-only) #screen-home .metric-card strong{font-size:19px}
 body:not(.web-read-only) #screen-home .primary-card{margin:8px 0;padding:16px;border-radius:18px}
#screen-more>.workflow-lab{margin:14px 0 18px;border:2px solid color-mix(in srgb,var(--authority),transparent 72%);box-shadow:0 10px 30px rgba(15,42,64,.09)}
 body:not(.web-read-only) #screen-home .primary-card h2{font-size:19px}
 body:not(.web-read-only) #screen-home .primary-card .primary-button{min-height:54px}
 body:not(.web-read-only) #screen-home .section-block{margin-top:10px;padding:14px;border-radius:18px}
 body:not(.web-read-only) #screen-home .section-heading h2{font-size:17px}
}
.role-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}.role-mode-card{min-height:112px;padding:15px;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--ink);display:flex;align-items:center;gap:13px;text-align:left;cursor:pointer}.role-mode-card>span{width:48px;height:48px;flex:0 0 48px;padding:12px;border-radius:14px;background:var(--surface-soft);color:var(--muted)}.role-mode-card svg{width:100%;height:100%}.role-mode-card>div{display:grid;gap:3px}.role-mode-card small{color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.08em}.role-mode-card strong{font-size:17px}.role-mode-card em{color:var(--muted);font-size:11px;font-style:normal;line-height:1.4}.role-mode-card.active{border:2px solid var(--authority);background:color-mix(in srgb,var(--authority),transparent 94%)}.role-mode-card.active>span{background:var(--authority);color:#fff}.role-mode-card:disabled{cursor:default;opacity:.72}.role-mode-switch>p{grid-column:1/-1;margin:0;color:var(--muted);font-size:11px}
@media(max-width:600px){.role-mode-switch{grid-template-columns:1fr}.role-mode-card{min-height:96px}.role-mode-switch>p{grid-column:auto}}
.visit-action-row{display:grid;grid-template-columns:auto 1fr 1.25fr;gap:9px;margin-top:20px}.danger-outline-button,.danger-button{min-height:48px;padding:0 16px;border-radius:13px;font:inherit;font-weight:800;cursor:pointer}.danger-outline-button{border:1px solid #d7a2a5;background:transparent;color:#a31620}.danger-button{border:1px solid #a31620;background:#a31620;color:#fff}.cancel-visit-confirm{display:grid;gap:16px}.cancel-visit-icon{width:52px;height:52px;padding:13px;border-radius:15px;background:#fff0f1;color:#a31620}.cancel-visit-icon svg{width:100%;height:100%}.cancel-visit-confirm>div{display:grid;gap:5px}.cancel-visit-confirm strong{font-size:18px}.cancel-visit-confirm p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.cancel-visit-confirm label{display:grid;gap:7px}.cancel-visit-confirm textarea{min-height:88px}.cancel-visit-actions{grid-template-columns:1fr 1.2fr!important;gap:9px!important}
@media(max-width:600px){.visit-action-row{grid-template-columns:1fr 1fr}.visit-action-row .primary-button{grid-column:1/-1;grid-row:1}.visit-action-row .danger-outline-button{grid-column:1}.visit-action-row .secondary-button{grid-column:2}.cancel-visit-actions{grid-template-columns:1fr!important}}
.day-complete-card{border-color:#b9ddd3;background:linear-gradient(145deg,#f2fbf8,#fff)}.day-complete-card .eyebrow{color:#087a64}.day-complete-card .secondary-button{margin-top:6px}
.active-visit-actions{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;margin-top:16px}.active-visit-actions .danger-outline-button{min-width:130px}
@media(max-width:700px){.active-visit-actions{grid-template-columns:1fr}.active-visit-actions .primary-button{grid-row:1}.active-visit-actions .danger-outline-button{grid-row:3}}
/* Mobile operations information architecture v133
   Today = live status + team. Reporting = period + decisions. Planning stays in Plan & Control. */
:root {
  --ops-red:#b5122b;
  --ops-navy:#102f46;
  --ops-green:#087a64;
  --ops-canvas:#f4f7f9;
  --ops-line:#d9e2e8;
}

body:has(#modalRoot .modal-overlay) .bottom-nav { visibility:hidden!important; pointer-events:none!important; }
.mobile-visit-directory { display:grid; gap:16px; min-width:0; }
.mobile-visit-directory label { display:grid; gap:8px; font-size:14px; color:var(--ink); }
.mobile-visit-directory input,.mobile-visit-directory select { width:100%; min-width:0; min-height:48px; padding:12px; border:1px solid var(--border); border-radius:12px; background:var(--surface); color:var(--ink); font:inherit; font-size:16px; box-sizing:border-box; }
#visitListRows { display:grid; gap:12px; }
.mobile-visit-record { display:grid; gap:8px; width:100%; min-width:0; padding:16px; border:1px solid var(--border); border-radius:14px; text-align:left; background:var(--surface); color:var(--ink); cursor:pointer; font:inherit; }
.mobile-visit-record > strong { font-size:16px; line-height:1.45; white-space:normal; overflow-wrap:anywhere; }
.mobile-visit-record > span { font-size:14px; line-height:1.5; overflow-wrap:anywhere; color:var(--muted); }
.mobile-visit-record b { color:var(--ink); }
.mobile-visit-times { display:flex; flex-wrap:wrap; gap:12px 24px; }
.mobile-visit-times > span { display:grid; gap:4px; }
.mobile-visit-record em { font-size:13px; font-style:normal; font-weight:700; color:var(--ink); }
.mobile-visit-record:hover,.mobile-visit-record:focus-visible { border-color:var(--authority); background:var(--authority-soft); }
.mobile-visit-record:focus-visible { outline:2px solid var(--authority); outline-offset:2px; }
.modal-sheet:has(.mobile-visit-directory) { width:min(100%,760px); box-sizing:border-box; padding-bottom:calc(24px + env(safe-area-inset-bottom)); }
#managerControlShortcut.hidden { display:none!important; }
#managerControlShortcut:not(.hidden) { display:grid; }

/* Manager Today: one calm operational surface, no marketing hero. */
.manager-command { margin:0; }
.product-dashboard {
  overflow:hidden;
  margin:0 0 12px;
  border:1px solid var(--ops-line);
  border-radius:18px;
  background:var(--surface);
  box-shadow:0 4px 18px rgba(16,47,70,.07);
}
.product-dashboard-header {
  min-height:82px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px 18px;
  color:var(--ink);
  border:0;
  border-bottom:1px solid var(--ops-line);
  background:var(--surface);
}
.product-dashboard-title { min-width:0; }
.product-dashboard-title .product-live {
  color:var(--ops-green);
  font-size:9px;
  letter-spacing:.1em;
}
.product-dashboard-title h1 {
  margin:3px 0 2px;
  color:var(--ink);
  font-size:23px;
  line-height:1.1;
  letter-spacing:-.025em;
}
.product-dashboard-title p { margin:0; color:var(--muted); font-size:11px; }
.product-dashboard-tools { display:flex; align-items:center; gap:8px; }
.product-date-control {
  overflow:hidden;
  min-height:48px;
  display:flex;
  align-items:stretch;
  border:1px solid var(--ops-line);
  border-radius:12px;
  background:var(--surface);
}
.product-date-control label { min-width:132px; padding:5px 10px; }
.product-date-control label small { font-size:8px; letter-spacing:.07em; }
.product-date-control input { min-height:26px; padding:0; font-size:12px!important; }
.product-date-step,.product-refresh { min-width:44px; min-height:44px; }
.product-summary-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  padding:0;
  background:var(--surface);
}
.product-summary-card {
  min-height:104px;
  padding:15px 16px;
  text-align:left;
  border:0;
  border-right:1px solid var(--ops-line);
  border-radius:0;
  background:var(--surface);
  box-shadow:none;
}
.product-summary-card:last-child { border-right:0; }
.product-summary-card:focus-visible { outline:3px solid color-mix(in srgb,var(--ops-red) 35%,transparent); outline-offset:-3px; }
.product-summary-card>span { color:var(--muted); font-size:10px; font-weight:750; }
.product-summary-card>strong { margin-top:6px; color:var(--ink); font-size:24px; font-variant-numeric:tabular-nums; }
.product-summary-card>strong em { color:var(--muted); font-size:13px; }
.product-summary-card>small { margin-top:3px; color:var(--muted); font-size:9px; }
.product-summary-card.primary { box-shadow:inset 0 3px 0 var(--ops-red); }
.product-summary-card.clear { box-shadow:inset 0 3px 0 var(--ops-green); }
.product-summary-card.attention { box-shadow:inset 0 3px 0 #a16207; }
.product-mobile-disclosure { border:0; border-top:1px solid var(--ops-line); border-radius:0; background:var(--surface); }
.product-mobile-disclosure>summary { min-height:52px; padding:10px 16px; }
.product-mobile-disclosure>summary b { font-size:12px; }
.product-mobile-disclosure>summary small { font-size:9px; }
.product-disclosure-body { padding:0 16px 14px; }
.product-people {
  margin:12px 0 0;
  padding:14px;
  border:1px solid var(--ops-line);
  border-radius:18px;
  background:var(--surface);
  box-shadow:0 4px 18px rgba(16,47,70,.06);
}
.product-people>header { padding:0 2px 12px; border-bottom:1px solid var(--ops-line); }
.product-people>header h2 { margin:2px 0; font-size:19px; letter-spacing:-.02em; }
.product-people>header p { color:var(--muted); font-size:10px; }
.product-people>header button { color:var(--ops-red); }

/* Reporting: remove the duplicate product masthead and oversized executive hero. */
#screen-customers>.intelligence-header { display:none!important; }
.reporting-hub { gap:8px; margin:0; padding:0; border:0; background:transparent; box-shadow:none; }
.reporting-hub-head {
  min-height:58px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border:1px solid var(--ops-line);
  border-radius:14px;
  background:var(--surface);
  box-shadow:none;
}
.reporting-hub-head .eyebrow { color:var(--ops-red); }
.reporting-hub-head h2 { margin:1px 0 0; font-size:19px; letter-spacing:-.02em; }
.reporting-hub-head p,.reporting-hub-mark { display:none; }
.reporting-global-filter {
  position:static;
  display:grid;
  grid-template-columns:auto minmax(280px,1fr);
  align-items:center;
  gap:10px;
  padding:8px;
  border:1px solid var(--ops-line);
  border-radius:14px;
  background:var(--surface);
  box-shadow:none;
}
.reporting-range-label { padding:0 6px; }
.reporting-range-presets { min-height:44px; padding:4px; border-radius:10px; background:var(--ops-canvas); }
.reporting-range-presets button { min-height:36px; border-radius:8px; font-size:11px; }
.reporting-range-presets button.active { color:#fff; background:var(--ops-navy); box-shadow:none; }
.reporting-module-section { display:none; }
.reporting-hub-output { min-height:120px; }
.report-workspace { display:grid; gap:10px; }
.report-workspace-head {
  min-height:76px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(190px,auto);
  align-items:center;
  gap:12px;
  padding:12px 14px;
  color:var(--ink);
  border:1px solid var(--ops-line);
  border-radius:15px;
  background:var(--surface);
  box-shadow:none;
}
.report-workspace-kicker { color:var(--ops-green); font-size:9px; }
.report-workspace-head h2 { margin:2px 0; color:var(--ink); font-size:20px; line-height:1.15; }
.report-workspace-head p { margin:0; color:var(--muted); font-size:10px; }
.report-health {
  min-height:52px;
  padding:8px 11px;
  color:var(--ink);
  text-align:left;
  border:1px solid var(--ops-line);
  border-left:3px solid var(--ops-green);
  border-radius:11px;
  background:var(--surface);
  box-shadow:none;
}
.report-health.warning { border-left-color:#a16207; }
.report-health small { font-size:8px; }
.report-health strong { font-size:16px; }
.report-health span { color:var(--muted); font-size:9px; }
.report-scoreboard {
  overflow:hidden;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  border:1px solid var(--ops-line);
  border-radius:15px;
  background:var(--surface);
}
.report-score {
  min-height:104px;
  padding:14px;
  text-align:left;
  border:0;
  border-right:1px solid var(--ops-line);
  border-radius:0;
  background:var(--surface);
  box-shadow:none;
}
.report-score:last-child { border-right:0; }
.report-score.primary { box-shadow:inset 0 3px 0 var(--ops-red); }
.report-score small { color:var(--muted); font-size:9px; }
.report-score strong { margin:6px 0 3px; color:var(--ink); font-size:24px; font-variant-numeric:tabular-nums; }
.report-score strong span { color:var(--muted); font-size:13px; }
.report-score p { margin:0; color:var(--muted); font-size:9px; }
.report-time-analysis,.report-launcher,.report-analysis-panel,.report-people-panel {
  border:1px solid var(--ops-line);
  border-radius:15px;
  background:var(--surface);
  box-shadow:none;
}
.report-launcher-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.report-launcher-grid>button { min-height:82px; }

@media(max-width:720px) {
  body { background:var(--ops-canvas); }
  main { padding-top:10px; }
  #screen-home,#screen-customers { padding:0 0 20px; }
  .product-dashboard,.product-people { border-radius:16px; }
  .product-dashboard-header { min-height:0; align-items:flex-start; flex-direction:column; gap:10px; padding:14px; }
  .product-dashboard-title h1 { font-size:21px; }
  .product-dashboard-tools { width:100%; }
  .product-date-control { min-width:0; flex:1; }
  .product-date-control label { min-width:0; flex:1; }
  .product-refresh { flex:0 0 48px; }
  .product-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .product-summary-card { min-height:92px; padding:12px; border-bottom:1px solid var(--ops-line); }
  .product-summary-card:nth-child(2) { border-right:0; }
  .product-summary-card:nth-child(3),.product-summary-card:nth-child(4) { border-bottom:0; }
  .product-summary-card>strong { font-size:22px; }
  .product-people { padding:12px; }
  .product-people>header { align-items:center; }
  .product-people>header p { display:none; }
  .product-people>header button { min-height:44px; font-size:10px; }

  .reporting-hub-head { min-height:56px; padding:10px 12px; }
  .reporting-hub-head h2 { font-size:18px; }
  .reporting-global-filter { grid-template-columns:1fr; padding:6px; }
  .reporting-range-label { display:none; }
  .report-workspace-head { grid-template-columns:1fr; min-height:0; padding:12px; }
  .report-workspace-head>div h2 { font-size:18px; }
  .report-health { min-height:52px; }
  .report-health small { display:none; }
  .report-health strong,.report-health span { display:inline; }
  .report-health span { margin-left:6px; }
  .report-scoreboard { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .report-score { min-height:88px; padding:12px; border-bottom:1px solid var(--ops-line); }
  .report-score:nth-child(2) { border-right:0; }
  .report-score:nth-child(3),.report-score:nth-child(4) { border-bottom:0; }
  .report-score strong { font-size:22px; }
  .report-time-analysis { padding:12px; }
  .report-time-layout { grid-template-columns:1fr; }
  .report-launcher,.report-analysis-grid,.report-people-panel { display:none; }
  .bottom-nav { left:12px; right:12px; bottom:max(8px,var(--app-safe-bottom)); }
}

@media(max-width:375px) {
  .product-dashboard-header,.product-people { padding-left:11px; padding-right:11px; }
  .product-summary-card,.report-score { padding:10px; }
  .product-summary-card>strong,.report-score strong { font-size:20px; }
  .reporting-range-presets button { padding:4px; font-size:10px; }
}

@media(orientation:landscape) and (max-height:560px) and (max-width:960px) {
  .product-dashboard-header { flex-direction:row; align-items:center; }
  .product-summary-grid,.report-scoreboard { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .product-summary-card,.report-score { min-height:76px; border-bottom:0; }
}

@media(prefers-reduced-motion:reduce) {
  .product-summary-card,.report-score,.report-health { transition:none!important; }
}
/* Keep every reporting function reachable on phones without restoring visual clutter. */
@media(max-width:720px) {
  .report-launcher { display:block; padding:10px; }
  .report-launcher .report-section-heading { margin-bottom:7px; padding:0 2px; }
  .report-launcher .report-section-heading span,
  .report-launcher .report-section-heading p { display:none; }
  .report-launcher .report-section-heading h3 { margin:0; font-size:14px; }
  .report-launcher-grid { display:grid; grid-template-columns:1fr; gap:6px; }
  .report-launcher-grid>button {
    min-height:58px;
    display:grid;
    grid-template-columns:30px minmax(0,1fr) 20px;
    align-items:center;
    gap:9px;
    padding:8px 10px;
    text-align:left;
    border:1px solid var(--ops-line);
    border-radius:11px;
    background:var(--surface);
    box-shadow:none;
  }
  .report-launch-number {
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    color:var(--ops-navy);
    border-radius:8px;
    background:var(--ops-canvas);
    font-size:9px;
    font-weight:800;
  }
  .report-launcher-grid>button>span:nth-child(2) { display:grid; gap:1px; }
  .report-launcher-grid>button small,.report-launcher-grid>button em { display:none; }
  .report-launcher-grid>button strong { color:var(--ink); font-size:12px; }
}
/* Professional mobile shell v134 — aligned with Merchandiser Pro. */
@media(max-width:720px) {
  :root {
    --mobile-gutter:14px;
    --mobile-radius:16px;
    --mobile-shadow:0 2px 10px rgba(21,29,36,.05);
  }
  html,body { width:100%; overflow-x:hidden; }
  body { color:var(--ink); background:#f5f7f8; }
  .app-shell { padding-bottom:calc(92px + var(--app-safe-bottom)); }
  .topbar {
    position:sticky;
    top:0;
    z-index:40;
    min-height:64px;
    padding:calc(8px + var(--app-safe-top)) var(--mobile-gutter) 8px;
    gap:10px;
    background:color-mix(in srgb,var(--surface) 98%,transparent);
    border-bottom:1px solid var(--border);
    box-shadow:none;
    backdrop-filter:blur(14px);
  }
  .topbar .brand-mark,.topbar .brand-logo-mark {
    width:44px!important;
    height:44px;
    flex:0 0 44px!important;
    border-radius:10px;
  }
  .topbar-copy strong { font-size:14px; font-weight:800; }
  .topbar-copy>span { max-width:245px; color:var(--muted); font-size:10px; }
  .topbar .icon-button { width:44px; height:44px; flex:0 0 44px; border-radius:12px; }
  main { width:100%; max-width:720px; padding:12px var(--mobile-gutter) calc(98px + var(--app-safe-bottom)); }
  .screen { width:100%; padding:0!important; }

  .bottom-nav {
    left:9px;
    right:9px;
    bottom:max(7px,var(--app-safe-bottom));
    width:auto;
    min-height:70px;
    padding:6px;
    gap:2px;
    border:1px solid var(--border);
    border-radius:21px;
    background:color-mix(in srgb,var(--surface) 98%,transparent);
    box-shadow:0 10px 30px rgba(21,29,36,.14);
    transform:none;
  }
  .nav-item { min-width:0; min-height:56px; padding:5px 2px; gap:3px; border-radius:15px; font-size:10px; font-weight:700; }
  .nav-item.active { color:var(--brand); background:var(--brand-soft); }
  .nav-icon,.nav-icon svg { width:22px; height:22px; }

  /* Today — date, four decisions, then collapsible people. */
  .product-dashboard { margin:0 0 12px; border-radius:var(--mobile-radius); box-shadow:var(--mobile-shadow); }
  .product-dashboard-header { gap:10px; padding:14px; border-bottom:1px solid var(--border); }
  .product-dashboard-title .product-live { font-size:9px; }
  .product-dashboard-title h1 { margin-top:4px; font-size:22px; }
  .product-dashboard-title p { margin-top:3px; font-size:11px; }
  .product-dashboard-tools { gap:7px; }
  .product-date-control { min-height:48px; border-radius:12px; }
  .product-date-control label small { color:var(--muted); font-size:8px; }
  .product-summary-grid { border-bottom:0; }
  .product-summary-card {
    min-height:96px;
    padding:13px;
    border-color:var(--border);
    background:var(--surface);
  }
  .product-summary-card>span { color:var(--muted); font-size:10px; }
  .product-summary-card>strong { margin-top:7px; font-size:24px; line-height:1; }
  .product-summary-card>small { margin-top:6px; font-size:9px; line-height:1.35; }
  .product-mobile-disclosure>summary { min-height:54px; padding:9px 13px; }
  .product-mobile-disclosure>summary>span:first-child { gap:9px; }
  .product-mobile-disclosure>summary svg { width:18px; }
  .product-disclosure-body { padding:0 13px 13px; }
  .product-people { margin-top:12px; padding:11px; border-radius:var(--mobile-radius); box-shadow:var(--mobile-shadow); }
  .product-people>header { min-height:52px; padding:2px 2px 10px; }
  .product-people>header span { font-size:8px; }
  .product-people>header h2 { font-size:18px; }
  .product-people-list.channel-groups { gap:8px; padding-top:10px; }
  .team-activity-channel { border-radius:14px; box-shadow:none; }
  .team-activity-channel>summary {
    min-height:64px;
    grid-template-columns:38px minmax(0,1fr) 40px;
    gap:9px;
    padding:10px;
    background:var(--surface);
  }
  .team-channel-icon { width:38px; height:38px; border-radius:10px; }
  .team-channel-icon svg { width:19px; }
  .team-channel-title>small { font-size:8px; }
  .team-channel-title>strong { font-size:15px; }
  .team-channel-title>em { font-size:9px; }
  .team-channel-toggle { grid-column:3; grid-row:1; width:40px; height:40px; border-radius:11px; }
  .team-channel-stats {
    grid-column:1/-1;
    grid-row:2;
    overflow:hidden;
    margin-top:1px;
    border:0;
    border-radius:10px;
    background:#f5f7f8;
  }
  .team-channel-stats>span { min-height:42px; padding:6px 3px; border-color:var(--border); }
  .team-channel-stats strong { font-size:14px; }
  .team-channel-stats small { font-size:8px; }
  .organized-hierarchy { padding:8px; gap:7px; background:#f5f7f8; }
  .regional-team { overflow:hidden; border-radius:12px; background:var(--surface); }
  .regional-team>summary { min-height:54px; padding:8px 10px; }
  .regional-team .product-person { min-height:68px; padding:9px; }
  .supervised-merchandisers { padding:8px 9px; gap:7px; background:#eef8f5; }
  .supervised-merch-person { min-height:48px; border-radius:10px; }

  /* Reporting — one title, one filter, one summary. */
  .reporting-hub-head { display:none; }
  .reporting-global-filter { margin:0 0 8px; padding:5px; border-radius:13px; }
  .reporting-range-presets { min-height:48px; padding:4px; }
  .reporting-range-presets button { min-height:40px; font-size:11px; font-weight:750; }
  .report-workspace { gap:8px; }
  .report-workspace-head {
    padding:13px;
    gap:10px;
    border-radius:var(--mobile-radius);
    box-shadow:var(--mobile-shadow);
  }
  .report-workspace-kicker { color:var(--brand); font-size:8px; }
  .report-workspace-head>div h2 { margin:3px 0; font-size:20px; }
  .report-workspace-head>div p { font-size:10px; }
  .report-health {
    min-height:48px;
    display:flex;
    align-items:center;
    gap:6px;
    padding:9px 11px;
    border-radius:11px;
  }
  .report-health strong { font-size:14px; }
  .report-scoreboard { border-radius:var(--mobile-radius); box-shadow:var(--mobile-shadow); }
  .report-score { min-height:92px; padding:12px; }
  .report-score small { font-size:8px; letter-spacing:.06em; }
  .report-score strong { margin:7px 0 5px; font-size:23px; }
  .report-score p { font-size:9px; line-height:1.35; }
  .report-time-analysis { padding:11px; border-radius:var(--mobile-radius); }
  .report-section-heading h3 { font-size:15px; }
  .report-time-total { min-height:74px; padding:10px; }
  .report-time-total strong { font-size:22px; }
  .report-time-figures { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .report-time-figures>* { min-height:58px; padding:8px; }
  .report-launcher { border-radius:var(--mobile-radius); }
  .report-launcher-grid>button { min-height:62px; }

  /* Control pages use the same quiet hierarchy. */
  .control-masthead {
    min-height:0;
    margin:0 0 10px;
    padding:14px;
    color:var(--ink);
    border:1px solid var(--border);
    border-left:4px solid var(--authority);
    border-radius:var(--mobile-radius);
    background:var(--surface);
    box-shadow:var(--mobile-shadow);
  }
  .control-masthead .eyebrow { color:var(--brand); }
  .control-masthead h1 { margin:3px 0; color:var(--ink); font-size:20px; }
  .control-masthead p { margin:0; color:var(--muted); font-size:10px; }
  .control-masthead .identity-chip { margin-top:10px; }
  .visit-planner,.customer-intake,.customer-assignment { margin:10px 0; padding:12px; border-radius:var(--mobile-radius); box-shadow:var(--mobile-shadow); }
  .visit-planner>header,.customer-intake-head { gap:9px; }
  .visit-planner h2,.customer-intake h2 { font-size:17px; }
}

@media(max-width:375px) {
  :root { --mobile-gutter:11px; }
  .topbar-copy>span { max-width:190px; }
  .product-summary-card,.report-score { min-height:90px; padding:10px; }
  .product-summary-card>strong,.report-score strong { font-size:21px; }
}

@media(orientation:landscape) and (max-height:560px) and (max-width:960px) {
  main { max-width:100%; }
  .topbar { position:relative; }
  .product-dashboard-header { flex-direction:row; align-items:center; }
  .bottom-nav { min-height:62px; }
  .nav-item { min-height:50px; }
}

@media(prefers-reduced-motion:reduce) {
  .team-activity-channel *, .regional-team *, .reporting-hub * { animation:none!important; transition:none!important; }
}

/* Compact evidence gallery with explicit loading and missing-file states. */
.today-evidence-hero{padding:16px;border-color:var(--border);background:var(--surface)}
.today-evidence-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}
.today-evidence-photo,.today-evidence-photo img,.today-evidence-photo>span{width:100%;height:118px;min-height:118px}
.today-evidence-photo{border:1px solid var(--border);border-radius:13px;background:#edf2f5;box-shadow:none}
.today-evidence-photo[aria-busy="true"]>span{color:#526774;background:linear-gradient(100deg,#edf2f5 25%,#f8fafb 42%,#edf2f5 60%);background-size:300% 100%;animation:evidence-loading 1.3s ease-in-out infinite}
.today-evidence-photo img{display:block;object-fit:cover}
.today-evidence-photo.is-unavailable{display:flex;align-items:center;justify-content:center;gap:9px;padding:12px;color:#6b7c87;border-style:dashed;background:#f6f8f9;cursor:default}
.today-evidence-photo.is-unavailable>svg{flex:0 0 auto;width:24px;height:24px;color:#8a5b62}
.today-evidence-photo.is-unavailable>span{display:block;width:auto;height:auto;min-height:0;text-align:left;color:inherit}
.today-evidence-photo.is-unavailable strong,.today-evidence-photo.is-unavailable small{display:block}
.today-evidence-photo.is-unavailable strong{color:#3d4f5a;font-size:11px}
.today-evidence-photo.is-unavailable small{margin-top:3px;color:#71818b;font-size:9px;line-height:1.35}
.today-evidence-photo.is-unavailable em{display:none}
@keyframes evidence-loading{0%{background-position:100% 0}100%{background-position:0 0}}
@media(max-width:720px){.today-evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.today-evidence-photo,.today-evidence-photo img,.today-evidence-photo>span{height:104px;min-height:104px}.today-evidence-photo.is-unavailable>span{height:auto;min-height:0}.today-evidence-photo.is-unavailable small{display:none}}
@media(max-width:360px){.today-evidence-grid{grid-template-columns:1fr}.today-evidence-photo,.today-evidence-photo img,.today-evidence-photo>span{height:120px;min-height:120px}}
@media(prefers-reduced-motion:reduce){.today-evidence-photo[aria-busy="true"]>span{animation:none}}

/* Accessible zoom and rotation controls for full-resolution visit evidence. */
.evidence-lightbox-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px}
.evidence-viewer-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.evidence-viewer-tools button{min-width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 11px;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(255,255,255,.08);cursor:pointer;touch-action:manipulation;transition:background .18s ease,border-color .18s ease}
.evidence-viewer-tools button svg{width:21px;height:21px;stroke-width:1.9}
.evidence-viewer-tools button span{color:inherit;font-weight:800}
.evidence-viewer-tools button:hover,.evidence-viewer-tools button:focus-visible{border-color:#8ddcc6;background:rgba(141,220,198,.16);outline:3px solid rgba(141,220,198,.2);outline-offset:1px}
.evidence-viewer-tools button:disabled{opacity:.38;cursor:not-allowed}
.evidence-zoom-value{min-width:48px;color:#dce8ee!important;font-size:11px!important;font-variant-numeric:tabular-nums;text-align:center}
.evidence-lightbox-stage{touch-action:none;overscroll-behavior:contain;cursor:zoom-in}
.evidence-lightbox-stage img{transform-origin:center;transition:transform .2s ease;will-change:transform;user-select:none;-webkit-user-drag:none}
.evidence-lightbox-footer>div small{color:#86a0b0;font-size:9px}
@media(max-width:700px){.evidence-lightbox-header{grid-template-columns:1fr}.evidence-viewer-tools{justify-content:center}.evidence-viewer-tools button{flex:0 0 44px;padding:0}.evidence-viewer-tools button span{display:none}.evidence-zoom-value{min-width:42px}.evidence-lightbox-stage{padding:8px}}
@media(max-width:390px){.evidence-viewer-tools{gap:6px}.evidence-viewer-tools button{flex-basis:42px;width:42px;min-width:42px;height:42px}.evidence-zoom-value{min-width:38px}}
@media(orientation:landscape) and (max-height:560px){.evidence-lightbox-header{grid-template-columns:minmax(0,1fr) auto;padding-block:7px!important}.evidence-viewer-tools button{width:40px;min-width:40px;height:40px}.evidence-lightbox-stage{padding:6px}}
@media(prefers-reduced-motion:reduce){.evidence-lightbox-stage img,.evidence-viewer-tools button{transition:none}}


/* Fleet Map — submitted operational locations only */
.reporting-hub-grid .report-entry.fleet{--entry-tone:#205f7a;--entry-soft:#e8f3f7}
.fleet-shell{display:grid;gap:16px}.fleet-head{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px;border-radius:18px;background:#102f4a;color:#fff}.fleet-head h2{margin:4px 0;font-size:clamp(24px,3vw,36px)}.fleet-head p{margin:0;color:#dce9f1}.fleet-privacy{display:flex;align-items:center;gap:10px;min-width:230px;padding:12px 14px;border:1px solid #ffffff2b;border-radius:12px;background:#ffffff0d}.fleet-privacy svg{width:24px}.fleet-privacy span{display:grid}.fleet-privacy small{color:#c5d8e4}.fleet-toolbar{display:grid;grid-template-columns:minmax(170px,240px) minmax(220px,1fr) auto;gap:12px;padding:16px;border:1px solid var(--line,#d7e1e8);border-radius:16px;background:var(--surface,#fff)}.fleet-toolbar label{display:grid;gap:6px}.fleet-toolbar label>span{font-size:12px;font-weight:800;text-transform:uppercase;color:var(--muted,#5f7280)}.fleet-toolbar input,.fleet-toolbar select{min-height:48px;padding:0 14px;border:1px solid var(--line,#cbd8e1);border-radius:10px;background:var(--surface,#fff);color:inherit;font:inherit}.fleet-toolbar button{align-self:end;min-height:48px;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;background:#9f171b;color:#fff;font-weight:800;cursor:pointer}.fleet-toolbar button svg{width:20px}.fleet-summary{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line,#d7e1e8);border-radius:16px;overflow:hidden;background:var(--surface,#fff)}.fleet-summary span{display:grid;gap:3px;padding:16px;border-right:1px solid var(--line,#d7e1e8)}.fleet-summary span:last-child{border:0}.fleet-summary strong{font-size:24px;color:var(--ink,#102f4a)}.fleet-summary small{color:var(--muted,#5f7280)}.fleet-workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.75fr);gap:16px;min-height:560px}.fleet-map-wrap,.fleet-route-list{border:1px solid var(--line,#d7e1e8);border-radius:16px;background:var(--surface,#fff);overflow:hidden}.fleet-map-wrap{position:relative}.fleet-map-wrap #fleetMap{height:100%;min-height:560px;background:#e8eff3}.fleet-map-note{position:absolute;z-index:500;left:12px;bottom:12px;right:12px;display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:rgba(16,47,74,.94);color:#fff;box-shadow:0 8px 28px #102f4a33}.fleet-map-note svg{width:22px;flex:0 0 auto}.fleet-map-note span{display:grid}.fleet-map-note small{color:#dce9f1}.fleet-route-list{padding:12px;overflow:auto;max-height:650px}.fleet-person-card{border:1px solid var(--line,#d7e1e8);border-radius:14px;overflow:hidden;margin-bottom:12px}.fleet-person-card:last-child{margin-bottom:0}.fleet-person-title{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:12px;background:var(--soft,#f3f7f9)}.fleet-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#102f4a;color:#fff;font-size:12px;font-weight:900}.fleet-person-title>span:nth-child(2){display:grid}.fleet-person-title small,.fleet-person-title em{font-size:12px;color:var(--muted,#5f7280);font-style:normal}.fleet-person-title em{white-space:nowrap}.fleet-timeline{list-style:none;margin:0;padding:6px 12px}.fleet-timeline li{position:relative;display:grid;grid-template-columns:28px 1fr 44px;gap:10px;align-items:center;min-height:68px;padding:8px 0}.fleet-timeline li:not(:last-child)::after{content:"";position:absolute;left:13px;top:47px;bottom:-8px;width:2px;background:#d5e0e7}.fleet-sequence{z-index:1;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#205f7a;color:#fff;font-size:11px;font-weight:900}.fleet-timeline .day-start .fleet-sequence{background:#08745b}.fleet-timeline .day-close .fleet-sequence{background:#9f171b}.fleet-timeline li>div{display:grid;min-width:0}.fleet-timeline b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fleet-timeline small{color:var(--muted,#5f7280)}.fleet-timeline button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line,#d7e1e8);border-radius:10px;background:var(--surface,#fff);color:#205f7a;cursor:pointer}.fleet-timeline button svg{width:20px}.fleet-map-marker-wrap{background:transparent;border:0}.fleet-map-marker{display:grid;place-items:center;width:34px;height:34px;border:3px solid #fff;border-radius:50%;background:var(--route-color);color:#fff;font-size:12px;font-weight:900;box-shadow:0 3px 12px #102f4a66}.fleet-map-marker.latest{outline:4px solid #ffffffb8}.leaflet-popup-content{line-height:1.55}.leaflet-control a{min-width:44px;min-height:44px;line-height:44px!important}
@media(max-width:800px){.fleet-head{align-items:flex-start;flex-direction:column;padding:18px}.fleet-privacy{width:100%;min-width:0}.fleet-toolbar{grid-template-columns:1fr}.fleet-toolbar button{width:100%}.fleet-summary{grid-template-columns:1fr 1fr}.fleet-summary span:nth-child(2){border-right:0}.fleet-summary span:nth-child(-n+2){border-bottom:1px solid var(--line,#d7e1e8)}.fleet-workspace{grid-template-columns:1fr;min-height:0}.fleet-map-wrap #fleetMap{min-height:420px}.fleet-route-list{max-height:none}.fleet-person-title{grid-template-columns:42px 1fr}.fleet-person-title em{grid-column:2}.fleet-map-note{position:relative;left:auto;right:auto;bottom:auto;border-radius:0}.fleet-timeline b{white-space:normal}}
@media(prefers-reduced-motion:reduce){.leaflet-fade-anim .leaflet-popup{transition:none}}

.fleet-map-marker.person-point{width:40px;height:40px;font-size:11px;letter-spacing:.02em}.fleet-map-marker.route-point{width:38px;height:38px}.fleet-overview-head{display:grid;gap:3px;padding:10px 8px 14px}.fleet-overview-head strong{font-size:15px}.fleet-overview-head small{color:var(--muted,#5f7280)}.fleet-overview-person{width:100%;min-height:68px;display:grid;grid-template-columns:42px minmax(0,1fr) auto 20px;gap:10px;align-items:center;padding:10px 8px;border:0;border-top:1px solid var(--line,#d7e1e8);background:transparent;color:inherit;text-align:left;cursor:pointer}.fleet-overview-person:hover,.fleet-overview-person:focus-visible{background:var(--soft,#f3f7f9)}.fleet-overview-person>span:nth-child(2){display:grid;min-width:0}.fleet-overview-person small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted,#5f7280)}.fleet-overview-person em{color:var(--muted,#5f7280);font-size:11px;font-style:normal;white-space:nowrap}.fleet-overview-person>svg{width:18px}.leaflet-tooltip{font-weight:750;border:0;border-radius:8px;box-shadow:0 4px 18px #102f4a2e}
@media(max-width:560px){.fleet-overview-person{grid-template-columns:42px minmax(0,1fr) 18px}.fleet-overview-person em{grid-column:2}.fleet-overview-person>svg{grid-column:3;grid-row:1/3}}

.fleet-summary .fleet-quality-warning{background:#fff5e8}.fleet-summary .fleet-quality-warning strong,.fleet-summary .fleet-quality-warning small{color:#8a4f0b}[data-theme="dark"] .fleet-summary .fleet-quality-warning{background:#352818}

/* Fleet timeline labels: explicit action, full customer, exact UAE time */
.fleet-timeline li{align-items:start;padding:11px 0}.fleet-timeline li>div{gap:3px}.fleet-timeline li>div>strong{color:#205f7a;font-size:11px;font-weight:850;letter-spacing:.045em;text-transform:uppercase}.fleet-timeline b{overflow:visible;white-space:normal;text-overflow:clip;font-size:13px;line-height:1.35;word-break:break-word}.fleet-timeline small{display:flex;flex-wrap:wrap;gap:4px;font-size:11px}.fleet-timeline time{color:var(--ink,#102f4a);font-weight:750}.fleet-timeline li:not(:last-child)::after{top:51px}.leaflet-popup-content{max-width:280px;white-space:normal;word-break:break-word}

/* Dashboard customer visit progressive disclosure */
#latestActivityExpand{display:block;width:100%}
#latestActivityExpand>.dashboard-visit-expand{width:100%;min-height:58px;display:grid;grid-template-columns:40px minmax(0,1fr) 32px;gap:12px;align-items:center;margin:12px 0 0;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--canvas);color:var(--ink);text-align:left;cursor:pointer}.dashboard-visit-expand:hover,.dashboard-visit-expand:focus-visible{border-color:var(--brand);background:var(--brand-soft)}.dashboard-visit-expand-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--brand);color:#fff;font-size:22px;font-weight:700}.dashboard-visit-expand-icon svg{width:18px;height:18px}.dashboard-visit-expand>span:nth-child(2){display:grid;gap:2px}.dashboard-visit-expand strong{font-size:13px}.dashboard-visit-expand small{color:var(--muted);font-size:9px}.dashboard-visit-expand-chevron{display:grid;place-items:center;color:var(--brand);transition:transform 180ms ease}.dashboard-visit-expand-chevron svg{width:18px;height:18px}.dashboard-visit-expand.is-expanded .dashboard-visit-expand-icon{background:var(--authority)}.dashboard-visit-expand.is-expanded .dashboard-visit-expand-chevron{transform:rotate(-90deg)}
@media(max-width:600px){#latestActivityExpand>.dashboard-visit-expand{min-height:56px}}@media(prefers-reduced-motion:reduce){.dashboard-visit-expand-chevron{transition:none}}
/* vNext"��y��y� polished branded SKU approval */
.sku-baseline-modal .sku-expectation{position:relative;margin:14px 0;padding:15px 17px 15px 20px;overflow:hidden;border:1px solid var(--border);border-radius:18px;background:linear-gradient(135deg,var(--surface-raised),color-mix(in srgb,var(--brand-soft),var(--surface-raised) 72%));box-shadow:none}.sku-baseline-modal .sku-expectation::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--brand)}.sku-baseline-modal .sku-expectation.met::before{background:var(--success)}
.sku-baseline-modal .sku-expectation-count{display:flex;align-items:center;gap:7px}.sku-baseline-modal .sku-expectation-count strong{font-size:20px;letter-spacing:-.03em}.sku-baseline-modal .sku-expectation-count small{font-size:12px;font-weight:750}.sku-baseline-modal .sku-expectation>div{margin-top:7px}.sku-baseline-modal .sku-expectation>div>strong{font-size:14px}.sku-baseline-modal .sku-expectation p{margin-top:4px;font-size:12px;line-height:1.55}
.sku-baseline-modal .baseline-confirmation,.sku-baseline-modal .baseline-confirmation.ready{position:relative;margin-top:14px;padding:0 18px 18px;overflow:hidden;border:1px solid var(--border);border-radius:22px;background:var(--surface-raised);box-shadow:0 14px 36px rgba(12,41,66,.08)}.sku-baseline-modal .baseline-confirmation::before{content:"";display:block;height:5px;margin:0 -18px 17px;background:linear-gradient(90deg,var(--brand),var(--brand-strong) 55%,var(--authority))}
.sku-baseline-modal .baseline-confirmation-head{align-items:center;gap:14px}.sku-baseline-modal .baseline-confirmation-brand{width:58px;height:58px;flex-basis:58px;border:1px solid color-mix(in srgb,var(--brand),transparent 78%);border-radius:16px;box-shadow:0 6px 18px rgba(173,23,48,.12)}.sku-baseline-modal .baseline-confirmation-head .eyebrow{font-size:9px;letter-spacing:.14em}.sku-baseline-modal .baseline-confirmation-head h3{margin:3px 0 4px;color:var(--text);font-size:19px;letter-spacing:-.025em}.sku-baseline-modal .baseline-confirmation-head p{color:var(--muted);font-size:12px}
.sku-baseline-modal .baseline-list-heading{margin:20px 0 9px}.sku-baseline-modal .baseline-list-heading strong{font-size:13px}.sku-baseline-modal .baseline-list-heading span{padding:6px 10px;border:1px solid color-mix(in srgb,var(--brand),transparent 78%);background:var(--brand-soft);font-size:10px}
.sku-baseline-modal .baseline-product-list{max-height:330px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}.sku-baseline-modal .baseline-product-list li{grid-template-columns:32px minmax(68px,auto) minmax(0,1fr);min-height:52px;padding:9px 12px}.sku-baseline-modal .baseline-product-list li:nth-child(even){background:color-mix(in srgb,var(--authority-soft),transparent 58%)}.sku-baseline-modal .baseline-product-number{width:28px;height:28px;border:1px solid color-mix(in srgb,var(--authority),transparent 82%);border-radius:50%;background:var(--authority-soft);font-size:10px}.sku-baseline-modal .baseline-product-code{font-size:10px;letter-spacing:.025em}.sku-baseline-modal .baseline-product-list strong{font-size:12px;line-height:1.4}
.sku-baseline-modal .baseline-photo-reminder{grid-template-columns:42px minmax(0,1fr) auto;min-height:66px;margin:14px 0;padding:11px 13px;border:1px solid color-mix(in srgb,var(--brand),transparent 72%);border-radius:16px;background:linear-gradient(135deg,var(--brand-soft),color-mix(in srgb,var(--brand-soft),var(--surface-raised) 60%))}.sku-baseline-modal .baseline-photo-reminder>span{display:grid;place-items:center;width:42px;height:42px;padding:0;border-radius:12px;font-size:8px;letter-spacing:.04em}.sku-baseline-modal .baseline-photo-reminder strong{font-size:12px}.sku-baseline-modal .baseline-photo-reminder small{font-size:10px}.sku-baseline-modal .baseline-photo-reminder em{padding:5px 8px;border-radius:999px;background:var(--surface-raised);font-size:10px}
.sku-baseline-modal .baseline-photo-action{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;border:1px solid color-mix(in srgb,var(--brand),transparent 58%);border-radius:13px;background:var(--surface-raised);color:var(--brand);font:inherit;font-size:13px;font-weight:850;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.sku-baseline-modal .baseline-photo-action svg{width:18px;height:18px}.sku-baseline-modal .baseline-photo-action:active{transform:scale(.99)}.sku-baseline-modal .baseline-photo-action:focus-visible{outline:3px solid color-mix(in srgb,var(--brand),transparent 68%);outline-offset:2px}
.sku-baseline-modal .baseline-acknowledgement{min-height:70px;align-items:center;padding:14px;border:1px solid color-mix(in srgb,var(--authority),transparent 72%);border-radius:16px;background:color-mix(in srgb,var(--authority-soft),var(--surface-raised) 58%);transition:border-color 180ms ease,background 180ms ease,box-shadow 180ms ease}.sku-baseline-modal .baseline-acknowledgement:has(input:checked){border-color:var(--success);background:var(--success-soft);box-shadow:0 0 0 3px color-mix(in srgb,var(--success),transparent 86%)}.sku-baseline-modal .baseline-acknowledgement input{width:24px;height:24px;flex-basis:24px;accent-color:var(--success)}.sku-baseline-modal .baseline-acknowledgement strong{color:var(--text);font-size:13px}.sku-baseline-modal .baseline-acknowledgement small{color:var(--muted);font-size:10px}
.sku-baseline-modal #modalSave{min-height:52px;border-radius:14px;box-shadow:0 8px 20px rgba(173,23,48,.18)}
[data-theme="dark"] .sku-baseline-modal .sku-expectation,[data-theme="dark"] .sku-baseline-modal .baseline-confirmation,[data-theme="dark"] .sku-baseline-modal .baseline-confirmation.ready{background:var(--surface-raised);border-color:var(--border)}[data-theme="dark"] .sku-baseline-modal .baseline-product-list li:nth-child(even){background:rgba(255,255,255,.025)}[data-theme="dark"] .sku-baseline-modal .baseline-acknowledgement{background:var(--authority-soft)}
@media(max-width:430px){.sku-baseline-modal .baseline-confirmation{padding-inline:14px}.sku-baseline-modal .baseline-confirmation::before{margin-inline:-14px}.sku-baseline-modal .baseline-confirmation-brand{width:50px;height:50px;flex-basis:50px}.sku-baseline-modal .baseline-product-list li{grid-template-columns:28px minmax(58px,auto) minmax(0,1fr);gap:7px;padding-inline:8px}.sku-baseline-modal .baseline-photo-reminder{grid-template-columns:38px minmax(0,1fr)}.sku-baseline-modal .baseline-photo-reminder>span{width:38px;height:38px}.sku-baseline-modal .baseline-photo-reminder em{grid-column:2;justify-self:start}}
@media(prefers-reduced-motion:reduce){.sku-baseline-modal .baseline-acknowledgement{transition:none}}

/* SKU audit product disclosure v1 */
.baseline-audit{border-color:var(--border);background:var(--surface)}
.baseline-audit-heading{border-color:var(--border)}
.baseline-audit-heading h3{color:var(--ink)}
.baseline-audit-heading p{color:var(--muted)}
.baseline-audit-heading>span{color:var(--ink);border:1px solid var(--border);background:var(--canvas)}
.baseline-audit-event{border-color:var(--border);background:var(--surface-raised);box-shadow:none}
.baseline-audit-copy p,.baseline-audit-copy time{color:var(--muted)}
.baseline-audit-copy{min-width:0}
.baseline-audit-event-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.baseline-audit-event-head>strong{color:var(--ink);font-size:14px;line-height:1.35}
.baseline-audit-event-head time{flex:0 0 auto;font-variant-numeric:tabular-nums}
.baseline-audit-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
.baseline-audit-counts span{display:grid;gap:2px;min-width:0;padding:9px 10px;border:1px solid var(--border);border-radius:11px;background:var(--canvas)}
.baseline-audit-counts small{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.baseline-audit-counts strong{overflow-wrap:anywhere;color:var(--ink);font-size:13px;line-height:1.3}
.baseline-audit-delta{display:block;grid-template-columns:none;gap:0;margin-top:12px;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--surface-raised);font-size:12px}
.baseline-audit-delta.added{border-left:4px solid var(--accent)}
.baseline-audit-delta.removed{border-left:4px solid var(--danger)}
.baseline-audit-delta>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:64px;padding:10px 12px;cursor:pointer;list-style:none;touch-action:manipulation}
.baseline-audit-delta>summary::-webkit-details-marker{display:none}
.baseline-audit-delta>summary:hover{background:color-mix(in srgb,var(--accent-soft),transparent 56%)}
.baseline-audit-delta.removed>summary:hover{background:color-mix(in srgb,var(--danger-soft),transparent 56%)}
.baseline-audit-delta>summary:focus-visible{outline:3px solid color-mix(in srgb,var(--focus),transparent 55%);outline-offset:-3px}
.baseline-audit-delta-title{display:grid;gap:3px;min-width:0}
.baseline-audit-delta-title>strong,.baseline-audit-delta-head strong{color:var(--ink);font-size:13px;line-height:1.35}
.baseline-audit-delta-title>small,.baseline-audit-delta-head small{color:var(--muted);font-size:10px;line-height:1.4}
.baseline-audit-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;margin-top:7px}
.baseline-audit-preview>span{display:flex;align-items:baseline;gap:5px;min-width:0}
.baseline-audit-preview b{flex:0 0 auto;color:var(--muted);font-size:9px;font-weight:800;font-variant-numeric:tabular-nums}
.baseline-audit-preview code{overflow:hidden;color:var(--ink);font-family:inherit;font-size:10px;font-weight:750;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.baseline-audit-preview em{grid-column:1/-1;color:var(--muted);font-size:10px;font-style:normal;font-weight:750}
.baseline-audit-toggle{display:flex;align-items:center;justify-content:center;gap:6px;min-width:108px;min-height:44px;padding:0 10px;border:1px solid var(--border);border-radius:10px;color:var(--accent-strong);background:var(--surface);font-size:10px;font-weight:800}
.baseline-audit-delta.removed .baseline-audit-toggle{color:var(--danger)}
.baseline-audit-toggle svg{width:16px;height:16px;transition:transform .2s ease}
.baseline-audit-toggle .hide-label{display:none}
.baseline-audit-delta[open] .baseline-audit-toggle .show-label{display:none}
.baseline-audit-delta[open] .baseline-audit-toggle .hide-label{display:inline}
.baseline-audit-delta[open] .baseline-audit-toggle svg{transform:rotate(90deg)}
.baseline-audit-delta[open] .baseline-audit-preview{display:none}
.baseline-audit-delta-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:10px 12px}
.baseline-audit-delta-head>span{display:grid;gap:2px}
.baseline-audit-delta-head>em{color:var(--muted);font-size:10px;font-style:normal;font-weight:750}
.baseline-audit-sku-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;margin:0;padding:4px 12px 8px;border-top:1px solid var(--border);list-style:none}
.baseline-audit-sku-list li{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:6px;min-width:0;min-height:44px;padding:6px 0;border-bottom:1px solid var(--border)}
.baseline-audit-serial{color:var(--muted);font-size:9px;font-weight:800;font-variant-numeric:tabular-nums}
.baseline-audit-sku-list code{min-width:0;color:var(--ink);font-family:inherit;font-size:11px;font-weight:800;overflow-wrap:anywhere}
[data-theme="dark"] .baseline-audit{--surface:#101f2b;--surface-raised:#152735;--canvas:#08131d;--border:#294050;--ink:#f1f6f9;--muted:#b1c0cb;--accent:#83dec5;--accent-strong:#83dec5;--accent-soft:#153a32;--danger:#ff968d;--danger-soft:#3d211f}
[data-theme="dark"] .baseline-audit,[data-theme="dark"] .baseline-audit-event,[data-theme="dark"] .baseline-audit-delta{box-shadow:none}
@media(max-width:430px){.baseline-audit{padding:13px}.baseline-audit-event{grid-template-columns:32px minmax(0,1fr);padding:11px;gap:9px}.baseline-audit-index{width:32px;height:32px}.baseline-audit-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.baseline-audit-counts>span:last-child{grid-column:1/-1}.baseline-audit-delta>summary{grid-template-columns:minmax(0,1fr);gap:8px}.baseline-audit-toggle{width:100%;min-width:0}.baseline-audit-sku-list{padding-inline:10px}}
@media(max-width:340px){.baseline-audit-event{grid-template-columns:1fr}.baseline-audit-event-head{display:grid}.baseline-audit-sku-list{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.baseline-audit-toggle svg{transition:none}}

/* Mobile Today hierarchy v181 — welcome, action, store readiness, then detail. */
.ready-store-kicker{display:block;margin-bottom:7px;color:var(--brand);font-size:10px;font-weight:900;letter-spacing:.12em}
.ready-store-card{border-color:color-mix(in srgb,var(--brand),var(--border) 72%);border-left:5px solid var(--brand);background:linear-gradient(145deg,var(--surface) 0%,color-mix(in srgb,var(--brand-soft),var(--surface) 65%) 100%)}
.ready-store-card.is-day-active{border-left-color:var(--success);background:linear-gradient(145deg,var(--surface) 0%,color-mix(in srgb,var(--success-soft),var(--surface) 65%) 100%)}
.ready-store-card.is-day-active .ready-store-kicker{color:var(--success)}
.ready-store-card h2{font-size:clamp(24px,5vw,31px);line-height:1.08;letter-spacing:-.035em}
.ready-store-card .primary-button{min-height:58px;font-size:15px}
.close-day-home-action{border:2px solid var(--authority);color:var(--authority);background:var(--surface);font-weight:850}
.close-day-home-action:hover,.close-day-home-action:focus-visible{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}
.close-day-home-action.is-blocked{border-color:var(--warning);color:var(--warning-strong);background:var(--warning-soft)}
.close-day-home-hint{margin:12px 0 0!important;padding-top:11px;border-top:1px solid var(--border);color:var(--muted);font-size:11px!important;line-height:1.45}
.close-day-home-hint strong{color:var(--ink)}

@media(max-width:720px){
  body:not(.auth-required) .bottom-nav{position:fixed!important;top:auto!important;left:max(9px,env(safe-area-inset-left))!important;right:max(9px,env(safe-area-inset-right))!important;bottom:max(8px,env(safe-area-inset-bottom))!important;width:auto!important;min-height:70px!important;margin:0!important;padding:6px!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:2px!important;transform:none!important;z-index:1000!important;border:1px solid color-mix(in srgb,var(--authority),transparent 82%)!important;border-radius:22px!important;background:color-mix(in srgb,var(--surface) 97%,transparent)!important;box-shadow:0 14px 38px rgba(15,42,64,.2)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
  body:not(.auth-required) main{padding-bottom:calc(112px + env(safe-area-inset-bottom))!important}
  body:not(.auth-required) .app-shell{padding-bottom:calc(104px + env(safe-area-inset-bottom))!important}
  .bottom-nav .nav-item{position:relative;min-width:0!important;min-height:56px!important;padding:5px 1px!important;gap:2px!important;border-radius:14px!important;color:var(--muted)!important;background:transparent!important;box-shadow:none!important;font-size:9px!important;font-weight:750!important;line-height:1.1}
  .bottom-nav .nav-item.active{color:var(--brand)!important;background:transparent!important}
  .bottom-nav .nav-item.active::after{content:"";position:absolute;top:auto!important;right:auto;bottom:1px;left:50%;width:22px!important;height:3px!important;border-radius:999px;background:var(--brand);transform:translateX(-50%)}
  .bottom-nav .nav-icon,.bottom-nav .nav-icon svg{width:23px!important;height:23px!important}
  #screen-home>.hero-card{margin:0 0 12px!important;padding:18px 16px!important;border-left:5px solid var(--brand)!important;border-radius:18px!important;background:var(--surface)!important;box-shadow:0 8px 24px rgba(15,42,64,.08)!important}
  #screen-home>.hero-card h1{margin-top:4px;font-size:clamp(23px,7vw,29px)!important;line-height:1.1!important;letter-spacing:-.035em!important}
  #screen-home>.hero-card p{margin-top:6px;font-size:12px!important;line-height:1.45!important}
  #screen-home>.hero-card .state-badge{min-height:34px;padding:7px 9px}
  #screen-home .field-request-spotlight{margin:0 0 12px}
  #screen-home #homePrimary{margin:0 0 12px}
  #screen-home .ready-store-card{margin:0!important;padding:20px 17px!important;border-radius:20px!important;box-shadow:0 10px 28px rgba(15,42,64,.1)!important}
  #screen-home .ready-store-card h2{font-size:clamp(25px,7.3vw,31px)!important}
  #screen-home .ready-store-card p{margin:8px 0 18px!important;font-size:13px!important;line-height:1.45!important}
  #screen-home .ready-store-card .primary-button{min-height:60px!important;font-size:16px!important}
  #screen-home .close-day-home-action{width:100%;min-height:56px!important;font-size:14px!important}
  #screen-home .active-visit-actions .close-day-home-action{grid-row:2}
  #screen-home .active-visit-actions .danger-outline-button{grid-row:3}
  #screen-home #homeMetrics{margin:0 0 14px}
}
@media(max-width:375px){.bottom-nav .nav-item{font-size:8px!important}.bottom-nav .nav-icon,.bottom-nav .nav-icon svg{width:21px!important;height:21px!important}#screen-home>.hero-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:15px 13px!important}}
@media(orientation:landscape) and (max-height:560px) and (max-width:960px){body:not(.auth-required) .bottom-nav{min-height:62px!important;padding:4px!important}.bottom-nav .nav-item{min-height:52px!important}body:not(.auth-required) main{padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}}
@media(prefers-reduced-motion:reduce){.bottom-nav .nav-item,.bottom-nav .nav-item::after,.ready-store-card{transition:none!important;animation:none!important}}

/* Shared store SKU availability review */
.sku-availability-list{display:grid;gap:8px;margin-top:12px}.sku-availability-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:70px;padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:var(--surface-raised)}.sku-availability-row.unavailable{border-color:color-mix(in srgb,var(--warning),var(--border) 62%);background:var(--warning-soft)}.sku-availability-row.new-sku{border-left:4px solid var(--success)}.sku-availability-check{display:grid;place-items:center;width:48px;height:48px;cursor:pointer}.sku-availability-check input{position:absolute;opacity:0;pointer-events:none}.sku-availability-check span{display:grid;place-items:center;width:30px;height:30px;border:2px solid var(--border);border-radius:9px;background:var(--surface);color:transparent;font-size:18px;font-weight:900}.sku-availability-check input:checked+span{border-color:var(--success);background:var(--success);color:#fff}.sku-availability-check:has(input:focus-visible) span{outline:3px solid color-mix(in srgb,var(--focus),transparent 55%);outline-offset:2px}.sku-availability-copy{display:grid;gap:3px;min-width:0}.sku-availability-copy>span{display:flex;align-items:center;gap:6px}.sku-availability-copy b{color:var(--brand);font-size:11px}.sku-availability-copy em{padding:3px 6px;border-radius:999px;background:var(--success-soft);color:var(--success);font-size:9px;font-style:normal;font-weight:850}.sku-availability-copy strong{color:var(--ink);font-size:13px;line-height:1.35}.sku-availability-copy small{color:var(--muted);font-size:10px;line-height:1.4}.sku-availability-state{color:var(--success);font-size:10px;font-weight:850;white-space:nowrap}.unavailable .sku-availability-state{color:var(--warning)}.sku-new-remove{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:10px;background:transparent;color:var(--danger);cursor:pointer}.sku-new-remove svg{width:18px;height:18px}.sku-unavailable-reason{grid-column:2/-1;display:grid;gap:5px}.sku-unavailable-reason span{color:var(--warning-strong);font-size:10px;font-weight:800}.sku-unavailable-reason select{width:100%;min-height:46px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--ink);padding:0 10px;font:inherit;font-size:16px}.sku-review-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:12px;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.sku-review-summary>div{display:grid;gap:3px;min-width:0;padding:11px 8px;border-right:1px solid var(--border)}.sku-review-summary>div:last-child{border-right:0}.sku-review-summary strong{color:var(--ink);font-size:17px}.sku-review-summary span{color:var(--muted);font-size:9px;line-height:1.25}.sku-reason-note{margin-top:10px;padding:10px 12px;border-radius:10px;background:var(--warning-soft);color:var(--warning-strong);font-size:11px;line-height:1.45}.sku-review-step .sku-search-action{margin-top:10px}.sku-availability-row button,.sku-availability-row label,.sku-availability-row select{touch-action:manipulation}@media(max-width:380px){.sku-availability-row{grid-template-columns:44px minmax(0,1fr)}.sku-availability-state,.sku-new-remove{grid-column:2;justify-self:start}.sku-unavailable-reason{grid-column:1/-1}.sku-review-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.sku-review-summary>div:nth-child(2){border-right:0}.sku-review-summary>div:nth-child(-n+2){border-bottom:1px solid var(--border)}}@media(prefers-reduced-motion:reduce){.sku-availability-check span{transition:none}}
.dashboard-review-state{display:inline-flex;width:max-content;margin-top:.38rem;padding:.24rem .5rem;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.01em;line-height:1.2}
.dashboard-review-state.pending{color:#8b5b00;background:#fff4d6;border:1px solid #efd18c}
.dashboard-review-state.reviewed{color:#087553;background:#e8f7f1;border:1px solid #a9dfcb}
.dashboard-visit-row.is-merchandiser:not(button){cursor:default}
.supervisor-visit-review{margin:1rem 0;padding:1rem;border:1px solid #d8e3e8;border-radius:16px;background:linear-gradient(145deg,#f7fbfc,#fff);box-shadow:0 8px 22px rgba(13,39,56,.06)}
.supervisor-review-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.supervisor-review-heading small{display:block;color:#8e1a2f;font-size:.67rem;font-weight:900;letter-spacing:.12em}
.supervisor-review-heading h3{margin:.22rem 0 0;color:#122d40;font-size:1.05rem}
.supervisor-review-heading>span{flex:none;padding:.34rem .58rem;border:1px solid #efd18c;border-radius:999px;background:#fff4d6;color:#8b5b00;font-size:.72rem;font-weight:800}
.supervisor-review-heading>span.reviewed{border-color:#a9dfcb;background:#e8f7f1;color:#087553}
.supervisor-star-rating{display:flex;gap:.45rem;margin:.85rem 0}
.supervisor-star-rating button{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #ccd8dd;border-radius:12px;background:#fff;color:#9ba8ad;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease,color .14s ease}
.supervisor-star-rating button:hover,.supervisor-star-rating button:focus-visible{border-color:#bd8a17;transform:translateY(-1px)}
.supervisor-star-rating button.selected{border-color:#d39b20;background:#fff6d9;color:#c88600}
.supervisor-star-rating svg{width:26px;height:26px;fill:currentColor}
.supervisor-review-comment{display:grid;gap:.4rem;color:#183246;font-weight:800}
.supervisor-review-comment span{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.supervisor-review-comment span small{color:#6a7881;font-weight:600}
.supervisor-review-comment textarea{width:100%;min-height:76px;resize:vertical;padding:.75rem .85rem;border:1px solid #ccd8dd;border-radius:12px;background:#fff;color:#142b3b;font:inherit;line-height:1.45}
.supervisor-review-comment textarea:focus{outline:3px solid rgba(21,137,128,.18);border-color:#158980}
.supervisor-review-actions{display:flex;align-items:center;justify-content:flex-end;gap:.8rem;margin-top:.75rem}
.supervisor-review-actions p{flex:1;margin:0;color:#a4132c;font-size:.78rem;font-weight:700}
.supervisor-review-actions button{min-height:44px;padding:.68rem 1rem;border:0;border-radius:11px;background:#8e1028;color:#fff;font-weight:850;cursor:pointer}
.supervisor-review-actions button:disabled{cursor:not-allowed;opacity:.48}
.supervisor-review-meta{display:block;margin-top:.5rem;color:#64747e}
@media(max-width:600px){.supervisor-visit-review{padding:.9rem}.supervisor-review-heading{display:grid;gap:.55rem}.supervisor-review-heading>span{width:max-content}.supervisor-star-rating{justify-content:space-between;gap:.25rem}.supervisor-star-rating button{width:46px;height:46px}.supervisor-review-actions{align-items:stretch;flex-direction:column}.supervisor-review-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.supervisor-star-rating button{transition:none}}
[data-theme="dark"] .supervisor-visit-review{border-color:#38505e;background:linear-gradient(145deg,#142b38,#10232e);box-shadow:none}
[data-theme="dark"] .supervisor-review-heading h3,[data-theme="dark"] .supervisor-review-comment{color:#f3f7f8}
[data-theme="dark"] .supervisor-star-rating button,[data-theme="dark"] .supervisor-review-comment textarea{border-color:#49606c;background:#18323f;color:#d5e0e4}
[data-theme="dark"] .supervisor-star-rating button.selected{border-color:#e3b03d;background:#443813;color:#ffd36a}

/* Read-only Today plan for a Sales supervisor's directly supervised Merchandisers. */
.supervised-merchandising-plan{display:grid;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}
.mandatory-visits-today.supervisor-planning-spotlight{margin:14px 0;padding:12px;border:1px solid color-mix(in srgb,var(--authority) 26%,var(--border));border-radius:18px;background:var(--surface);box-shadow:var(--shadow-sm)}
.supervisor-planning-spotlight .supervised-merchandising-plan{margin-top:0;padding-top:0;border-top:0}
.supervisor-new-plan-primary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;min-height:70px;padding:12px 14px;border:0;border-radius:15px;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 76%,#071b2b));color:#fff;text-align:left;box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 24%,transparent);cursor:pointer}
.supervisor-new-plan-primary>span:first-child{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.16)}
.supervisor-new-plan-primary svg{width:22px;height:22px}
.supervisor-new-plan-primary>span:nth-child(2){display:grid;gap:1px}
.supervisor-new-plan-primary small,.supervisor-new-plan-primary strong,.supervisor-new-plan-primary em{display:block;color:inherit;font-style:normal}
.supervisor-new-plan-primary small{font-size:.58rem;font-weight:900;letter-spacing:.08em;opacity:.78}
.supervisor-new-plan-primary strong{font-size:1.08rem;font-weight:950}
.supervisor-new-plan-primary em{font-size:.66rem;font-weight:700;opacity:.84}
.supervisor-new-plan-primary>b{display:grid;place-items:center}
.supervisor-new-plan-primary>b svg{width:18px;height:18px}
.supervised-merchandising-plan .section-heading{margin-bottom:0}
.supervised-merchandising-plan .section-heading p{margin:3px 0 0;color:var(--muted);font-size:.7rem;font-weight:750}
.supervised-plan-actions{display:flex;align-items:center;gap:8px}
.supervised-plan-actions>span{display:grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:999px;background:var(--authority-soft);color:var(--authority);font-size:.75rem;font-weight:900}
.supervised-plan-actions>button{min-height:42px;padding:0 14px;border:0;border-radius:11px;background:var(--accent);color:#fff;font:inherit;font-size:.78rem;font-weight:900;cursor:pointer}
.supervised-plan-empty{display:flex;align-items:center;gap:11px;padding:14px;border:1px dashed color-mix(in srgb,var(--authority) 40%,var(--border));border-radius:14px;background:var(--authority-soft)}
.supervised-plan-empty>span{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:var(--surface);color:var(--authority)}
.supervised-plan-empty svg{width:20px;height:20px}
.supervised-plan-empty p,.supervised-plan-empty strong,.supervised-plan-empty small{display:block;margin:0}
.supervised-plan-empty small{margin-top:3px;color:var(--muted);font-size:.68rem;line-height:1.45}
@media(max-width:560px){.supervised-merchandising-plan .section-heading{align-items:flex-start}.supervised-plan-actions{flex-direction:column-reverse;align-items:flex-end}.supervised-plan-actions>button{min-width:112px}.mandatory-visits-today.supervisor-planning-spotlight{margin:12px 0;padding:10px}.supervisor-new-plan-primary{position:relative;z-index:2}}

/* A failed background must not obscure the recorded route and its controls. */
.fleet-map-status{position:absolute;z-index:800;left:12px;right:12px;bottom:28px;padding:9px 12px;border:1px solid #d4a34a;border-radius:8px;background:#fff6df;color:#593a0b;font-size:12px;line-height:1.4;pointer-events:none}

/* Contain Leaflet panes/controls below sticky application navigation. */
#fleetMap{isolation:isolate}


/* product-ui.css */
/* Product UI v81 — structure first, decoration second. */
.product-dashboard,.product-people { color:var(--ink); }
.product-dashboard { overflow:hidden; border:1px solid var(--border); border-radius:16px; background:var(--surface); box-shadow:var(--shadow-sm); }
.product-dashboard-header { min-height:72px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 16px; border-bottom:1px solid var(--border); }
.product-dashboard-header>div { display:grid; gap:1px; }
.product-dashboard-header h1 { margin:0; font-size:23px; font-weight:730; letter-spacing:-.04em; }
.product-dashboard-header p { margin:0; color:var(--muted); font-size:10px; }
.product-live { width:max-content; display:inline-flex; align-items:center; gap:6px; color:var(--accent); font-size:8px; font-weight:800; letter-spacing:.1em; }
.product-live i { width:6px; height:6px; border-radius:50%; background:currentColor; box-shadow:0 0 0 4px var(--accent-soft); }
.product-refresh { width:40px; height:40px; display:grid; place-items:center; color:var(--muted); border:1px solid var(--border); border-radius:10px; background:var(--surface); }
.product-refresh:hover,.product-refresh:focus-visible { color:var(--brand); border-color:var(--brand); }
.product-refresh svg { width:18px; height:18px; }
.product-summary-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; border-bottom:1px solid var(--border); background:var(--border); }
.product-summary-card { position:relative; min-height:132px; display:grid; align-content:center; gap:3px; padding:16px; color:var(--ink); text-align:left; border:0; background:var(--surface); }
.product-summary-card:hover,.product-summary-card:focus-visible { z-index:1; background:var(--authority-soft); outline-offset:-3px; }
.product-summary-card>span { color:var(--muted); font-size:9px; font-weight:700; }
.product-summary-card>strong { font-size:27px; font-weight:740; line-height:1.08; font-variant-numeric:tabular-nums; letter-spacing:-.045em; }
.product-summary-card>strong em { color:var(--muted); font-size:14px; font-style:normal; font-weight:600; }
.product-summary-card>small { color:var(--muted); font-size:9px; line-height:1.35; }
.product-summary-card>i { position:absolute; right:12px; top:12px; width:18px; color:var(--subtle); font-style:normal; }
.product-summary-card>i svg { width:16px; height:16px; }
.product-summary-card.primary { box-shadow:inset 0 3px 0 var(--brand); }
.product-summary-card.attention { box-shadow:inset 0 3px 0 var(--warning); }
.product-summary-card.attention>strong { color:var(--warning); }
.product-summary-card.clear { box-shadow:inset 0 3px 0 var(--accent); }
.product-summary-card.clear>strong { color:var(--accent); }
.product-allocation { display:grid; gap:10px; padding:14px 16px; border-bottom:1px solid var(--border); }
.product-allocation>header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.product-allocation>header>div { display:grid; gap:1px; }
.product-allocation>header span { color:var(--muted); font-size:8px; font-weight:800; letter-spacing:.08em; }
.product-allocation>header strong { font-size:14px; font-weight:720; }
.product-allocation>header button { display:inline-flex; align-items:center; gap:4px; padding:6px; color:var(--brand); border:0; background:transparent; font-size:9px; font-weight:700; }
.product-allocation>header button svg { width:13px; }
.product-time-track { height:8px; display:flex; overflow:hidden; border-radius:999px; background:var(--border); }
.product-time-track i { height:100%; }
.product-time-track .onsite,.product-time-legend i.onsite { background:var(--accent); }
.product-time-track .travel,.product-time-legend i.travel { background:var(--info); }
.product-time-track .other,.product-time-legend i.other { background:var(--subtle); }
.product-time-legend { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.product-time-legend>span { display:grid; grid-template-columns:7px minmax(0,1fr) auto; align-items:center; gap:6px; }
.product-time-legend>span>i { width:7px; height:7px; border-radius:50%; }
.product-time-legend small { color:var(--muted); font-size:9px; }
.product-time-legend strong { font-size:11px; font-weight:720; }
.product-time-legend em { grid-column:2; color:var(--subtle); font-size:8px; font-style:normal; }
.product-coverage { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--border); }
.product-coverage>section { min-width:0; padding:14px 16px; background:var(--surface); }
.product-coverage section>header { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:8px; }
.product-coverage section>header span { color:var(--muted); font-size:8px; font-weight:800; letter-spacing:.08em; }
.product-coverage section>header h2 { margin:1px 0 0; font-size:14px; font-weight:720; }
.product-coverage section>header button { padding:5px; color:var(--brand); border:0; background:transparent; font-size:9px; font-weight:700; }
.product-coverage-row { width:100%; display:grid; grid-template-columns:minmax(100px,.8fr) minmax(90px,1fr) 14px; align-items:center; gap:10px; min-height:42px; padding:6px 2px; color:var(--ink); text-align:left; border:0; border-top:1px solid var(--border); background:transparent; }
.product-coverage-row:first-child { border-top:0; }
.product-coverage-row>span { min-width:0; display:flex; align-items:baseline; justify-content:space-between; gap:8px; }
.product-coverage-row strong { overflow:hidden; font-size:10px; font-weight:680; text-overflow:ellipsis; white-space:nowrap; }
.product-coverage-row small { color:var(--muted); font-size:8px; white-space:nowrap; }
.product-coverage-row>i { height:5px; overflow:hidden; border-radius:99px; background:var(--canvas); }
.product-coverage-row>i b { display:block; height:100%; border-radius:inherit; background:var(--accent); }
.product-coverage-row>svg { width:13px; color:var(--subtle); }
.product-account-list { display:grid; grid-template-columns:1fr 1fr; gap:1px 12px; }
.product-account-row { min-width:0; min-height:42px; display:grid; grid-template-columns:minmax(0,1fr) auto auto 13px; align-items:center; gap:5px; padding:6px 2px; color:var(--ink); text-align:left; border:0; border-top:1px solid var(--border); background:transparent; }
.product-account-row:nth-child(-n+2) { border-top:0; }
.product-account-row>span { overflow:hidden; font-size:10px; font-weight:680; text-overflow:ellipsis; white-space:nowrap; }
.product-account-row>strong { font-size:11px; font-weight:740; }
.product-account-row>small { color:var(--muted); font-size:8px; }
.product-account-row>svg { width:12px; color:var(--subtle); }
.product-empty-line { margin:8px 0; color:var(--muted); font-size:10px; }
.product-people { margin-top:10px; padding:14px; border:1px solid var(--border); border-radius:16px; background:var(--surface); box-shadow:var(--shadow-sm); }
.product-people>header { min-height:54px; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:0 2px 10px; border-bottom:1px solid var(--border); }
.product-people>header>div { display:grid; gap:1px; }
.product-people>header span { color:var(--brand); font-size:8px; font-weight:800; letter-spacing:.08em; }
.product-people>header h2 { margin:0; font-size:18px; font-weight:730; }
.product-people>header p { margin:0; color:var(--muted); font-size:9px; }
.product-people>header button { display:inline-flex; align-items:center; gap:4px; padding:7px; color:var(--brand); border:0; background:transparent; font-size:9px; font-weight:700; }
.product-people>header button svg { width:13px; }
.product-people-list { display:grid; gap:0; }
.product-person { --state:var(--subtle); position:relative; min-width:0; min-height:86px; display:grid; grid-template-columns:minmax(210px,1.35fr) auto 72px minmax(280px,1fr) 18px; align-items:center; gap:12px; width:100%; padding:12px 10px 12px 13px; color:var(--ink); text-align:left; border:0; border-bottom:1px solid var(--border); border-left:3px solid var(--state); background:var(--surface); }
.product-person:last-child { border-bottom:0; }
.product-person:hover,.product-person:focus-visible { background:color-mix(in srgb,var(--authority-soft) 62%,var(--surface)); outline-offset:-3px; }
.product-person.state-in-store { --state:var(--accent); }
.product-person.state-active { --state:var(--info); }
.product-person.state-pending-close { --state:var(--warning); }
.product-person.state-closed { --state:var(--authority); }
.product-person-main { min-width:0; display:grid; grid-template-columns:38px minmax(0,1fr); align-items:center; gap:9px; }
.product-avatar { width:38px; height:38px; display:grid; place-items:center; color:#fff; border-radius:9px; background:var(--authority); font-size:10px; font-weight:750; }
.product-person-main>span:last-child { min-width:0; display:grid; gap:1px; }
.product-person-main strong { overflow:hidden; font-size:12px; font-weight:720; text-overflow:ellipsis; white-space:nowrap; }
.product-person-main small { overflow:hidden; color:var(--muted); font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.product-person-main em { color:var(--subtle); font-size:8px; font-style:normal; }
.product-person-status { display:inline-flex; align-items:center; gap:5px; min-height:26px; padding:4px 7px; color:var(--state); border:1px solid color-mix(in srgb,var(--state) 30%,var(--border)); border-radius:99px; background:color-mix(in srgb,var(--state) 7%,var(--surface)); font-size:8px; font-weight:700; white-space:nowrap; }
.product-person-status i { width:6px; height:6px; border-radius:50%; background:currentColor; }
.product-person-start { display:grid; gap:1px; }
.product-person-start small { color:var(--muted); font-size:8px; }
.product-person-start strong { font-size:10px; font-weight:720; font-variant-numeric:tabular-nums; }
.product-person-metrics { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border-left:1px solid var(--border); }
.product-person-metrics>span { min-width:0; display:grid; gap:1px; padding:3px 8px; border-left:1px solid var(--border); }
.product-person-metrics>span:first-child { border-left:0; }
.product-person-metrics strong { overflow:hidden; font-size:10px; font-weight:720; font-variant-numeric:tabular-nums; text-overflow:ellipsis; white-space:nowrap; }
.product-person-metrics small { color:var(--muted); font-size:7px; }
.product-person-open { color:var(--subtle); }
.product-person-open svg { width:15px; }
#screen-customers .intelligence-header { margin-bottom:8px; }
#screen-customers .reporting-hub-head { display:none; }
#screen-customers .reporting-hub { margin-top:0; }
#screen-customers .reporting-global-filter { position:relative; top:auto; grid-template-columns:minmax(150px,.7fr) minmax(260px,1.3fr); margin-bottom:8px; padding:7px; box-shadow:none; }
#screen-customers .reporting-range-label>span { background:transparent; }
#screen-customers .reporting-hub-output { min-height:120px; }
#screen-customers .hub-command { border-top-width:1px; }
#screen-customers .hub-command-head p,.management-briefing-head p { display:none; }
#screen-customers .hub-health { border:0; background:var(--canvas); }
#screen-customers .hub-metric-grid { gap:6px; }
#screen-customers .hub-metric { min-height:92px; padding:9px; }
#screen-customers .hub-metric-copy em { display:none; }
#screen-customers .hub-insights { gap:7px; }
#screen-customers .reporting-module-heading p { display:none; }
#screen-customers .reporting-hub-grid { gap:6px; padding:7px; }
#screen-customers .report-entry { min-height:70px; }
#screen-customers .report-entry-copy small { line-height:1.3; }
#screen-customers .report-entry-open { background:transparent; }
.inbox-masthead,.discussion-case-hero { box-shadow:none; }
.discussion-case-hero { padding:16px; border-radius:14px; background:var(--authority-strong); }
.discussion-case-hero p { display:none; }
.discussion-visit-card,.discussion-case-section,.discussion-conversation-section,.discussion-visit-note { padding:14px; border-radius:13px; box-shadow:none; }
.inbox-thread-modal { background:var(--canvas); }
.inbox-thread-modal>.modal-heading { background:color-mix(in srgb,var(--canvas) 96%,transparent); }
@media(max-width:920px) {
  .product-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:680px) {
  .product-dashboard-header { min-height:64px; padding:11px 12px; }
  .product-dashboard-header h1 { font-size:20px; }
  .product-summary-card { min-height:112px; padding:12px; }
  .product-summary-card>strong { font-size:23px; }
  .product-coverage { grid-template-columns:1fr; }
  .product-account-row:nth-child(2) { border-top:1px solid var(--border); }
  .product-people { padding:10px; }
  .product-person { grid-template-columns:minmax(0,1fr) auto 16px; gap:8px; padding:11px 7px 11px 10px; }
  .product-person-main { grid-template-columns:36px minmax(0,1fr); }
  .product-avatar { width:36px; height:36px; }
  .product-person-start { grid-column:1; grid-row:2; display:flex; gap:5px; padding-left:45px; }
  .product-person-metrics { grid-column:1 / -1; grid-row:3; grid-template-columns:repeat(5,minmax(0,1fr)); }
  .product-person-open { grid-column:3; grid-row:1 / 3; }
  #screen-customers .reporting-global-filter { grid-template-columns:1fr; }
  #screen-customers .reporting-range-label { display:none; }
}
@media(max-width:430px) {
  .product-summary-grid { grid-template-columns:1fr 1fr; }
  .product-summary-card { min-height:106px; }
  .product-time-legend { grid-template-columns:1fr; gap:5px; }
  .product-time-legend em { grid-column:3; }
  .product-account-list { grid-template-columns:1fr; }
  .product-account-row:nth-child(2) { border-top:1px solid var(--border); }
  .product-person-status { padding:3px 6px; }
  .product-person-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .product-person-metrics>span:nth-child(4),.product-person-metrics>span:nth-child(5) { border-top:1px solid var(--border); }
  .product-person-metrics>span:nth-child(4) { grid-column:1 / 2; border-left:0; }
  .product-person-metrics>span:nth-child(5) { grid-column:2 / 4; }
}
@media(prefers-reduced-motion:reduce) {
  .product-summary-card,.product-refresh,.product-person,.product-coverage-row,.product-account-row { transition:none!important; }
}


/* Reporting Product UI v82
   A decision-first executive workspace: less decoration, stronger hierarchy,
   clear report entry points, and complete drill-down affordances. */
#screen-customers.intelligence-screen {
  --report-ink: #102536;
  --report-muted: #637381;
  --report-line: #d9e2e8;
  --report-soft: #f4f7f8;
  --report-red: #b3132f;
  --report-green: #087762;
  --report-blue: #176c91;
  --report-gold: #a46e14;
  background: #f3f6f7;
}
#screen-customers .intelligence-header {
  align-items: center;
  min-height: auto;
  padding: 18px 22px;
  border: 1px solid var(--report-line);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(16,37,54,.06);
}
#screen-customers .intelligence-logo {
  width: 56px;
  height: 56px;
  border-radius: 14px;
}
#screen-customers .intelligence-brand h1 {
  margin: 2px 0 0;
  font-size: clamp(1.45rem,3vw,2rem);
  letter-spacing: -.035em;
}
#screen-customers .intelligence-brand p { display: none; }
#screen-customers .intelligence-live {
  padding: 9px 13px;
  border: 1px solid #b9ded5;
  border-radius: 999px;
  background: #edf9f6;
}
#screen-customers .intelligence-live small { display: none; }
#screen-customers .reporting-hub {
  gap: 0;
  padding-top: 14px;
}
#screen-customers .reporting-hub-head,
/* Reporting directory visibility is owned by reporting-overview.css. */
#screen-customers .reporting-global-filter {
  display: grid;
  grid-template-columns: minmax(170px,1fr) auto;
  gap: 14px 24px;
  align-items: center;
  margin: 0 0 14px;
  padding: 14px 16px;
  border: 1px solid var(--report-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: none;
}
#screen-customers .reporting-range-label {
  min-width: 0;
}
#screen-customers .reporting-range-label > [data-icon] {
  width: 38px;
  height: 38px;
  color: var(--report-ink);
  background: #edf2f5;
  border-radius: 11px;
}
#screen-customers .reporting-range-label strong {
  color: var(--report-ink);
  font-size: .92rem;
}
#screen-customers .reporting-range-label small {
  color: var(--report-muted);
  font-weight: 650;
}
#screen-customers .reporting-range-presets {
  display: flex;
  gap: 4px;
  padding: 4px;
  border: 1px solid var(--report-line);
  border-radius: 13px;
  background: var(--report-soft);
}
#screen-customers .reporting-range-presets button {
  min-height: 38px;
  padding: 0 14px;
  border: 0;
  border-radius: 9px;
  color: #526372;
  background: transparent;
  font-size: .8rem;
  font-weight: 800;
}
#screen-customers .reporting-range-presets button.active {
  color: #fff;
  background: var(--report-ink);
  box-shadow: 0 5px 12px rgba(16,37,54,.18);
}
#screen-customers .reporting-custom-range {
  grid-column: 1/-1;
  padding-top: 12px;
  border-top: 1px solid var(--report-line);
}
#screen-customers .reporting-hub-output { min-height: 0; }

.report-workspace {
  display: grid;
  gap: 14px;
  color: var(--report-ink);
}
.report-workspace button {
  font: inherit;
}
.report-workspace-head {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: stretch;
  padding: 26px 28px;
  overflow: hidden;
  border-radius: 22px;
  color: #fff;
  background:
    linear-gradient(120deg,rgba(179,19,47,.93),rgba(179,19,47,.72) 30%,rgba(10,43,61,.98) 72%),
    #0a2b3d;
  box-shadow: 0 16px 36px rgba(16,37,54,.16);
}
.report-workspace-head > div:first-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.report-workspace-kicker {
  display: flex;
  gap: 8px;
  align-items: center;
  color: #ffd8df;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .16em;
}
.report-workspace-kicker i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #66dcc3;
  box-shadow: 0 0 0 5px rgba(102,220,195,.14);
}
.report-workspace-head h2 {
  max-width: 620px;
  margin: 12px 0 6px;
  color: #fff;
  font-size: clamp(1.75rem,4vw,2.75rem);
  line-height: 1.02;
  letter-spacing: -.05em;
}
.report-workspace-head p {
  margin: 0;
  color: rgba(255,255,255,.72);
  font-size: .9rem;
  font-weight: 650;
}
.report-health {
  display: flex;
  min-width: 190px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 18px 20px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 17px;
  color: #fff;
  text-align: left;
  background: rgba(255,255,255,.09);
  cursor: pointer;
}
.report-health.warning { background: rgba(255,190,88,.13); }
.report-health small {
  color: #ffd7a1;
  font-size: .66rem;
  font-weight: 900;
  letter-spacing: .12em;
}
.report-health strong {
  margin: 4px 0 6px;
  font-size: 1.35rem;
}
.report-health span {
  color: rgba(255,255,255,.72);
  font-size: .77rem;
  font-style: normal;
}
.report-health svg {
  width: 13px;
  vertical-align: -2px;
}

.report-scoreboard {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  overflow: hidden;
  border: 1px solid var(--report-line);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(16,37,54,.05);
}
.report-score {
  position: relative;
  min-width: 0;
  min-height: 132px;
  padding: 22px 24px;
  border: 0;
  border-right: 1px solid var(--report-line);
  color: var(--report-ink);
  text-align: left;
  background: #fff;
  cursor: pointer;
  transition: background .18s ease,transform .18s ease;
}
.report-score:last-child { border-right: 0; }
.report-score:hover { background: #f6f9fa; }
.report-score:active { transform: translateY(1px); }
.report-score::before {
  content: "";
  position: absolute;
  top: 0;
  left: 22px;
  width: 34px;
  height: 3px;
  background: var(--report-green);
}
.report-score.primary::before { background: var(--report-red); }
.report-score:nth-child(3)::before { background: var(--report-blue); }
.report-score:nth-child(4)::before { background: var(--report-gold); }
.report-score small {
  display: block;
  margin-bottom: 9px;
  color: var(--report-muted);
  font-size: .67rem;
  font-weight: 900;
  letter-spacing: .12em;
}
.report-score > strong {
  display: block;
  color: var(--report-ink);
  font-size: clamp(1.65rem,3.2vw,2.35rem);
  line-height: 1;
  letter-spacing: -.045em;
}
.report-score > strong span {
  color: #7b8994;
  font-size: .48em;
  letter-spacing: 0;
}
.report-score p {
  margin: 9px 0 0;
  overflow: hidden;
  color: var(--report-muted);
  font-size: .78rem;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.report-time-analysis,
.report-launcher,
.report-analysis-panel,
.report-people-panel {
  padding: 24px 26px;
  border: 1px solid var(--report-line);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(16,37,54,.045);
}
.report-section-heading {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: end;
  margin-bottom: 18px;
}
.report-section-heading > div > span {
  display: block;
  margin-bottom: 4px;
  color: var(--report-red);
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .15em;
}
.report-section-heading h3 {
  margin: 0;
  color: var(--report-ink);
  font-size: 1.28rem;
  letter-spacing: -.025em;
}
.report-section-heading > button,
.report-section-heading > p {
  margin: 0;
  padding: 0;
  border: 0;
  color: var(--report-muted);
  background: transparent;
  font-size: .76rem;
  font-weight: 800;
}
.report-section-heading > button {
  cursor: pointer;
}
.report-section-heading svg {
  width: 15px;
  vertical-align: -3px;
}
.report-time-layout {
  display: grid;
  grid-template-columns: minmax(170px,.72fr) minmax(0,2fr);
  overflow: hidden;
  border: 1px solid var(--report-line);
  border-radius: 16px;
}
.report-time-total {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px;
  color: #fff;
  background: var(--report-ink);
}
.report-time-total small {
  color: #abc0cc;
  font-size: .66rem;
  font-weight: 900;
  letter-spacing: .12em;
}
.report-time-total strong {
  margin: 6px 0;
  font-size: 2rem;
  letter-spacing: -.04em;
}
.report-time-total p {
  margin: 0;
  color: #abc0cc;
  font-size: .75rem;
}
.report-time-breakdown {
  display: grid;
  gap: 18px;
  padding: 24px;
}
.report-time-bar {
  display: flex;
  height: 10px;
  overflow: hidden;
  border-radius: 999px;
  background: #e7edf0;
}
.report-time-bar i { display: block; height: 100%; }
.report-time-bar .onsite { background: var(--report-green); }
.report-time-bar .travel { background: var(--report-blue); }
.report-time-bar .other { background: #a8b5be; }
.report-time-figures {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
}
.report-time-figures > * {
  display: grid;
  grid-template-columns: 8px 1fr;
  gap: 10px;
  padding: 0 18px;
  border: 0;
  border-right: 1px solid var(--report-line);
  color: var(--report-ink);
  text-align: left;
  background: transparent;
}
.report-time-figures > *:first-child { padding-left: 0; }
.report-time-figures > *:last-child { padding-right: 0; border-right: 0; }
.report-time-figures > button { cursor: pointer; }
.report-time-figures > * > i {
  width: 8px;
  height: 8px;
  margin-top: 4px;
  border-radius: 50%;
}
.report-time-figures .onsite { background: var(--report-green); }
.report-time-figures .travel { background: var(--report-blue); }
.report-time-figures .other { background: #a8b5be; }
.report-time-figures span span { display: flex; flex-direction: column; }
.report-time-figures small {
  color: var(--report-muted);
  font-size: .62rem;
  font-weight: 900;
  letter-spacing: .11em;
}
.report-time-figures strong {
  margin: 4px 0 2px;
  font-size: 1.1rem;
}
.report-time-figures em {
  color: var(--report-muted);
  font-size: .7rem;
  font-style: normal;
}

.report-launcher-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  overflow: hidden;
  border: 1px solid var(--report-line);
  border-radius: 16px;
}
.report-launcher-grid > button {
  display: grid;
  grid-template-columns: 34px minmax(0,1fr) 18px;
  gap: 14px;
  align-items: start;
  min-height: 134px;
  padding: 22px;
  border: 0;
  border-right: 1px solid var(--report-line);
  color: var(--report-ink);
  text-align: left;
  background: #fff;
  cursor: pointer;
  transition: background .18s ease;
}
.report-launcher-grid > button:last-child { border-right: 0; }
.report-launcher-grid > button:hover { background: var(--report-soft); }
.report-launch-number {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 10px;
  color: var(--report-red);
  background: #fff0f3;
  font-size: .7rem;
  font-weight: 900;
}
.report-launcher-grid > button:nth-child(2) .report-launch-number {
  color: var(--report-green);
  background: #e8f7f3;
}
.report-launcher-grid > button:nth-child(3) .report-launch-number {
  color: var(--report-gold);
  background: #fff5df;
}
.report-launcher-grid button > span:nth-child(2) { min-width: 0; }
.report-launcher-grid small {
  display: block;
  color: var(--report-muted);
  font-size: .64rem;
  font-weight: 900;
  letter-spacing: .11em;
}
.report-launcher-grid strong {
  display: block;
  margin: 5px 0 8px;
  font-size: 1rem;
}
.report-launcher-grid em {
  display: block;
  color: var(--report-muted);
  font-size: .74rem;
  font-style: normal;
  line-height: 1.45;
}
.report-launcher-grid svg { width: 16px; margin-top: 9px; color: #82919d; }

.report-analysis-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 14px;
}
.report-section-heading.compact { margin-bottom: 10px; }
.report-rank-list {
  overflow: hidden;
  border-top: 1px solid var(--report-line);
}
.report-rank-row {
  display: grid;
  grid-template-columns: 28px minmax(0,1fr) auto 16px;
  gap: 12px;
  align-items: center;
  width: 100%;
  min-height: 58px;
  padding: 8px 4px;
  border: 0;
  border-bottom: 1px solid #e8edef;
  color: var(--report-ink);
  text-align: left;
  background: transparent;
  cursor: pointer;
}
.report-rank-row:last-child { border-bottom: 0; }
.report-rank-row:hover { background: #f8fafb; }
.report-rank-index {
  color: #8b99a4;
  font-size: .68rem;
  font-weight: 900;
}
.report-rank-copy {
  display: grid;
  gap: 7px;
  min-width: 0;
}
.report-rank-copy strong {
  overflow: hidden;
  font-size: .8rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.report-rank-copy i {
  display: block;
  height: 4px;
  overflow: hidden;
  border-radius: 999px;
  background: #edf1f3;
}
.report-rank-copy i b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--report-green);
}
.report-analysis-panel:nth-child(2) .report-rank-copy i b { background: var(--report-red); }
.report-rank-value {
  color: var(--report-ink);
  font-size: .9rem;
  font-weight: 900;
  white-space: nowrap;
}
.report-rank-value small {
  margin-left: 3px;
  color: var(--report-muted);
  font-size: .62rem;
  font-weight: 700;
}
.report-rank-row > svg { width: 14px; color: #91a0aa; }

.report-person-list {
  overflow: hidden;
  border-top: 1px solid var(--report-line);
}
.report-person-row {
  display: grid;
  grid-template-columns: 28px 44px minmax(0,1fr) auto 16px;
  gap: 12px;
  align-items: center;
  width: 100%;
  min-height: 70px;
  padding: 10px 4px;
  border: 0;
  border-bottom: 1px solid #e8edef;
  color: var(--report-ink);
  text-align: left;
  background: transparent;
  cursor: pointer;
}
.report-person-row:last-child { border-bottom: 0; }
.report-person-row:hover { background: #f8fafb; }
.report-person-rank {
  color: #8b99a4;
  font-size: .68rem;
  font-weight: 900;
}
.report-person-avatar {
  display: grid;
  width: 44px;
  height: 44px;
  overflow: hidden;
  place-items: center;
  border-radius: 12px;
  color: #fff;
  background: var(--report-ink);
  font-size: .72rem;
  font-weight: 900;
}
.report-person-avatar img { width: 100%; height: 100%; object-fit: cover; }
.report-person-copy {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.report-person-copy strong {
  overflow: hidden;
  font-size: .85rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.report-person-copy small {
  overflow: hidden;
  color: var(--report-muted);
  font-size: .7rem;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.report-person-status {
  padding: 6px 9px;
  border-radius: 999px;
  font-size: .65rem;
  font-weight: 900;
  white-space: nowrap;
}
.report-person-status.store { color: #08715d; background: #dff5ef; }
.report-person-status.active { color: #176c91; background: #e4f1f7; }
.report-person-status.closed { color: #53636f; background: #edf1f3; }
.report-person-row > svg { width: 14px; color: #91a0aa; }
.report-empty-row {
  padding: 24px 0;
  color: var(--report-muted);
  font-size: .8rem;
}

/* Focused report workspace: keep filters concise and results dominant. */
#screen-customers .report-view-context {
  margin: 0 0 14px;
  padding: 13px 16px;
  border: 1px solid var(--report-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: none;
}
#screen-customers .report-view-context > [data-icon] { display: none; }
#screen-customers .report-detail-back {
  min-width: auto;
  padding: 9px 12px;
  border-radius: 10px;
  color: var(--report-ink);
  background: #edf2f5;
}
#screen-customers .report-filter-card {
  padding: 20px;
  border: 1px solid var(--report-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: none;
}
#screen-customers .filter-heading,
#screen-customers .team-filter-heading {
  padding-bottom: 14px;
  border-bottom: 1px solid var(--report-line);
}
#screen-customers .period-control {
  border-color: var(--report-line);
  border-radius: 14px;
  background: var(--report-soft);
}
#screen-customers .date-presets button.active,
#screen-customers .team-run-report {
  background: var(--report-ink);
}
#screen-customers .report-code,
#screen-customers .filter-step,
#screen-customers .team-builder-step-number {
  border-radius: 9px;
}
#screen-customers .team-directory-disclosure {
  border-color: var(--report-line);
  border-radius: 14px;
  box-shadow: none;
}

@media (max-width: 850px) {
  .report-scoreboard { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .report-score:nth-child(2) { border-right: 0; }
  .report-score:nth-child(-n+2) { border-bottom: 1px solid var(--report-line); }
  .report-time-layout { grid-template-columns: 1fr; }
  .report-time-total { min-height: 120px; }
  .report-launcher-grid { grid-template-columns: 1fr; }
  .report-launcher-grid > button {
    min-height: 108px;
    border-right: 0;
    border-bottom: 1px solid var(--report-line);
  }
  .report-launcher-grid > button:last-child { border-bottom: 0; }
}
@media (max-width: 680px) {
  #screen-customers .intelligence-header {
    margin-inline: 0;
    padding: 13px 14px;
    border-radius: 0 0 16px 16px;
  }
  #screen-customers .intelligence-logo { width: 44px; height: 44px; border-radius: 11px; }
  #screen-customers .intelligence-brand .eyebrow { display: none; }
  #screen-customers .intelligence-brand h1 { font-size: 1.25rem; }
  #screen-customers .reporting-global-filter {
    grid-template-columns: 1fr;
    gap: 10px;
    margin-inline: 0;
    border-radius: 16px;
  }
  #screen-customers .reporting-range-presets { width: 100%; }
  #screen-customers .reporting-range-presets button { flex: 1; min-width: 0; padding-inline: 5px; }
  .report-workspace-head {
    display: grid;
    padding: 22px 20px;
    border-radius: 18px;
  }
  .report-workspace-head h2 { font-size: 1.85rem; }
  .report-health {
    width: 100%;
    min-width: 0;
    padding: 14px 16px;
  }
  .report-score { min-height: 112px; padding: 18px; }
  .report-score::before { left: 18px; }
  .report-score > strong { font-size: 1.65rem; }
  .report-time-analysis,
  .report-launcher,
  .report-analysis-panel,
  .report-people-panel { padding: 20px 18px; border-radius: 18px; }
  .report-section-heading { align-items: flex-start; }
  .report-section-heading > p { display: none; }
  .report-time-breakdown { padding: 20px 18px; }
  .report-time-figures { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .report-time-figures > * { padding-inline: 12px; }
  .report-time-figures > *:nth-child(2) { border-right: 0; }
  .report-time-figures > *:nth-child(3) { display: none; }
  .report-analysis-grid { grid-template-columns: 1fr; }
  .report-person-row {
    grid-template-columns: 24px 42px minmax(0,1fr) 14px;
  }
  .report-person-status { display: none; }
}
@media (max-width: 430px) {
  .report-scoreboard { grid-template-columns: 1fr 1fr; }
  .report-score { min-height: 106px; padding: 16px 14px; }
  .report-score small { font-size: .58rem; }
  .report-score p { font-size: .69rem; }
  .report-launcher-grid > button { padding: 18px 16px; }
  .report-rank-value small { display: none; }
  .report-person-row { gap: 8px; }
  .report-person-copy small { max-width: 170px; }
}

.report-person-status.pending{color:#875d13;background:#fff1cf}.report-person-status.idle{color:#697782;background:#edf1f3}


/* Reporting System v83
   One coherent language for Customer 360, People & Team, and Management.
   Dense enough for decisions, calm enough for daily use. */
#screen-customers[data-report-view]:not([data-report-view="hub"]) {
  --rs-ink:#142634;
  --rs-muted:#697985;
  --rs-border:#d7e0e5;
  --rs-surface:#ffffff;
  --rs-soft:#f4f7f8;
  --rs-warm:#fbf8f5;
  --rs-red:#ae1531;
  --rs-red-soft:#fff1f4;
  --rs-green:#087663;
  --rs-green-soft:#e8f6f2;
  --rs-amber:#9a6819;
  --rs-amber-soft:#fff5df;
  background:#f2f5f6;
}
#screen-customers[data-report-view]:not([data-report-view="hub"]) .intelligence-header {
  display:none;
}
#screen-customers .report-panel {
  width:100%;
  max-width:1180px;
  margin:0 auto;
}
#screen-customers .report-view-context {
  position:sticky;
  top:max(0px,env(safe-area-inset-top));
  z-index:18;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:14px;
  align-items:center;
  max-width:1180px;
  margin:0 auto 12px;
  padding:12px 14px;
  border:1px solid var(--rs-border);
  border-radius:16px;
  background:rgba(255,255,255,.96);
  box-shadow:0 8px 22px rgba(20,38,52,.07);
  backdrop-filter:blur(12px);
}
#screen-customers .report-view-context.hidden { display:none; }
#screen-customers .report-view-context > div {
  min-width:0;
}
#screen-customers .report-view-context strong {
  display:block;
  color:var(--rs-ink);
  font-size:.94rem;
  letter-spacing:-.01em;
}
#screen-customers .report-view-context small {
  display:block;
  overflow:hidden;
  color:var(--rs-muted);
  font-size:.7rem;
  font-weight:650;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#screen-customers .report-detail-back {
  display:inline-flex;
  gap:7px;
  align-items:center;
  min-height:38px;
  border:0;
  border-radius:10px;
  color:var(--rs-ink);
  background:#edf2f4;
  font-size:.76rem;
  font-weight:850;
}

/* Shared builder */
#screen-customers .report-filter-card {
  margin:0 0 12px;
  padding:16px 18px;
  border:1px solid var(--rs-border);
  border-radius:18px;
  background:var(--rs-surface);
  box-shadow:none;
}
#screen-customers .filter-heading,
#screen-customers .team-filter-heading {
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  margin:0 0 14px;
  padding:0 0 13px;
  border-bottom:1px solid var(--rs-border);
}
#screen-customers .filter-heading > div,
#screen-customers .team-filter-heading > div {
  min-width:0;
}
#screen-customers .filter-heading strong,
#screen-customers .team-filter-heading strong {
  color:var(--rs-ink);
  font-size:1rem;
  letter-spacing:-.02em;
}
#screen-customers .filter-heading span,
#screen-customers .team-filter-heading small {
  color:var(--rs-muted);
  font-size:.7rem;
  line-height:1.35;
}
#screen-customers .report-code,
#screen-customers .filter-step,
#screen-customers .team-filter-heading > span {
  display:none;
}
#screen-customers .period-control {
  margin:0;
  padding:12px;
  border:1px solid var(--rs-border);
  border-radius:13px;
  background:var(--rs-soft);
}
#screen-customers .period-control-head {
  margin-bottom:8px;
}
#screen-customers .period-control-head [data-icon] { display:none; }
#screen-customers .period-control-head strong {
  color:var(--rs-ink);
  font-size:.72rem;
}
#screen-customers .report-date-grid {
  gap:8px;
}
#screen-customers .report-date-grid label {
  min-width:0;
  padding:8px 10px;
  border:1px solid var(--rs-border);
  border-radius:10px;
  background:#fff;
}
#screen-customers .report-date-grid label span {
  color:var(--rs-muted);
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.1em;
}
#screen-customers .report-date-grid input {
  min-width:0;
  color:var(--rs-ink);
  font-size:.75rem;
  font-weight:800;
}
#screen-customers .period-arrow { color:#9aa8b1; }
#screen-customers .date-presets {
  display:flex;
  gap:4px;
  padding:4px;
  border:1px solid var(--rs-border);
  border-radius:11px;
  background:#edf2f4;
}
#screen-customers .date-presets button {
  flex:1;
  min-height:34px;
  border:0;
  border-radius:8px;
  color:#5c6d79;
  background:transparent;
  font-size:.68rem;
  font-weight:850;
}
#screen-customers .date-presets button.active {
  color:#fff;
  background:var(--rs-ink);
}
#screen-customers .report-search {
  min-height:50px;
  border:1px solid #bcc9d0;
  border-radius:13px;
  background:#fff;
  box-shadow:0 0 0 3px rgba(20,38,52,.025);
}
#screen-customers .report-search:focus-within {
  border-color:var(--rs-red);
  box-shadow:0 0 0 3px rgba(174,21,49,.08);
}
#screen-customers .report-search input {
  color:var(--rs-ink);
  font-size:.9rem;
}
#screen-customers .team-report-builder {
  display:grid;
  grid-template-columns:minmax(240px,.9fr) minmax(330px,1.4fr) minmax(180px,.55fr);
  gap:10px;
  align-items:stretch;
}
#screen-customers .team-builder-step {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-content:start;
  gap:8px;
  padding:12px;
  border:1px solid var(--rs-border);
  border-radius:13px;
  background:var(--rs-soft);
}
#screen-customers .team-builder-step-number { display:none; }
#screen-customers .team-builder-step-copy strong {
  color:var(--rs-ink);
  font-size:.75rem;
}
#screen-customers .team-builder-step-copy small { display:none; }
#screen-customers .team-employee-select-wrap {
  min-height:44px;
  border:1px solid var(--rs-border);
  border-radius:10px;
  background:#fff;
}
#screen-customers .team-employee-select-wrap > [data-icon] { display:none; }
#screen-customers .team-employee-select {
  padding-left:11px;
  color:var(--rs-ink);
  font-size:.76rem;
  font-weight:800;
}
#screen-customers .team-run-report {
  min-height:100%;
  padding:14px 16px;
  border:0;
  border-radius:13px;
  color:#fff;
  background:var(--rs-red);
  box-shadow:none;
}
#screen-customers .team-run-report > [data-icon]:first-child { display:none; }
#screen-customers .team-run-report strong { font-size:.82rem; }
#screen-customers .team-run-report small { color:rgba(255,255,255,.72); font-size:.64rem; }
#screen-customers .team-directory-disclosure {
  margin-top:10px;
  border:1px solid var(--rs-border);
  border-radius:12px;
  background:#fff;
}
#screen-customers .team-directory-disclosure summary {
  min-height:44px;
  padding:10px 12px;
}
#screen-customers .team-directory-disclosure summary > [data-icon] { display:none; }

/* Customer 360 */
#screen-customers #reportPanelCustomer > .report-filter-card {
  display:grid;
  grid-template-columns:minmax(250px,.8fr) minmax(300px,1.2fr);
  gap:12px 18px;
  align-items:end;
}
#screen-customers #reportPanelCustomer > .report-filter-card .filter-heading {
  grid-column:1/-1;
}
#screen-customers #reportPanelCustomer > .report-filter-card > label {
  grid-column:2;
  margin:0 0 -5px;
  color:var(--rs-ink);
  font-size:.7rem;
  font-weight:900;
}
#screen-customers #reportPanelCustomer .period-control { grid-column:1; grid-row:2/5; }
#screen-customers #reportPanelCustomer .report-search { grid-column:2; }
#screen-customers .report-result-head {
  padding:12px 14px;
  border:1px solid var(--rs-border);
  border-bottom:0;
  border-radius:14px 14px 0 0;
  background:#fff;
}
#screen-customers .report-directory {
  overflow:hidden;
  border:1px solid var(--rs-border);
  border-radius:0 0 16px 16px;
  background:#fff;
}
#screen-customers .report-customer-row {
  display:grid;
  grid-template-columns:48px minmax(0,1fr) minmax(130px,.35fr) 16px;
  gap:14px;
  align-items:center;
  min-height:82px;
  padding:12px 15px;
  border:0;
  border-bottom:1px solid #e5ebee;
  background:#fff;
}
#screen-customers .report-customer-row:last-child { border-bottom:0; }
#screen-customers .report-customer-row:hover { background:#f8fafb; }
#screen-customers .report-list-code,
#screen-customers .customer-code-badge {
  display:grid;
  place-items:center;
  border:1px solid #e7bdc6;
  border-radius:11px;
  color:var(--rs-red);
  background:var(--rs-red-soft);
  font-size:.7rem;
  font-weight:900;
}
#screen-customers .report-customer-copy strong {
  color:var(--rs-ink);
  font-size:.84rem;
}
#screen-customers .report-customer-copy small,
#screen-customers .report-customer-copy em {
  color:var(--rs-muted);
  font-size:.67rem;
}
#screen-customers .customer-visit-count,
#screen-customers .customer-team-count {
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:2px 8px;
  border:1px solid var(--rs-border);
  border-radius:999px;
  font-size:.6rem;
  font-weight:750;
}
#screen-customers .customer-team-count { gap:4px; }
#screen-customers .customer-team-count b { font-size:.68rem; }
#screen-customers .customer-team-count.merch { color:var(--rs-green); background:var(--rs-green-soft); }
#screen-customers .customer-team-count.sales { color:var(--rs-navy); background:var(--rs-soft); }
#screen-customers .customer-source-incomplete { color:var(--rs-amber); font-size:.6rem; font-weight:800; }
#screen-customers .report-customer-owner {
  padding-left:14px;
  border-left:1px solid var(--rs-border);
}
#screen-customers .report-customer-owner small {
  color:var(--rs-muted);
  font-size:.58rem;
  letter-spacing:.09em;
}
#screen-customers .report-customer-owner strong {
  color:var(--rs-ink);
  font-size:.72rem;
}
#screen-customers .customer-report-v83 {
  display:grid;
  gap:12px;
}
#screen-customers .customer-report-summary {
  overflow:hidden;
  border:0;
  border-radius:20px;
  color:#fff;
  background:linear-gradient(120deg,#9f1730 0%,#7e1c30 32%,#142b39 78%);
  box-shadow:0 14px 30px rgba(20,38,52,.12);
}
#screen-customers .customer-report-toolbar {
  padding:11px 18px;
  border-bottom:1px solid rgba(255,255,255,.14);
}
#screen-customers .customer-report-toolbar button,
#screen-customers .customer-report-toolbar .report-period {
  color:#fff;
  background:rgba(255,255,255,.1);
}
#screen-customers .customer-summary-identity {
  padding:22px 24px 18px;
}
#screen-customers .customer-summary-identity .customer-code-badge {
  width:58px;
  height:58px;
  border-color:rgba(255,255,255,.25);
  color:#fff;
  background:rgba(255,255,255,.11);
}
#screen-customers .customer-summary-identity .eyebrow { color:#ffd3db; }
#screen-customers .customer-summary-identity h2 {
  color:#fff;
  font-size:clamp(1.35rem,3vw,2rem);
  letter-spacing:-.04em;
}
#screen-customers .customer-summary-identity p { color:rgba(255,255,255,.72); }
#screen-customers .customer-context-strip {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid rgba(255,255,255,.14);
  background:rgba(5,20,29,.2);
}
#screen-customers .customer-context-strip > span {
  padding:14px 18px;
  border-right:1px solid rgba(255,255,255,.12);
}
#screen-customers .customer-context-strip > span:last-child { border-right:0; }
#screen-customers .customer-context-strip small {
  color:rgba(255,255,255,.58);
  font-size:.59rem;
  letter-spacing:.08em;
}
#screen-customers .customer-context-strip strong {
  overflow:hidden;
  color:#fff;
  font-size:.78rem;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#screen-customers .customer-period-overview {
  padding:20px 22px;
  border:1px solid var(--rs-border);
  border-radius:18px;
  background:#fff;
  box-shadow:none;
}
#screen-customers .customer-overview-metrics {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  overflow:hidden;
  border:1px solid var(--rs-border);
  border-radius:13px;
}
#screen-customers .customer-overview-metrics > div {
  min-height:92px;
  padding:17px;
  border:0;
  border-right:1px solid var(--rs-border);
  border-radius:0;
  background:#fff;
}
#screen-customers .customer-overview-metrics > div:last-child { border-right:0; }
#screen-customers .customer-overview-metrics strong {
  color:var(--rs-ink);
  font-size:1.45rem;
}
#screen-customers .customer-overview-metrics span {
  color:var(--rs-ink);
  font-size:.72rem;
}
#screen-customers .customer-overview-metrics small {
  color:var(--rs-muted);
  font-size:.62rem;
}
#screen-customers .customer-kpi-row {
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid var(--rs-border);
}
#screen-customers .customer-downloads {
  display:flex;
  justify-content:flex-end;
  gap:8px;
  padding:0;
  background:transparent;
}
#screen-customers .customer-downloads button {
  width:auto;
  min-height:42px;
  padding:9px 13px;
  border-radius:10px;
  box-shadow:none;
}
#screen-customers .customer-downloads svg { width:16px; }
#screen-customers .customer-downloads strong { font-size:.72rem; }
#screen-customers .customer-downloads small { display:none; }
#screen-customers .customer-visit-history {
  padding:20px 22px;
  border:1px solid var(--rs-border);
  border-radius:18px;
  background:#fff;
  box-shadow:none;
}
#screen-customers .customer-history-visit {
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:12px;
  width:100%;
  margin:0;
  padding:14px 0;
  border:0;
  border-bottom:1px solid #e4eaed;
  border-radius:0;
  background:#fff;
  box-shadow:none;
}
#screen-customers .customer-history-visit:last-child { border-bottom:0; }
#screen-customers .customer-history-visit:hover { background:#f9fbfb; }
#screen-customers .visit-sequence {
  width:40px;
  height:40px;
  border:1px solid var(--rs-border);
  border-radius:10px;
  color:var(--rs-ink);
  background:var(--rs-soft);
}
#screen-customers .customer-history-main {
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr) auto;
  gap:14px;
  align-items:center;
}
#screen-customers .customer-history-top {
  min-width:0;
}
#screen-customers .customer-history-top strong {
  color:var(--rs-ink);
  font-size:.84rem;
}
#screen-customers .customer-history-top small,
#screen-customers .customer-history-top em { color:var(--rs-muted); font-size:.66rem; }
#screen-customers .customer-history-facts {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  overflow:hidden;
  border:1px solid var(--rs-border);
  border-radius:10px;
}
#screen-customers .customer-history-facts > span {
  min-height:54px;
  padding:8px 10px;
  border-right:1px solid var(--rs-border);
}
#screen-customers .customer-history-facts > span:last-child { border-right:0; }
#screen-customers .customer-history-facts svg { display:none; }
#screen-customers .customer-history-kpis { display:none; }
#screen-customers .customer-history-open {
  min-width:110px;
  color:var(--rs-red);
}
#screen-customers .customer-history-open small { display:none; }

/* People & Team */
#screen-customers .team-report-hero,
#screen-customers .person-command-summary,
#screen-customers .management-briefing {
  overflow:hidden;
  border:0;
  border-radius:20px;
  background:#fff;
  box-shadow:0 12px 28px rgba(20,38,52,.08);
}
#screen-customers .team-report-hero .report-hero-top,
#screen-customers .management-briefing-head {
  padding:22px 24px;
  color:#fff;
  background:linear-gradient(120deg,#142b39,#1b3a48);
}
#screen-customers .team-report-hero .eyebrow,
#screen-customers .management-briefing .eyebrow { color:#f0bdc7; }
#screen-customers .team-report-hero h2,
#screen-customers .management-briefing h2 { color:#fff; }
#screen-customers .team-report-hero .report-hero-top p,
#screen-customers .management-briefing-head p { color:rgba(255,255,255,.68); }
#screen-customers .report-metric-grid.report-summary-grid,
#screen-customers .executive-metric-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin:0;
  padding:0;
  border:1px solid var(--rs-border);
  border-top:0;
  border-radius:0;
  background:#fff;
}
#screen-customers .report-metric,
#screen-customers .executive-metric {
  min-height:112px;
  padding:17px 18px;
  border:0;
  border-right:1px solid var(--rs-border);
  border-bottom:1px solid var(--rs-border);
  border-radius:0;
  background:#fff;
  box-shadow:none;
}
#screen-customers .report-metric:nth-child(3n),
#screen-customers .executive-metric:nth-child(3n) { border-right:0; }
#screen-customers .report-metric-icon,
#screen-customers .executive-metric-icon { display:none; }
#screen-customers .report-metric strong,
#screen-customers .executive-metric strong {
  color:var(--rs-ink);
  font-size:1.38rem;
}
#screen-customers .report-metric span,
#screen-customers .executive-metric small {
  color:var(--rs-muted);
  font-size:.65rem;
  font-weight:850;
  letter-spacing:.04em;
}
#screen-customers .report-metric small,
#screen-customers .executive-metric em { color:var(--rs-muted); font-size:.62rem; }
#screen-customers .executive-metric b { font-size:.58rem; }
#screen-customers .executive-allocation,
#screen-customers .management-time-split {
  margin:0;
  padding:18px 22px;
  border:1px solid var(--rs-border);
  border-top:0;
  border-radius:0 0 18px 18px;
  background:#fff;
}
#screen-customers .report-section-navigator {
  position:sticky;
  top:76px;
  z-index:12;
  display:flex;
  gap:4px;
  overflow-x:auto;
  margin:10px 0;
  padding:5px;
  border:1px solid var(--rs-border);
  border-radius:13px;
  background:rgba(255,255,255,.96);
  box-shadow:0 7px 18px rgba(20,38,52,.05);
}
#screen-customers .report-section-navigator button {
  min-width:max-content;
  min-height:38px;
  padding:8px 12px;
  border:0;
  border-radius:9px;
  color:#586b78;
  background:transparent;
}
#screen-customers .report-section-navigator button > span:first-child { display:none; }
#screen-customers .report-section-navigator strong { font-size:.7rem; }
#screen-customers .report-section-navigator small { display:none; }
#screen-customers .report-block,
#screen-customers .people-performance-section,
#screen-customers .person-visit-section,
#screen-customers .person-kpi-summary,
#screen-customers .management-card {
  margin:10px 0;
  padding:20px 22px;
  border:1px solid var(--rs-border);
  border-radius:18px;
  background:#fff;
  box-shadow:none;
}
#screen-customers .report-block-heading {
  margin-bottom:14px;
  padding-bottom:12px;
  border-bottom:1px solid var(--rs-border);
}
#screen-customers .report-block-heading .eyebrow {
  color:var(--rs-red);
  font-size:.62rem;
}
#screen-customers .report-block-heading h2 {
  color:var(--rs-ink);
  font-size:1.12rem;
}
#screen-customers .report-block-heading p {
  margin:3px 0 0;
  color:var(--rs-muted);
  font-size:.69rem;
}
#screen-customers .operational-position-grid {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:0;
  overflow:hidden;
  border:1px solid var(--rs-border);
  border-radius:13px;
}
#screen-customers .operation-position-card {
  min-height:100px;
  padding:14px;
  border:0;
  border-right:1px solid var(--rs-border);
  border-radius:0;
  background:#fff;
  box-shadow:none;
}
#screen-customers .operation-position-card:last-child { border-right:0; }
#screen-customers .operation-position-icon { display:none; }
#screen-customers .operation-position-copy strong {
  color:var(--rs-ink);
  font-size:1.4rem;
}
#screen-customers .operation-position-copy b { color:var(--rs-ink); font-size:.68rem; }
#screen-customers .operation-position-copy small { color:var(--rs-muted); font-size:.58rem; }
#screen-customers .people-report-list {
  overflow:hidden;
  border:1px solid var(--rs-border);
  border-radius:14px;
}
#screen-customers .person-report-card {
  margin:0;
  padding:14px 16px;
  border:0;
  border-bottom:1px solid var(--rs-border);
  border-radius:0;
  background:#fff;
  box-shadow:none;
}
#screen-customers .person-report-card:last-child { border-bottom:0; }
#screen-customers .person-report-card:hover { background:#f8fafb; }
#screen-customers .person-scoreline {
  overflow:hidden;
  border:1px solid var(--rs-border);
  border-radius:10px;
  background:var(--rs-soft);
}
#screen-customers .person-scoreline > span {
  border-right:1px solid var(--rs-border);
}
#screen-customers .person-scoreline > span:last-child { border-right:0; }
#screen-customers .person-scoreline strong { color:var(--rs-ink); }
#screen-customers .person-command-summary {
  padding:0;
}
#screen-customers .person-summary-back {
  margin:12px 14px 0;
  padding:8px 11px;
  border:0;
  border-radius:9px;
  color:var(--rs-ink);
  background:#edf2f4;
}
#screen-customers .person-command-head {
  margin-top:10px;
  padding:20px 22px;
  border:0;
  border-radius:0;
  color:#fff;
  background:linear-gradient(120deg,#8f1930,#142b39 76%);
}
#screen-customers .person-command-head h2 { color:#fff; }
#screen-customers .person-command-head p { color:rgba(255,255,255,.68); }
#screen-customers .person-command-head .eyebrow { color:#ffd2da; }
#screen-customers .person-summary-body { padding:18px 20px 20px; }
#screen-customers .person-summary-section-head {
  margin:0 0 10px;
}
#screen-customers .person-output-grid,
#screen-customers .person-control-grid,
#screen-customers .person-time-actions {
  gap:0;
  overflow:hidden;
  border:1px solid var(--rs-border);
  border-radius:12px;
}
#screen-customers .person-summary-action {
  min-height:100px;
  padding:15px;
  border:0;
  border-right:1px solid var(--rs-border);
  border-radius:0;
  background:#fff;
  box-shadow:none;
}
#screen-customers .person-summary-action:last-child { border-right:0; }
#screen-customers .person-summary-action > span:first-child { display:none; }
#screen-customers .person-time-panel {
  margin:12px 0 18px;
  padding:16px;
  border:1px solid var(--rs-border);
  border-radius:13px;
  background:var(--rs-soft);
}
#screen-customers .person-visit-heading {
  padding-bottom:14px;
  border-bottom:1px solid var(--rs-border);
}
#screen-customers .person-visit-guide {
  margin:12px 0;
  padding:10px 12px;
  border-radius:10px;
  color:var(--rs-muted);
  background:var(--rs-soft);
  font-size:.68rem;
}
#screen-customers .person-visit-guide svg { display:none; }
#screen-customers .person-visit-day {
  overflow:hidden;
  margin:0 0 10px;
  border:1px solid var(--rs-border);
  border-radius:13px;
}
#screen-customers .person-visit-day > header {
  padding:10px 13px;
  border-bottom:1px solid var(--rs-border);
  background:var(--rs-soft);
}
#screen-customers .person-visit-row {
  min-height:88px;
  padding:12px 14px;
  border-bottom:1px solid var(--rs-border);
  background:#fff;
}
#screen-customers .person-route-leg {
  min-height:62px;
  padding:9px 14px;
  border-bottom:1px solid var(--rs-border);
  background:#f3f7f6;
}
#screen-customers .person-route-leg-icon { display:none; }
#screen-customers .person-route-leg-copy strong { color:var(--rs-ink); }
#screen-customers .person-kpi-summary-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  overflow:hidden;
  border:1px solid var(--rs-border);
  border-radius:13px;
}
#screen-customers .person-kpi-summary-card {
  min-height:84px;
  padding:13px 14px;
  border:0;
  border-right:1px solid var(--rs-border);
  border-bottom:1px solid var(--rs-border);
  border-radius:0;
  background:#fff;
  box-shadow:none;
}
#screen-customers .person-kpi-summary-card:nth-child(2n) { border-right:0; }
#screen-customers .person-kpi-summary-icon { display:none; }

/* Management */
#screen-customers .management-briefing-head {
  display:flex;
  justify-content:space-between;
  align-items:center;
}
#screen-customers .management-health {
  min-width:140px;
  padding:10px 13px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:10px;
  color:#fff;
  background:rgba(255,255,255,.09);
}
#screen-customers .management-health.warning {
  color:#ffe1a6;
  background:rgba(255,188,75,.1);
}
#screen-customers .management-time-split {
  display:grid;
  grid-template-columns:minmax(140px,.5fr) minmax(220px,1.5fr) auto 14px;
  gap:16px;
  align-items:center;
}
#screen-customers .attention-card {
  border-color:#e7c7a0;
}
#screen-customers .exception-list {
  overflow:hidden;
  border:1px solid var(--rs-border);
  border-radius:13px;
}
#screen-customers .exception-row {
  min-height:64px;
  margin:0;
  padding:10px 13px;
  border:0;
  border-bottom:1px solid var(--rs-border);
  border-radius:0;
  background:#fff;
  box-shadow:none;
}
#screen-customers .exception-row:last-child { border-bottom:0; }
#screen-customers .exception-row > span:first-child { display:none; }
#screen-customers .exception-row.has-issue { background:#fffaf1; }
#screen-customers .exception-row strong { color:var(--rs-ink); font-size:.76rem; }
#screen-customers .exception-row small { color:var(--rs-muted); font-size:.64rem; }
#screen-customers .exception-row em {
  display:grid;
  min-width:32px;
  height:32px;
  place-items:center;
  border-radius:9px;
  color:var(--rs-ink);
  background:#edf2f4;
  font-style:normal;
  font-weight:900;
}
#screen-customers .exception-row.has-issue em {
  color:#8c5b10;
  background:#ffedc4;
}
#screen-customers .management-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
#screen-customers .management-grid .management-card { margin:0; }
#screen-customers .coverage-list {
  overflow:hidden;
  border-top:1px solid var(--rs-border);
}
#screen-customers .coverage-row {
  padding:11px 2px;
  border:0;
  border-bottom:1px solid #e5ebee;
  background:#fff;
}
#screen-customers .coverage-track {
  height:5px;
  background:#edf1f3;
}
#screen-customers .coverage-track span { background:var(--rs-green); }
#screen-customers .management-grid .management-card:nth-child(2) .coverage-track span { background:var(--rs-red); }
#screen-customers .management-leaderboard {
  overflow:hidden;
  border:1px solid var(--rs-border);
  border-radius:13px;
}
#screen-customers .management-leaderboard > button {
  min-height:66px;
  padding:10px 13px;
  border:0;
  border-bottom:1px solid var(--rs-border);
  background:#fff;
}
#screen-customers .management-leaderboard > button:last-child { border-bottom:0; }
#screen-customers .management-leaderboard > button:hover { background:#f8fafb; }
#screen-customers .report-kpi-overview {
  overflow:hidden;
  border:1px solid var(--rs-border);
  border-radius:13px;
}
#screen-customers .kpi-overview-item {
  border-right:1px solid var(--rs-border);
  background:#fff;
}
#screen-customers .report-export-actions {
  display:flex;
  justify-content:flex-end;
  margin:10px 0;
}
#screen-customers .report-export-actions button {
  width:auto;
  min-height:44px;
  padding:10px 14px;
  border-radius:10px;
  box-shadow:none;
}
#screen-customers .report-export-actions button strong { font-size:.74rem; }
#screen-customers .report-export-actions button small { display:none; }
#screen-customers .report-methodology {
  margin:8px 0;
  padding:11px 13px;
  border:1px solid var(--rs-border);
  border-radius:11px;
  color:var(--rs-muted);
  background:#fff;
  font-size:.68rem;
}

/* Report modals and KPI drill-downs inherit the same restraint. */
#screen-customers ~ #modalRoot .modal-sheet,
body:has(#screen-customers.active) #modalRoot .modal-sheet {
  border-radius:22px 22px 0 0;
}
body:has(#screen-customers.active) #modalRoot .modal-heading {
  border-bottom:1px solid #dde5e9;
}
body:has(#screen-customers.active) #modalRoot .kpi-drill-card,
body:has(#screen-customers.active) #modalRoot .control-queue-row {
  border-color:#d7e0e5;
  box-shadow:none;
}

@media (max-width:900px) {
  #screen-customers .team-report-builder { grid-template-columns:1fr 1.25fr; }
  #screen-customers .team-run-report { grid-column:1/-1; min-height:52px; }
  #screen-customers .report-metric-grid.report-summary-grid,
  #screen-customers .executive-metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #screen-customers .report-metric:nth-child(3n),
  #screen-customers .executive-metric:nth-child(3n) { border-right:1px solid var(--rs-border); }
  #screen-customers .report-metric:nth-child(2n),
  #screen-customers .executive-metric:nth-child(2n) { border-right:0; }
}
@media (max-width:700px) {
  #screen-customers[data-report-view]:not([data-report-view="hub"]) {
    padding-top:0;
  }
  #screen-customers .report-view-context {
    top:0;
    margin-inline:0;
    border-radius:0 0 14px 14px;
  }
  #screen-customers .report-view-context small { display:none; }
  #screen-customers .report-filter-card { padding:14px; border-radius:15px; }
  #screen-customers #reportPanelCustomer > .report-filter-card {
    display:grid;
    grid-template-columns:1fr;
  }
  #screen-customers #reportPanelCustomer > .report-filter-card > * {
    grid-column:1 !important;
    grid-row:auto !important;
  }
  #screen-customers #reportPanelCustomer > .report-filter-card > label { margin-top:4px; }
  #screen-customers .team-report-builder { grid-template-columns:1fr; }
  #screen-customers .team-run-report { grid-column:1; min-height:50px; }
  #screen-customers .customer-report-summary,
  #screen-customers .team-report-hero,
  #screen-customers .person-command-summary,
  #screen-customers .management-briefing { border-radius:16px; }
  #screen-customers .customer-summary-identity { padding:18px; }
  #screen-customers .customer-context-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #screen-customers .customer-context-strip > span:nth-child(2) { border-right:0; }
  #screen-customers .customer-context-strip > span:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.12); }
  #screen-customers .customer-overview-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #screen-customers .customer-overview-metrics > div:nth-child(2) { border-right:0; }
  #screen-customers .customer-overview-metrics > div:nth-child(-n+2) { border-bottom:1px solid var(--rs-border); }
  #screen-customers .customer-history-main {
    grid-template-columns:minmax(0,1fr) auto;
  }
  #screen-customers .customer-history-facts { grid-column:1; margin-top:8px; }
  #screen-customers .customer-history-open { grid-column:2; grid-row:1/3; min-width:20px; }
  #screen-customers .customer-history-open span { display:none; }
  #screen-customers .customer-history-open svg { width:15px; }
  #screen-customers .report-customer-row {
    grid-template-columns:44px minmax(0,1fr) 14px;
  }
  #screen-customers .report-customer-owner { display:none; }
  #screen-customers .report-section-navigator { top:64px; }
  #screen-customers .operational-position-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #screen-customers .operation-position-card {
    border-bottom:1px solid var(--rs-border);
  }
  #screen-customers .operation-position-card:nth-child(2n) { border-right:0; }
  #screen-customers .management-grid { grid-template-columns:1fr; }
  #screen-customers .management-time-split {
    grid-template-columns:1fr;
  }
  #screen-customers .management-time-split > svg { display:none; }
}
@media (max-width:470px) {
  #screen-customers .filter-heading span,
  #screen-customers .team-filter-heading small { display:none; }
  #screen-customers .customer-period-overview,
  #screen-customers .customer-visit-history,
  #screen-customers .report-block,
  #screen-customers .people-performance-section,
  #screen-customers .person-visit-section,
  #screen-customers .person-kpi-summary,
  #screen-customers .management-card { padding:16px 14px; }
  #screen-customers .customer-downloads { justify-content:stretch; }
  #screen-customers .customer-downloads button { flex:1; justify-content:center; }
  #screen-customers .customer-history-visit { grid-template-columns:34px minmax(0,1fr); }
  #screen-customers .visit-sequence { width:32px; height:32px; font-size:.62rem; }
  #screen-customers .customer-history-facts > span { padding:7px 5px; }
  #screen-customers .customer-history-facts small { font-size:.54rem; }
  #screen-customers .report-metric-grid.report-summary-grid,
  #screen-customers .executive-metric-grid { grid-template-columns:1fr 1fr; }
  #screen-customers .report-metric,
  #screen-customers .executive-metric { min-height:102px; padding:14px; }
  #screen-customers .person-control-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #screen-customers .person-summary-action:nth-child(2n) { border-right:0; }
  #screen-customers .person-kpi-summary-grid { grid-template-columns:1fr; }
  #screen-customers .person-kpi-summary-card { border-right:0; }
}


/* Reporting Mobile Integrity v84
   Hidden decorative icons must not leave fixed grid tracks behind. */
#screen-customers .report-view-context {
  grid-template-columns:max-content minmax(0,1fr) !important;
  width:100%;
  min-width:0;
}
#screen-customers .report-detail-back {
  width:auto !important;
  min-width:max-content !important;
  max-width:none !important;
  overflow:visible !important;
  padding:9px 12px !important;
  font-size:.76rem !important;
  white-space:nowrap;
}
#screen-customers .report-detail-back span,
#screen-customers .report-detail-back svg {
  flex:0 0 auto;
}
#screen-customers .report-view-context > div {
  width:auto;
  min-width:0;
  overflow:hidden;
}
#screen-customers .report-view-context strong {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* People report builder */
#screen-customers .team-employee-select-wrap {
  grid-template-columns:minmax(0,1fr) 18px !important;
  gap:8px;
  width:100%;
  min-width:0;
}
#screen-customers .team-employee-select {
  grid-column:1;
  width:100%;
  min-width:0;
  padding:0 8px 0 2px;
  overflow:hidden;
  text-overflow:ellipsis;
}
#screen-customers .team-select-chevron {
  grid-column:2;
  width:18px;
}
#screen-customers .team-run-report {
  grid-template-columns:minmax(0,1fr) 22px !important;
  width:100%;
  min-width:0;
}
#screen-customers .team-run-report > span:nth-child(2) {
  grid-column:1;
  width:100%;
  min-width:0;
}
#screen-customers .team-run-report > [data-icon]:last-child {
  grid-column:2;
  display:block;
}
#screen-customers .team-run-report strong,
#screen-customers .team-run-report small {
  max-width:none;
}
#screen-customers .team-directory-disclosure > summary {
  grid-template-columns:minmax(0,1fr) auto !important;
  width:100%;
  min-width:0;
}
#screen-customers .team-directory-disclosure > summary > span:nth-child(2) {
  grid-column:1;
  width:auto;
  min-width:0;
}
#screen-customers .team-directory-disclosure > summary > span:last-child {
  grid-column:2;
  white-space:nowrap;
}

/* Sticky section navigation */
#screen-customers .report-section-navigator button {
  display:flex !important;
  grid-template-columns:none !important;
  flex:0 0 auto;
  gap:0;
  align-items:center;
  width:auto;
  min-width:max-content;
}
#screen-customers .report-section-navigator button > span:nth-child(2) {
  display:block;
  width:auto;
  min-width:max-content;
}
#screen-customers .report-section-navigator button > svg {
  display:none;
}

/* Individual summary cards */
#screen-customers .person-summary-action {
  grid-template-columns:minmax(0,1fr) 15px !important;
  gap:8px;
  width:100%;
  min-width:0;
}
#screen-customers .person-summary-action-copy {
  grid-column:1;
  width:100%;
  min-width:0;
}
#screen-customers .person-summary-action-copy small,
#screen-customers .person-summary-action-copy strong,
#screen-customers .person-summary-action-copy em {
  max-width:100%;
}
#screen-customers .person-summary-action > svg {
  grid-column:2;
  display:block;
}
#screen-customers .person-output-grid,
#screen-customers .person-time-actions,
#screen-customers .person-control-grid {
  width:100%;
  min-width:0;
}
#screen-customers .person-time-panel {
  width:100%;
  min-width:0;
}

/* Visit timeline */
#screen-customers .person-visit-section,
#screen-customers .person-visit-list,
#screen-customers .person-visit-day,
#screen-customers .person-visit-day-list {
  width:100%;
  min-width:0;
}
#screen-customers .person-visit-guide {
  display:block !important;
  grid-template-columns:none !important;
  width:100%;
  min-width:0;
  padding:11px 14px;
  line-height:1.45;
}
#screen-customers .person-visit-guide > span {
  display:block;
  width:100%;
  max-width:none;
  min-width:0;
  white-space:normal;
}
#screen-customers .person-route-leg {
  grid-template-columns:22px minmax(0,1fr) auto !important;
  width:100%;
  min-width:0;
}
#screen-customers .person-route-leg-line {
  grid-column:1;
}
#screen-customers .person-route-leg-copy {
  grid-column:2;
  width:100%;
  min-width:0;
}
#screen-customers .person-route-leg-open {
  grid-column:3;
}
#screen-customers .person-route-leg-copy strong {
  flex-wrap:wrap;
}
#screen-customers .person-visit-row {
  width:100%;
  min-width:0;
}
#screen-customers .person-visit-main {
  width:100%;
  min-width:0;
}
#screen-customers .person-visit-main strong,
#screen-customers .person-visit-main small,
#screen-customers .person-visit-main em {
  max-width:100%;
}

/* KPI, team, and management tiles with hidden leading icons */
#screen-customers .person-kpi-summary-card {
  grid-template-columns:minmax(0,1fr) 48px !important;
  width:100%;
  min-width:0;
}
#screen-customers .person-kpi-summary-card > span:nth-child(2) {
  grid-column:1;
  width:100%;
  min-width:0;
}
#screen-customers .person-kpi-open {
  grid-column:2;
}
#screen-customers .executive-metric {
  grid-template-columns:minmax(0,1fr) 15px !important;
  width:100%;
  min-width:0;
}
#screen-customers .executive-metric-copy {
  grid-column:1;
  width:100%;
  min-width:0;
}
#screen-customers .executive-metric > svg {
  grid-column:2;
}
#screen-customers .report-metric {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 15px !important;
  width:100%;
  min-width:0;
}
#screen-customers .report-metric > div {
  grid-column:1;
  width:100%;
  min-width:0;
}
#screen-customers .report-metric-open {
  grid-column:2;
}
#screen-customers .operation-position-card {
  grid-template-columns:minmax(0,1fr) 18px !important;
  width:100%;
  min-width:0;
}
#screen-customers .operation-position-copy {
  grid-column:1;
  width:100%;
  min-width:0;
}
#screen-customers .operation-position-arrow {
  grid-column:2;
}
#screen-customers .exception-row {
  grid-template-columns:minmax(0,1fr) auto 16px !important;
  width:100%;
  min-width:0;
}
#screen-customers .exception-row > div {
  grid-column:1;
  width:100%;
  min-width:0;
}
#screen-customers .exception-row > em {
  grid-column:2;
}
#screen-customers .exception-chevron {
  grid-column:3;
}
#screen-customers .customer-history-facts > span {
  grid-template-columns:1fr !important;
}
#screen-customers .customer-history-facts b,
#screen-customers .customer-history-facts small {
  width:100%;
  max-width:none;
}

/* Keep reporting content clear of the fixed mobile navigation. */
@media (max-width:700px) {
  #screen-customers .report-panel.active {
    padding-bottom:calc(118px + env(safe-area-inset-bottom));
  }
  #screen-customers .report-view-context {
    grid-template-columns:max-content minmax(0,1fr) !important;
    min-height:58px;
  }
  #screen-customers .report-detail-back {
    min-height:38px;
    padding:8px 10px !important;
  }
  #screen-customers .team-builder-step {
    grid-template-columns:minmax(0,1fr) !important;
    width:100%;
    min-width:0;
  }
  #screen-customers .team-run-report {
    min-height:58px;
  }
  #screen-customers .person-command-head {
    grid-template-columns:54px minmax(0,1fr) !important;
    gap:12px;
  }
  #screen-customers .person-command-head > .status-pill {
    grid-column:1/-1;
    justify-self:start;
  }
  #screen-customers .person-command-head h2 {
    overflow-wrap:anywhere;
  }
  #screen-customers .person-output-grid,
  #screen-customers .person-time-actions {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  #screen-customers .person-summary-action {
    min-height:92px;
    padding:13px 12px;
  }
  #screen-customers .person-summary-action-copy strong {
    overflow:visible;
    font-size:1.05rem;
    text-overflow:clip;
  }
  #screen-customers .person-summary-action-copy small {
    font-size:.66rem;
  }
  #screen-customers .person-summary-action-copy em {
    display:-webkit-box;
    overflow:hidden;
    white-space:normal;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    font-size:.62rem;
  }
  #screen-customers .person-visit-heading {
    grid-template-columns:44px minmax(0,1fr) auto !important;
    width:100%;
    min-width:0;
    padding:14px 12px;
  }
  #screen-customers .person-route-count {
    min-width:50px;
  }
  #screen-customers .person-visit-row {
    grid-template-columns:36px minmax(0,1fr) 68px 15px !important;
    gap:8px;
    padding:11px 8px;
  }
  #screen-customers .person-visit-result {
    min-width:0;
  }
  #screen-customers .person-route-leg {
    padding:9px 8px;
  }
  #screen-customers .person-route-leg-open small {
    display:none;
  }
  #screen-customers .person-kpi-summary-card {
    grid-template-columns:minmax(0,1fr) 42px !important;
  }
}
@media (max-width:420px) {
  #screen-customers .report-view-context {
    gap:8px;
    padding:10px;
  }
  #screen-customers .report-detail-back span {
    display:none;
  }
  #screen-customers .report-detail-back {
    width:38px !important;
    min-width:38px !important;
    justify-content:center;
    padding:0 !important;
    font-size:0 !important;
  }
  #screen-customers .person-output-grid,
  #screen-customers .person-time-actions {
    grid-template-columns:1fr !important;
  }
  #screen-customers .person-summary-action {
    min-height:78px;
    border-right:0;
    border-bottom:1px solid var(--rs-border);
  }
  #screen-customers .person-summary-action:last-child {
    border-bottom:0;
  }
  #screen-customers .person-visit-row {
    grid-template-columns:32px minmax(0,1fr) 56px 14px !important;
  }
  #screen-customers .person-visit-result small span {
    display:none;
  }
}


/* Today Date Control v85
   One-day operational scope with exact report handoff and mobile-safe controls. */
.product-dashboard-header {
  display:grid;
  grid-template-columns:minmax(180px,1fr) auto;
  align-items:center;
}
.product-dashboard-title {
  min-width:0;
}
.product-dashboard-header>.product-dashboard-tools {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}
.product-date-control {
  display:flex;
  align-items:stretch;
  min-height:44px;
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--canvas);
}
.product-date-control button {
  display:grid;
  place-items:center;
  color:var(--ink);
  border:0;
  background:transparent;
}
.product-date-control button:hover,
.product-date-control button:focus-visible {
  color:var(--brand);
  background:var(--authority-soft);
}
.product-date-step {
  width:38px;
  flex:0 0 38px;
}
.product-date-step:disabled {
  cursor:not-allowed;
  color:var(--subtle);
  opacity:.45;
}
.product-date-step svg {
  width:15px;
  height:15px;
}
.product-date-step.next {
  border-left:1px solid var(--border);
}
.product-date-step.previous {
  border-right:1px solid var(--border);
}
.product-date-control label {
  display:grid;
  align-content:center;
  gap:1px;
  min-width:144px;
  padding:5px 10px;
  background:var(--surface);
}
.product-date-control label small {
  color:var(--muted);
  font-size:8px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.product-date-control input {
  width:100%;
  min-height:22px;
  padding:0;
  color:var(--ink);
  border:0;
  outline:0;
  background:transparent;
  font-family:inherit;
  font-size:12px;
  font-weight:700;
  line-height:1.2;
  font-variant-numeric:tabular-nums;
}
.product-date-today {
  min-width:54px;
  padding:0 10px;
  border-left:1px solid var(--border) !important;
  color:var(--brand) !important;
  background:var(--brand-soft) !important;
  font-size:10px;
  font-weight:800;
}
.product-date-context {
  display:flex;
  align-items:center;
  gap:9px;
  padding:9px 16px;
  color:var(--authority);
  border-bottom:1px solid var(--border);
  background:var(--authority-soft);
}
.product-date-context>svg {
  width:18px;
  height:18px;
  flex:0 0 18px;
}
.product-date-context>span {
  display:flex;
  align-items:baseline;
  gap:7px;
}
.product-date-context strong {
  font-size:10px;
}
.product-date-context small {
  color:var(--muted);
  font-size:9px;
}
.product-dashboard.is-historical-day .product-live {
  color:var(--authority);
}
.product-dashboard.is-historical-day .product-live i {
  box-shadow:0 0 0 4px var(--authority-soft);
}
@media(max-width:760px) {
  .product-dashboard-header {
    grid-template-columns:minmax(0,1fr);
    gap:10px;
    align-items:stretch;
  }
  .product-dashboard-tools {
    justify-content:stretch;
  }
  .product-date-control {
    min-width:0;
    flex:1;
  }
  .product-date-control label {
    min-width:0;
    flex:1;
  }
  .product-date-context>span {
    display:grid;
    gap:1px;
  }
}
@media(max-width:430px) {
  .product-dashboard-tools {
    gap:6px;
  }
  .product-date-step {
    width:34px;
    flex-basis:34px;
  }
  .product-date-control label {
    padding-inline:7px;
  }
  .product-date-today {
    min-width:48px;
    padding-inline:7px;
  }
  .product-refresh {
    width:38px;
    flex:0 0 38px;
  }
}


.assignment-target-fieldset{border:0;margin:0;padding:0}.assignment-target-fieldset legend{display:block;margin-bottom:8px;font-size:.72rem;font-weight:850;color:var(--ink)}.assignment-target-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.assignment-target-options label{position:relative;min-height:58px;cursor:pointer}.assignment-target-options input{position:absolute;opacity:0;pointer-events:none}.assignment-target-options span{display:flex;min-height:58px;box-sizing:border-box;flex-direction:column;justify-content:center;gap:2px;padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:var(--canvas);transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.assignment-target-options strong{font-size:.84rem}.assignment-target-options small{font-size:.68rem;color:var(--muted)}.assignment-target-options input:checked+span{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 14%,transparent)}.assignment-target-options input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--accent) 28%,transparent);outline-offset:2px}.visit-assignment-form>label>small{color:var(--muted);font-size:.68rem}@media(max-width:430px){.assignment-target-options{grid-template-columns:1fr}}
.assignment-team-options{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:680px){.assignment-team-options{grid-template-columns:1fr}}
.mandatory-result{display:block;margin-top:5px;color:var(--muted);font-size:.7rem}.mandatory-result.status-completed{color:var(--success)}.mandatory-result.status-in_progress{color:var(--authority)}.mandatory-external-detail{grid-column:2/-1;display:flex;min-height:44px;align-items:center;justify-content:center;gap:6px;padding:0 12px;border:1px solid var(--border);border-radius:10px;color:var(--authority);font-size:.72rem;font-weight:850;text-decoration:none;transition:background .2s ease,border-color .2s ease}.mandatory-external-detail:hover{background:var(--authority-soft);border-color:var(--authority)}.mandatory-external-detail:focus-visible{outline:3px solid color-mix(in srgb,var(--authority) 28%,transparent);outline-offset:2px}.mandatory-external-detail svg{width:16px;height:16px}@media(max-width:560px){.mandatory-external-detail{grid-column:1/-1}}
.visit-planner-actions{display:flex;align-items:center;gap:8px}.visit-planner-actions .primary-button{min-height:44px;padding:0 14px;white-space:nowrap}.weekly-plan-form{display:grid;gap:14px}.weekly-step{display:grid;gap:10px;padding:13px;border:1px solid var(--border);border-radius:15px;background:var(--surface)}.weekly-step>header{display:flex;align-items:center;gap:9px}.weekly-step>header>span{display:grid;width:28px;height:28px;place-items:center;border-radius:999px;background:var(--authority);color:#fff;font-size:.72rem;font-weight:900}.weekly-step>header div{display:grid;gap:1px}.weekly-step>header strong{font-size:.82rem}.weekly-step>header small,.weekly-step label>small{color:var(--muted);font-size:.67rem}.weekly-step>label,.weekly-search-row label,.weekly-settings label{display:grid;gap:5px}.weekly-step label>span{font-size:.7rem;font-weight:850}.weekly-step select,.weekly-step input,.weekly-step textarea{width:100%;min-height:44px;box-sizing:border-box;padding:9px 11px;border:1px solid var(--border);border-radius:10px;background:var(--canvas);color:var(--ink);font:inherit}.weekly-nav{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px}.weekly-nav button{display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--border);border-radius:10px;background:var(--canvas);color:var(--ink);cursor:pointer}.weekly-nav button svg{width:18px}.weekly-nav>strong{text-align:center;font-size:.75rem}.weekly-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.weekly-days button{display:grid;min-width:0;min-height:52px;place-items:center;padding:6px 2px;border:1px solid var(--border);border-radius:10px;background:var(--canvas);color:var(--ink);cursor:pointer}.weekly-days button small{font-size:.55rem;color:var(--muted)}.weekly-days button strong{font-size:.8rem}.weekly-days button.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.weekly-days button:disabled{cursor:not-allowed;opacity:.38}.weekly-search-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px}.weekly-settings{display:grid;grid-template-columns:2fr 1fr;gap:8px}.weekly-customer-results{display:grid;max-height:260px;gap:6px;overflow:auto;padding-right:2px}.weekly-customer-row{display:flex!important;min-height:48px!important;align-items:center;gap:9px;padding:8px 10px;border:1px solid var(--border);border-radius:11px;background:var(--canvas);cursor:pointer}.weekly-customer-row input{width:20px!important;min-height:20px!important;flex:0 0 20px}.weekly-customer-row>span{display:grid;gap:2px}.weekly-customer-row strong{font-size:.77rem}.weekly-customer-row small{color:var(--muted);font-size:.65rem}.weekly-empty{padding:18px;border-radius:11px;background:var(--canvas);color:var(--muted);font-size:.72rem;text-align:center}.weekly-empty.error{color:var(--danger)}.weekly-review{display:grid;gap:8px;padding:11px;border-radius:12px;background:var(--authority-soft)}.weekly-review>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.weekly-review span{display:grid;gap:1px}.weekly-review span strong{font-size:.88rem}.weekly-review span small,.weekly-review p small{color:var(--muted);font-size:.65rem}.weekly-review p{display:grid;gap:3px;margin:0;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--authority) 18%,transparent)}.weekly-review p strong{font-size:.72rem}.weekly-publish-row{position:sticky;bottom:-1px;padding-top:10px;background:var(--surface)}@media(max-width:680px){.visit-planner>header{align-items:flex-start;flex-wrap:wrap}.visit-planner-actions{width:100%}.visit-planner-actions .primary-button{flex:1}.weekly-search-row{grid-template-columns:1fr 1fr}.weekly-search-row label:first-child{grid-column:1/-1}.weekly-days{gap:3px}.weekly-days button{min-height:48px}.weekly-days button small{font-size:.49rem}}@media(max-width:420px){.weekly-settings,.weekly-search-row{grid-template-columns:1fr}.weekly-search-row label:first-child{grid-column:auto}.weekly-step{padding:11px}.weekly-days button small{font-size:.45rem}}

/* Weekly Plan customer picker v108 — content-sized rows prevent long customer names from overlapping. */
.weekly-customer-results {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:8px;
  max-height:min(340px,42dvh);
  overflow-x:hidden;
  overflow-y:auto;
  padding:2px 4px 2px 0;
  scrollbar-gutter:stable;
  overscroll-behavior:contain;
}
.weekly-customer-row {
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr);
  align-items:start;
  gap:10px;
  width:100%;
  height:auto!important;
  min-height:68px!important;
  flex:0 0 auto;
  box-sizing:border-box;
  padding:12px;
  border-radius:13px;
  touch-action:manipulation;
  transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease;
}
.weekly-customer-row:hover { border-color:var(--border-strong); }
.weekly-customer-row:focus-within {
  border-color:var(--accent);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent);
}
.weekly-customer-row.selected {
  border-color:color-mix(in srgb,var(--accent) 55%,var(--border));
  background:var(--accent-soft);
}
.weekly-customer-row input {
  grid-column:1;
  align-self:start;
  width:24px!important;
  height:24px!important;
  min-height:24px!important;
  margin:2px 0 0;
  padding:0;
  accent-color:var(--accent);
}
.weekly-customer-copy {
  grid-column:2;
  display:block!important;
  min-width:0;
  width:100%;
}
.weekly-customer-copy strong {
  display:block;
  margin:0;
  color:var(--ink);
  font-size:.8rem;
  font-weight:800;
  line-height:1.38;
  white-space:normal;
  overflow-wrap:anywhere;
}
.weekly-customer-copy small {
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:.68rem;
  font-weight:600;
  line-height:1.4;
  white-space:normal;
  overflow-wrap:anywhere;
}
@media (max-width:420px) {
  .weekly-customer-results { max-height:min(360px,44dvh); gap:9px; }
  .weekly-customer-row { min-height:72px!important; padding:12px 11px; }
  .weekly-customer-copy strong { font-size:.82rem; line-height:1.4; }
}
@media (prefers-reduced-motion:reduce) {
  .weekly-customer-row { transition:none; }
}

/* Weekly Plan Salesman filter v109. */
.weekly-search-row { grid-template-columns:minmax(220px,2fr) repeat(3,minmax(130px,1fr)); }
.weekly-salesman-filter small { line-height:1.35; }
@media (max-width:680px) {
  .weekly-search-row { grid-template-columns:1fr 1fr; }
  .weekly-search-field,.weekly-salesman-filter { grid-column:1/-1; }
}
@media (max-width:420px) {
  .weekly-search-row { grid-template-columns:1fr; }
  .weekly-search-field,.weekly-salesman-filter { grid-column:auto; }
}

/* Weekly Plan instruction routing v110 — simple by default, shop targeting on demand. */
.weekly-note-composer {
  display:grid;
  gap:12px;
  padding:14px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--canvas);
}
.weekly-note-heading {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.weekly-note-heading > div { display:grid; gap:2px; min-width:0; }
.weekly-note-heading strong { color:var(--ink); font-size:.82rem; }
.weekly-note-heading small { color:var(--muted); font-size:.67rem; line-height:1.4; }
.weekly-note-heading > span {
  flex:0 0 auto;
  padding:6px 9px;
  border-radius:999px;
  background:var(--authority-soft);
  color:var(--authority);
  font-size:.62rem;
  font-weight:850;
}
.weekly-note-field { display:grid; gap:5px; }
.weekly-note-field > span,.weekly-note-scope legend { color:var(--ink); font-size:.7rem; font-weight:850; }
.weekly-note-field textarea { min-height:88px; resize:vertical; line-height:1.5; }
.weekly-note-field > small { color:var(--muted); font-size:.65rem; }
.weekly-note-scope { min-width:0; margin:0; padding:0; border:0; }
.weekly-note-scope legend { margin-bottom:7px; }
.weekly-note-scope-options { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.weekly-note-scope-options label { position:relative; cursor:pointer; }
.weekly-note-scope-options input { position:absolute; opacity:0; pointer-events:none; }
.weekly-note-scope-options label > span {
  display:grid;
  min-height:56px;
  box-sizing:border-box;
  align-content:center;
  gap:2px;
  padding:9px 11px;
  border:1px solid var(--border);
  border-radius:11px;
  background:var(--surface);
  transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease;
}
.weekly-note-scope-options strong { font-size:.72rem; }
.weekly-note-scope-options small { color:var(--muted); font-size:.62rem; }
.weekly-note-scope-options input:checked + span {
  border-color:var(--authority);
  background:var(--authority-soft);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--authority) 12%,transparent);
}
.weekly-note-scope-options input:focus-visible + span {
  outline:3px solid color-mix(in srgb,var(--authority) 28%,transparent);
  outline-offset:2px;
}
.weekly-note-targets {
  display:grid;
  gap:8px;
  padding:10px;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--surface);
}
.weekly-note-targets.hidden { display:none!important; }
.weekly-note-target-toolbar { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.weekly-note-target-toolbar > span { display:grid; gap:1px; }
.weekly-note-target-toolbar strong { font-size:.7rem; }
.weekly-note-target-toolbar small { color:var(--muted); font-size:.61rem; }
.weekly-note-target-toolbar > div { display:flex; gap:6px; }
.weekly-note-target-toolbar button {
  min-height:44px;
  padding:0 10px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--canvas);
  color:var(--authority);
  font:inherit;
  font-size:.64rem;
  font-weight:850;
  cursor:pointer;
}
.weekly-note-target-list {
  display:grid;
  max-height:220px;
  gap:6px;
  overflow:auto;
  overscroll-behavior:contain;
}
.weekly-note-target-list label {
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr);
  min-height:52px;
  box-sizing:border-box;
  align-items:center;
  gap:9px;
  padding:8px 10px;
  border:1px solid var(--border);
  border-radius:10px;
  background:var(--canvas);
  cursor:pointer;
}
.weekly-note-target-list input { width:22px!important; height:22px!important; min-height:22px!important; padding:0; accent-color:var(--authority); }
.weekly-note-target-list label > span { display:grid; min-width:0; gap:2px; }
.weekly-note-target-list strong { font-size:.7rem; line-height:1.35; overflow-wrap:anywhere; }
.weekly-note-target-list small { color:var(--muted); font-size:.61rem; }
.weekly-note-target-list p { margin:0; padding:12px; color:var(--muted); font-size:.68rem; text-align:center; }
.weekly-note-error { min-height:0; color:var(--danger); font-size:.67rem; font-weight:750; }
.weekly-note-error:not(:empty) { padding:8px 10px; border-radius:9px; background:var(--danger-soft); }
.weekly-add-instruction { width:100%; min-height:46px; cursor:pointer; }
.weekly-note-rules { display:grid; gap:7px; }
.weekly-note-empty { display:grid; gap:2px; padding:10px 11px; border-radius:10px; background:var(--surface); }
.weekly-note-empty strong { font-size:.68rem; }
.weekly-note-empty small { color:var(--muted); font-size:.62rem; line-height:1.4; }
.weekly-note-rule {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:10px 11px;
  border-left:3px solid var(--success);
  border-radius:10px;
  background:var(--success-soft);
}
.weekly-note-rule > span { display:grid; min-width:0; gap:3px; }
.weekly-note-rule small { color:var(--success); font-size:.57rem; font-weight:900; letter-spacing:.04em; }
.weekly-note-rule strong { font-size:.69rem; line-height:1.4; white-space:normal; overflow-wrap:anywhere; }
.weekly-note-rule em { color:var(--muted); font-size:.6rem; font-style:normal; white-space:normal; overflow-wrap:anywhere; }
.weekly-note-rule button {
  min-width:64px;
  min-height:44px;
  border:1px solid color-mix(in srgb,var(--danger) 24%,var(--border));
  border-radius:9px;
  background:var(--surface);
  color:var(--danger);
  font:inherit;
  font-size:.62rem;
  font-weight:850;
  cursor:pointer;
}
@media (max-width:420px) {
  .weekly-note-composer { padding:12px; }
  .weekly-note-scope-options { grid-template-columns:1fr; }
  .weekly-note-target-toolbar { align-items:flex-start; }
  .weekly-note-rule { grid-template-columns:minmax(0,1fr); }
  .weekly-note-rule button { width:100%; }
}
@media (prefers-reduced-motion:reduce) {
  .weekly-note-scope-options label > span { transition:none; }
}

/* Cross-app visit status v104 — completed work is explicit, not color-only */
.mandatory-visit-card.already-visited{border-color:color-mix(in srgb,var(--success) 38%,var(--border));border-left-color:var(--success);background:color-mix(in srgb,var(--success-soft) 48%,var(--surface))}.mandatory-visit-card.already-visited .mandatory-visit-date small{color:var(--success);font-weight:900}.mandatory-visit-card.already-visited .mandatory-badge{background:var(--success);color:#fff}.mandatory-result.status-completed{display:flex;align-items:center;gap:5px;width:max-content;max-width:100%;margin-top:6px;padding:5px 7px;border:1px solid color-mix(in srgb,var(--success) 25%,var(--border));border-radius:8px;background:var(--surface);color:var(--success)}.mandatory-result.status-completed svg{width:15px;height:15px;flex:0 0 auto}

/* Field-only Temporary Shop entry: clear, touch-safe, and separate from Customer Master administration. */
.field-store-actions{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:stretch}
.field-store-actions>button{min-height:52px}
.temporary-shop-button{display:flex!important;align-items:center;justify-content:center;gap:9px;border-color:#89cabb!important;background:#eef9f6!important;color:#075c4c!important}
.temporary-shop-button svg{width:20px;height:20px;flex:0 0 auto}
.temporary-shop-button span,.temporary-shop-button strong,.temporary-shop-button small{display:block}
.temporary-shop-button small{margin-top:2px;color:#52756e;font-size:11px;font-weight:650}
.new-shop-entry{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;margin:16px 0;padding:14px;border:1px solid #b8ddd4;border-radius:16px;background:#f0faf7}
.new-shop-entry-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#0a806a;color:#fff}
.new-shop-entry-icon svg{width:22px;height:22px}
.new-shop-entry strong,.new-shop-entry small{display:block}
.new-shop-entry small{margin-top:3px;color:#57707e;line-height:1.45}
.new-shop-entry-actions{display:grid;gap:5px;min-width:170px}
.new-shop-entry-actions .text-button{min-height:36px}
.field-temporary-customer-form{display:grid;gap:16px;padding:2px 0 8px}
.field-temporary-customer-form>label,.field-temporary-customer-form .field-grid label{display:grid;gap:7px;color:#213b49;font-size:13px;font-weight:800}
.field-temporary-customer-form>label>span{justify-self:end;color:#748993;font-size:11px;font-weight:650}
.field-temporary-customer-form :is(input,select,textarea){width:100%;min-height:48px;box-sizing:border-box;border:1px solid #c8d7de;border-radius:12px;background:#fff;color:#102d3f;padding:11px 12px;font:inherit;font-size:16px}
.field-temporary-customer-form textarea{min-height:84px;resize:vertical}
.field-temporary-customer-form :is(input,select,textarea):focus-visible{outline:3px solid rgba(10,128,106,.2);outline-offset:1px;border-color:#0a806a}
.field-temporary-intro,.field-temporary-note{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:center;padding:14px;border-radius:14px}
.field-temporary-intro{border:1px solid #b8ddd4;background:#f0faf7}
.field-temporary-intro>svg{width:24px;height:24px;padding:9px;border-radius:12px;background:#0a806a;color:#fff}
.field-temporary-intro strong,.field-temporary-intro small,.field-temporary-note strong,.field-temporary-note small{display:block}
.field-temporary-intro small,.field-temporary-note small{margin-top:4px;color:#58717d;line-height:1.45}
.field-temporary-note{border:1px solid #dbe5e9;background:#f7fafb}
.field-temporary-note>svg{width:22px;height:22px;color:#0a806a}
.field-error{min-height:20px;margin:0;color:#b42336;font-weight:750}
html[data-theme="dark"] :is(.new-shop-entry,.field-temporary-intro,.field-temporary-note){background:#18313f;color:#f4f8fa;border-color:#385261}
html[data-theme="dark"] .temporary-shop-button{background:#153b35!important;color:#d8fff5!important;border-color:#3b776d!important}
html[data-theme="dark"] .temporary-shop-button small,html[data-theme="dark"] :is(.new-shop-entry,.field-temporary-intro,.field-temporary-note) small{color:#b8cad2}
html[data-theme="dark"] .field-temporary-customer-form :is(input,select,textarea){background:#102733;color:#f4f8fa;border-color:#42606f}
@media(max-width:720px){.field-store-actions{grid-template-columns:1fr}.new-shop-entry{grid-template-columns:44px minmax(0,1fr)}.new-shop-entry>button,.new-shop-entry-actions{grid-column:1/-1;width:100%}.field-temporary-customer-form .field-grid.two{grid-template-columns:1fr}}


/* GPS area + geography report */
.dashboard-geography-shortcut{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:72px;padding:12px 14px;border:1px solid #8b5cf6;border-radius:14px;background:linear-gradient(135deg,#f7f3ff 0%,#fff 68%);color:#17364a;text-align:left;box-shadow:0 4px 14px rgba(109,40,217,.09)}.dashboard-geography-shortcut:hover{border-color:#6d28d9;background:#f5f0ff}.dashboard-geography-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#6d28d9;color:#fff}.dashboard-geography-icon svg{width:22px;height:22px}.dashboard-geography-copy{display:grid;gap:2px;min-width:0}.dashboard-geography-copy small{color:#6d28d9;font-size:9px;font-weight:900;letter-spacing:.08em}.dashboard-geography-copy strong{font-size:16px}.dashboard-geography-copy em{overflow:hidden;color:#627786;font-size:11px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.dashboard-geography-action{display:flex;align-items:center;gap:5px;color:#6d28d9;font-size:12px;font-weight:800}.dashboard-geography-action svg{width:16px;height:16px}
.dashboard-visit-head-actions{display:flex;align-items:center;gap:8px}.dashboard-visit-head-actions button:first-child{color:#6d28d9;background:#f4f0ff;border-color:#c4b5fd}.dashboard-location-line{display:flex;align-items:center;gap:5px;min-width:0;flex-wrap:wrap}.dashboard-location-field{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:100%;padding:3px 7px;border:1px solid #d7e0e6;border-radius:999px;background:#f6f8fa;color:#365064;line-height:1.15}.dashboard-location-field b{overflow:hidden;font-size:10px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.dashboard-region-field{background:#eef4f7;border-color:#cad7df;color:#17364a}.dashboard-region-field.is-dubai{background:#e7f0ff;border-color:#60a5fa;color:#1d4ed8}.dashboard-region-field.is-abu-dhabi{background:#fff4d6;border-color:#f59e0b;color:#92400e}.dashboard-region-field.is-sharjah{background:#f1e8ff;border-color:#a78bfa;color:#6d28d9}.dashboard-region-field.is-ajman{background:#e0f7f4;border-color:#2dd4bf;color:#0f766e}.dashboard-region-field.is-ras-al-khaimah{background:#ffe7e7;border-color:#f87171;color:#b91c1c}.dashboard-region-field.is-fujairah{background:#e8edff;border-color:#818cf8;color:#4338ca}.dashboard-region-field.is-umm-al-quwain{background:#e6f7fb;border-color:#22d3ee;color:#0e7490}.dashboard-area-chip{font-style:normal;font-weight:700}.dashboard-area-chip svg{width:12px;height:12px;flex:0 0 12px}.dashboard-area-chip i{padding:1px 4px;border-radius:999px;background:#b90043;color:#fff;font-size:8px;font-style:normal;letter-spacing:.05em}.dashboard-area-chip.is-master{border-color:#d9e2e8;background:#f2f6f8;color:#365064}.dashboard-area-chip.is-gps{border-color:#16a34a;background:#dcfce7;color:#166534;box-shadow:0 0 0 2px rgba(34,197,94,.08)}.dashboard-area-chip.is-gps i{background:#15803d}.dashboard-area-chip.is-pending{border-color:#16a34a;background:#dcfce7;color:#166534;border-style:dashed}.dashboard-area-chip.is-unavailable{border-color:#d7e0e6;background:#f6f8fa;color:#6b7e8b}
.geo-activity-report{display:grid;gap:16px}.geo-report-controls{display:grid;gap:10px;padding:12px;border:1px solid var(--line,#d9e2e8);border-radius:12px;background:#f7f9fb}.geo-report-controls>div{display:flex;gap:6px;overflow:auto}.geo-report-controls button{min-height:40px;padding:8px 13px;border:1px solid #cad6de;border-radius:9px;background:#fff;color:#334b5c;font-weight:700;white-space:nowrap}.geo-report-controls button.active{background:#12364a;color:#fff;border-color:#12364a}.geo-report-kpis{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #d9e2e8;border-radius:12px;overflow:hidden}.geo-report-kpis span{display:grid;gap:2px;padding:12px 14px;border-right:1px solid #d9e2e8}.geo-report-kpis span:last-child{border-right:0}.geo-report-kpis strong{font-size:22px;color:#102f4a}.geo-report-kpis small{color:#607483}.geo-report-rows{display:grid;border:1px solid #d9e2e8;border-radius:12px;overflow:hidden}.geo-report-rows>button{display:grid;grid-template-columns:36px minmax(0,1fr) auto 18px;align-items:center;gap:10px;min-height:64px;padding:10px 12px;border:0;border-bottom:1px solid #e2e8ed;background:#fff;text-align:left;color:#132f42}.geo-report-rows>button:last-child{border-bottom:0}.geo-report-rows>button:hover{background:#faf8ff}.geo-report-rows>button>span:nth-child(2){display:grid;gap:4px}.geo-report-rows strong{font-size:14px}.geo-report-rows small{color:#647888}.geo-report-rows i{display:block;height:4px;background:#e9edf1;border-radius:99px;overflow:hidden}.geo-report-rows i b{display:block;height:100%;background:#7c3aed;border-radius:99px}.geo-report-rows em{font-size:18px;font-style:normal;font-weight:800}.geo-rank{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#eef3f6;font-size:10px;font-weight:800}.geo-report-detail{border:1px solid #c4b5fd;border-radius:12px;overflow:hidden}.geo-report-detail:empty{display:none}.geo-report-detail header,.geo-report-detail>button{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.geo-report-detail header{background:#f4f0ff}.geo-report-detail header span,.geo-report-detail>button span{display:grid;gap:2px;text-align:left}.geo-report-detail header small{color:#6d28d9;font-size:9px;font-weight:800}.geo-report-detail header em,.geo-report-detail>button em{font-style:normal;font-size:11px}.geo-report-detail>button{width:100%;min-height:54px;border:0;border-top:1px solid #e3e8ed;background:#fff;color:#18364a}.geo-report-detail>button span{flex:1}.geo-report-detail>button small{color:#637888}.geography-report-card{grid-column:1/-1}.geography-report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.geography-report-grid>section{padding:14px;border:1px solid #dbe4ea;border-radius:12px;background:#fbfcfd}.geo-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}.geo-section-head strong{font-size:15px}.geo-section-head small{color:#667a88}
.geo-map-region{display:grid;grid-template-columns:auto minmax(180px,280px);align-items:center;gap:10px;padding:10px 12px;border:1px solid #d9e2e8;border-radius:12px;background:#fff}.geo-map-region>span{font-size:11px;font-weight:900;letter-spacing:.06em;color:#617788;text-transform:uppercase}.geo-map-region select{min-height:44px;padding:0 38px 0 12px;border:1px solid #bdcbd5;border-radius:9px;background:#fff;color:#17364a;font:inherit;font-weight:800}.geo-map-kpis{grid-template-columns:repeat(4,1fr)}.geo-map-report{min-width:0}.geo-map-shell{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:12px;min-width:0;padding:10px;border:1px solid #d9e2e8;border-radius:14px;background:#f4f7f9}.geo-map-shell #geoCustomerMap{height:500px;min-width:0;border:1px solid #cbd7df;border-radius:11px;background:#dce7ec;overflow:hidden}.geo-map-legend{display:grid;align-content:start;gap:6px;max-height:500px;overflow:auto}.geo-map-legend button{display:grid;grid-template-columns:14px minmax(0,1fr);align-items:center;gap:9px;min-height:52px;padding:8px;border:1px solid transparent;border-radius:9px;background:#fff;color:#17364a;text-align:left}.geo-map-legend button:hover,.geo-map-legend button.is-selected{border-color:#7c3aed;background:#f5f1ff}.geo-map-legend button>i{width:12px;height:32px;border-radius:99px;background:var(--area-color)}.geo-map-legend span{display:grid;gap:2px;min-width:0}.geo-map-legend strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.geo-map-legend small{font-size:10px;color:#637888}.geo-area-label-host{background:none!important;border:0!important}.geo-area-label{display:flex;align-items:center;gap:4px;max-width:132px;min-height:24px;padding:0;border:0;background:transparent;box-shadow:none;color:#17364a;font-family:inherit;text-align:left}.geo-area-label strong{min-width:0;overflow:hidden;padding:1px 2px;font-size:10px;font-weight:900;line-height:1.15;text-overflow:ellipsis;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,0 0 4px #fff;white-space:nowrap}.geo-area-label span{display:grid;flex:0 0 20px;height:20px;place-items:center;border:2px solid #fff;border-radius:50%;background:var(--area-color);box-shadow:0 1px 4px rgba(16,47,74,.28);color:#fff;font-size:9px;font-weight:900}.geo-area-label.is-selected strong{padding:3px 5px;border-radius:5px;background:rgba(255,255,255,.9);text-shadow:none}.geo-area-label.is-selected span{outline:2px solid #102f4a;outline-offset:1px}.geo-map-empty{display:grid;place-content:center;gap:5px;height:100%;padding:24px;text-align:center;color:#17364a}.geo-map-detail-head{border-left:6px solid var(--area-color)}.geo-map-detail-kpis{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #e1e8ed;border-bottom:1px solid #e1e8ed}.geo-map-detail-kpis span{display:grid;gap:2px;padding:10px;border-right:1px solid #e1e8ed}.geo-map-detail-kpis span:last-child{border:0}.geo-map-detail-kpis strong{font-size:17px;color:#17364a}.geo-map-detail-kpis small{font-size:9px;color:#637888}.geo-map-shop-list{display:grid}.geo-map-shop{display:grid;grid-template-columns:minmax(0,1fr) 56px 60px 16px;align-items:center;gap:8px;width:100%;min-height:68px;padding:10px 12px;border:0;border-bottom:1px solid #e1e8ed;background:#fff;color:#17364a;text-align:left}.geo-map-shop:last-child{border-bottom:0}.geo-map-shop>span{display:grid;gap:2px;min-width:0}.geo-map-shop>span strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.geo-map-shop>span small{font-size:10px;color:#637888}.geo-map-shop>span em{font-size:10px;font-style:normal;color:#0b7d56}.geo-map-shop>b{display:grid;text-align:center;font-size:16px}.geo-map-shop>b small{font-size:8px;color:#637888}.geo-map-shop>i{padding:5px;border-radius:99px;background:#e7f7ef;color:#087a53;font-size:9px;font-style:normal;font-weight:900;text-align:center}.geo-map-shop.is-unvisited{opacity:.68}.geo-map-shop.is-unvisited>span em{color:#637888}.geo-map-shop.is-unvisited>i{background:#f0f3f5;color:#61717c}.geo-map-expand{min-height:44px;border:0;background:#f7f3ff;color:#6d28d9;font-weight:800}.leaflet-control-attribution,.maplibregl-ctrl-attrib{font-size:8px!important}.maplibregl-ctrl-bottom-right{max-width:80%}.maplibregl-ctrl-attrib.maplibregl-compact{min-height:20px}.maplibregl-canvas{outline:none}.maplibregl-marker.geo-area-label{z-index:4}
.geo-map-kpis+.geo-count-note{margin:0 2px}
.geography-workspace-modal{box-sizing:border-box;width:min(96vw,1560px);max-height:94dvh;padding:18px 20px 24px;border-radius:22px}.geography-workspace-modal>.modal-heading{position:sticky;top:-18px;z-index:20;margin:-18px -20px 16px;padding:16px 20px 14px;background:color-mix(in srgb,var(--surface-raised,#fff) 94%,transparent);backdrop-filter:blur(16px)}.geography-workspace-modal.is-fullscreen{position:fixed;inset:0;z-index:130;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:18px 24px 28px;border:0;border-radius:0}.geography-workspace-modal.is-fullscreen>.modal-heading{top:-18px;margin-inline:-24px;padding-inline:24px}.geo-workspace-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 16px;border:1px solid #d8e2e8;border-radius:14px;background:linear-gradient(135deg,#f8fbfd,#f6f2ff)}.geo-workspace-intro>div:not(.geo-workspace-actions){display:grid;gap:3px}.geo-workspace-intro>div>span{color:#6d28d9;font-size:9px;font-weight:900;letter-spacing:.1em}.geo-workspace-intro>div>strong{color:#102f4a;font-size:18px}.geo-workspace-intro>div>small{color:#607483;font-size:11px}.geo-workspace-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.geo-workspace-actions>button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:132px;min-height:44px;padding:9px 13px;border:1px solid #12364a;border-radius:10px;background:#12364a;color:#fff;font:inherit;font-size:12px;font-weight:850}.geo-workspace-actions>button:first-child{background:#16845b;border-color:#16845b}.geo-workspace-actions>button svg{width:18px;height:18px}.geo-workspace-actions>button[aria-pressed="true"]{background:#6d28d9;border-color:#6d28d9}.geography-workspace-modal .geo-report-controls{grid-template-columns:minmax(0,1fr) auto;align-items:center}.geography-workspace-modal .geo-report-controls>div{overflow:visible}.geo-team-filter{display:flex!important;align-items:center;justify-content:flex-end;flex-wrap:wrap}.geo-filter-label{color:#607483;font-size:9px;font-weight:900;letter-spacing:.08em}.geo-team-filter button{display:inline-flex;align-items:center;gap:6px}.geo-team-filter button i{display:grid;width:17px;height:17px;place-items:center;border:1px solid #a9bac5;border-radius:5px;color:transparent;font-size:11px;font-style:normal}.geo-team-filter button.active i{border-color:#fff;background:#fff;color:#12364a}.geo-team-filter>small{min-width:100%;color:#607483;font-size:9px;text-align:right}.geography-workspace-modal .geo-map-shell{grid-template-columns:minmax(0,1fr) 300px}.geography-workspace-modal .geo-map-shell #geoCustomerMap{height:clamp(520px,58vh,760px)}.geography-workspace-modal .geo-map-legend{max-height:clamp(520px,58vh,760px)}.geography-workspace-modal.is-fullscreen .geo-map-shell #geoCustomerMap,.geography-workspace-modal.is-fullscreen .geo-map-legend{height:clamp(520px,calc(100dvh - 350px),820px);max-height:clamp(520px,calc(100dvh - 350px),820px)}
[data-theme="dark"] .geo-workspace-intro{border-color:#486273;background:linear-gradient(135deg,#173346,#302452)}[data-theme="dark"] .geo-workspace-intro>div>strong{color:#edf3f7}[data-theme="dark"] .geo-workspace-intro>div>small,[data-theme="dark"] .geo-team-filter>small{color:#b6c5cf}
.geography-workspace-modal .geo-area-label{gap:7px;max-width:190px;min-height:38px}.geography-workspace-modal .geo-area-label strong{padding:4px 6px;font-size:13px;line-height:1.2}.geography-workspace-modal .geo-area-label span{flex-basis:34px;width:34px;height:34px;border-width:3px;font-size:13px;box-shadow:0 2px 8px rgba(16,47,74,.34)}.geography-workspace-modal .geo-area-label.is-selected span{width:38px;height:38px;flex-basis:38px;font-size:14px}.geo-subarea-filter{display:flex;align-items:center;gap:7px;overflow:auto;padding:10px 12px;border-top:1px solid #e1e8ed;background:#f7f9fb}.geo-subarea-filter>span{flex:0 0 auto;color:#617788;font-size:9px;font-weight:900;letter-spacing:.07em}.geo-subarea-filter button{display:flex;align-items:center;gap:7px;min-height:38px;padding:7px 10px;border:1px solid #cbd7df;border-radius:999px;background:#fff;color:#17364a;font:inherit;font-size:11px;font-weight:800;white-space:nowrap}.geo-subarea-filter button b{display:grid;min-width:22px;height:22px;place-items:center;border-radius:999px;background:#edf2f5;font-size:10px}.geo-subarea-filter button.active{border-color:#6d28d9;background:#ede9fe;color:#5b21b6}.geo-subarea-filter button.active b{background:#6d28d9;color:#fff}.geo-unmatched-panel{margin-top:10px;border:1px solid #f0b36b;border-radius:12px;overflow:hidden;background:#fffaf2}.geo-unmatched-panel header{padding:11px 13px;background:#fff4df}.geo-unmatched-panel header span{display:grid;gap:2px}.geo-unmatched-panel header strong{color:#9a4d00;font-size:12px}.geo-unmatched-panel header small{color:#765b3e;font-size:10px}.geo-unmatched-panel>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.geo-unmatched-panel button{display:grid;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:8px;min-height:52px;padding:9px 12px;border:0;border-top:1px solid #f2dcc0;background:#fff;color:#17364a;text-align:left}.geo-unmatched-panel button:nth-child(odd){border-right:1px solid #f2dcc0}.geo-unmatched-panel button span{display:grid;gap:2px;min-width:0}.geo-unmatched-panel button strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.geo-unmatched-panel button small{color:#75634f;font-size:9px}.geo-unmatched-panel button svg{width:16px;height:16px}[data-theme="dark"] .geo-subarea-filter{border-color:#385365;background:#132b3b}[data-theme="dark"] .geo-subarea-filter button{border-color:#486273;background:#173346;color:#edf3f7}[data-theme="dark"] .geo-subarea-filter button.active{border-color:#a78bfa;background:#302452;color:#ede9fe}[data-theme="dark"] .geo-unmatched-panel{border-color:#875f32;background:#302a22}[data-theme="dark"] .geo-unmatched-panel header{background:#3c2f20}[data-theme="dark"] .geo-unmatched-panel button{border-color:#5c4933;background:#173346;color:#edf3f7}
[data-theme="dark"] .dashboard-location-field{background:#203747;color:#d1dee6;border-color:#486273}[data-theme="dark"] .dashboard-region-field.is-dubai{background:#172d55;border-color:#3b82f6;color:#bfdbfe}[data-theme="dark"] .dashboard-region-field.is-abu-dhabi{background:#493319;border-color:#d97706;color:#fde68a}[data-theme="dark"] .dashboard-region-field.is-sharjah{background:#35245d;border-color:#8b5cf6;color:#ddd6fe}[data-theme="dark"] .dashboard-region-field.is-ajman{background:#123e3a;border-color:#14b8a6;color:#99f6e4}[data-theme="dark"] .dashboard-region-field.is-ras-al-khaimah{background:#4b2228;border-color:#ef4444;color:#fecaca}[data-theme="dark"] .dashboard-region-field.is-fujairah{background:#292d5d;border-color:#6366f1;color:#c7d2fe}[data-theme="dark"] .dashboard-region-field.is-umm-al-quwain{background:#153b4a;border-color:#06b6d4;color:#a5f3fc}[data-theme="dark"] .dashboard-area-chip{background:#302452;color:#ddd2ff;border-color:#7055aa}[data-theme="dark"] .dashboard-area-chip.is-gps{background:#153b35;color:#d8fff5;border-color:#3b776d}[data-theme="dark"] .dashboard-area-chip.is-master{background:#203747;color:#d1dee6;border-color:#486273}[data-theme="dark"] .geo-report-controls,[data-theme="dark"] .geography-report-grid>section{background:#132b3b}[data-theme="dark"] .geo-report-controls button,[data-theme="dark"] .geo-report-rows>button,[data-theme="dark"] .geo-report-detail>button{background:#173346;color:#edf3f7}
[data-theme="dark"] .geo-map-region,[data-theme="dark"] .geo-map-region select,[data-theme="dark"] .geo-map-legend button,[data-theme="dark"] .geo-map-shop{background:#173346;color:#edf3f7;border-color:#486273}[data-theme="dark"] .geo-map-shell{background:#102838;border-color:#486273}[data-theme="dark"] .geo-map-legend button.is-selected{background:#302452;border-color:#8b6bd1}[data-theme="dark"] .geo-map-detail-kpis strong{color:#edf3f7}
[data-theme="dark"] .geo-area-label{border-color:transparent;background:transparent;color:#edf3f7}[data-theme="dark"] .geo-area-label strong{text-shadow:-1px -1px 0 #102f4a,1px -1px 0 #102f4a,-1px 1px 0 #102f4a,1px 1px 0 #102f4a,0 0 4px #102f4a}[data-theme="dark"] .geo-area-label.is-selected strong{background:rgba(16,47,74,.92);text-shadow:none}[data-theme="dark"] .geo-area-label.is-selected span{outline-color:#fff}
.geo-report-controls button{min-height:44px}.geo-report-rows>button.is-selected{background:#faf8ff;box-shadow:inset 4px 0 #7c3aed}.geo-area-rows{display:grid;padding:8px;background:#fbfcfe}.geo-area-rows>button{display:grid;grid-template-columns:34px minmax(0,1fr) auto 18px;align-items:center;gap:10px;min-height:56px;padding:8px 10px;border:0;border-bottom:1px solid #e3e8ed;background:#fff;color:#18364a;text-align:left}.geo-area-rows>button:first-child{border-radius:9px 9px 0 0}.geo-area-rows>button:last-child{border-bottom:0;border-radius:0 0 9px 9px}.geo-area-rows>button.is-selected{background:#edf7f2;box-shadow:inset 4px 0 #16845b}.geo-area-rows>button>span:nth-child(2){display:grid;gap:2px}.geo-area-rows>button small{color:#637888}.geo-area-rows>button em{font-style:normal;font-weight:800}.geo-area-visits{border-top:1px solid #dce4e9}.geo-area-visits>p{margin:0;padding:14px;color:#637888;background:#fff}.geo-area-visits>header{background:#edf7f2}.geo-area-visits>header small{color:#16845b}.geo-area-visits>button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:54px;padding:12px 14px;border:0;border-top:1px solid #e3e8ed;background:#fff;color:#18364a}.geo-area-visits>button span{display:grid;flex:1;gap:2px;text-align:left}.geo-area-visits>button small{color:#637888}.geo-area-visits>button em{font-size:11px;font-style:normal}[data-theme="dark"] .geo-area-rows{background:#102737}[data-theme="dark"] .geo-area-rows>button,[data-theme="dark"] .geo-area-visits>button,[data-theme="dark"] .geo-area-visits>p{background:#173346;color:#edf3f7}[data-theme="dark"] .geo-area-rows>button.is-selected,[data-theme="dark"] .geo-area-visits>header{background:#173f38}
.geo-date-filter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px;padding:12px;border:1px solid #d9e2e8;border-radius:12px;background:#fff}.geo-date-filter label{display:grid;gap:4px}.geo-date-filter label span{color:#607483;font-size:10px;font-weight:800;text-transform:uppercase}.geo-date-filter input{width:100%;min-height:44px;padding:8px 10px;border:1px solid #cad6de;border-radius:9px;background:#fff;color:#18364a;font:inherit}.geo-date-filter button{align-self:end;min-width:86px;min-height:44px;padding:8px 14px;border:1px solid #12364a;border-radius:9px;background:#12364a;color:#fff;font-weight:800}.geo-date-filter button:disabled{cursor:wait;opacity:.65}.geo-date-filter>small{grid-column:1/-1;color:#607483;font-weight:700}.geo-report-loading{display:flex;align-items:center;gap:10px;min-height:72px;padding:14px;color:#405c6d}.geo-report-loading span{width:18px;height:18px;border:2px solid #d8e1e7;border-top-color:#7c3aed;border-radius:50%;animation:spin .8s linear infinite}[data-theme="dark"] .geo-date-filter{background:#132b3b;border-color:#385365}[data-theme="dark"] .geo-date-filter input{background:#173346;color:#edf3f7;border-color:#486273}@media(max-width:480px){.geo-date-filter{grid-template-columns:1fr 1fr}.geo-date-filter button{grid-column:1/-1;width:100%}}
.geo-count-note{margin:-8px 2px 0;color:#607483;font-size:11px;line-height:1.4}.geo-report-rows>button>svg,.geo-report-detail>button>svg,.geo-area-rows>button>svg,.geo-area-visits>button>svg{display:block;flex:0 0 16px;width:16px!important;height:16px!important;max-width:16px;max-height:16px}.geo-area-visits>button{overflow:hidden}.geo-area-visits>button>span{min-width:0}.geo-area-visits>button strong,.geo-area-visits>button small{overflow-wrap:anywhere}[data-theme="dark"] .geo-count-note{color:#afc0ca}
.geo-group-search{display:grid;gap:5px;padding:12px;border:1px solid #d9e2e8;border-radius:12px;background:#fff}.geo-group-search[hidden]{display:none!important}.geo-group-search>span{color:#4f6473;font-size:10px;font-weight:800;text-transform:uppercase}.geo-group-search input{width:100%;min-height:46px;padding:10px 12px;border:1px solid #bdcbd4;border-radius:10px;background:#fff;color:#17364a;font:inherit}.geo-group-search input:focus{border-color:#6d28d9;outline:3px solid rgba(109,40,217,.14)}.geo-report-kpis.geo-group-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.geo-group-rows>button{grid-template-columns:36px minmax(0,1fr) 74px 18px;min-height:72px}.geo-group-name{display:grid;gap:4px;min-width:0}.geo-group-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.geo-group-sku{display:grid;gap:1px;text-align:right}.geo-group-sku strong{font-size:18px;color:#6d28d9}.geo-group-sku small{font-size:9px;white-space:nowrap}.geo-group-detail-head{position:sticky;top:0;z-index:2}.geo-group-branch-list{display:grid}.geo-group-branch{display:grid;grid-template-columns:minmax(0,1fr) 72px 74px 16px;align-items:center;gap:10px;width:100%;min-height:76px;padding:11px 14px;border:0;border-top:1px solid #e3e8ed;background:#fff;color:#18364a;text-align:left}.geo-group-branch.is-visited{box-shadow:inset 4px 0 #16845b}.geo-group-branch.is-unvisited{box-shadow:inset 4px 0 #cbd5dc}.geo-group-branch:disabled{cursor:default;opacity:1}.geo-group-branch:not(:disabled):hover{background:#f8fbfa}.geo-branch-main{display:grid;gap:2px;min-width:0}.geo-branch-title{display:flex;align-items:baseline;gap:7px;min-width:0}.geo-branch-title strong{min-width:0}.geo-branch-title small{flex:0 0 auto;padding:2px 6px;border-radius:999px;background:#eef2ff;color:#4c4f76!important;font-size:8px!important;font-weight:750;letter-spacing:.01em;white-space:nowrap!important}.geo-branch-main strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.geo-branch-main small{overflow:hidden;color:#617684;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.geo-branch-main em{color:#415d6d;font-size:10px;font-style:normal}.geo-branch-sku{display:grid;gap:1px;text-align:center}.geo-branch-sku strong{font-size:18px}.geo-branch-sku small{color:#617684;font-size:8px;line-height:1.15;text-transform:uppercase}.geo-branch-state{justify-self:end;padding:5px 7px;border-radius:999px;font-size:9px;font-weight:800;white-space:nowrap}.geo-branch-state.is-active{background:#e4f5ec;color:#08714c}.geo-branch-state.is-missing{background:#eef2f5;color:#657986}.geo-group-branch>svg{width:16px!important;height:16px!important}.geo-branch-expand{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:48px;padding:10px 14px;border:0;border-top:1px solid #d9e2e8;background:#f6f3ff;color:#5b21b6;font:inherit;font-size:12px;font-weight:850}.geo-branch-expand:hover{background:#ede9fe}.geo-branch-expand:focus-visible{outline:3px solid rgba(109,40,217,.28);outline-offset:-3px}.geo-branch-expand span{font-size:16px;line-height:1}.geo-group-error{display:grid;justify-items:start;gap:7px;padding:18px}.geo-group-error small{color:#657986}.geo-group-error button{min-height:44px;padding:9px 14px;border:1px solid #12364a;border-radius:9px;background:#12364a;color:#fff;font-weight:800}
@media(max-width:700px){.dashboard-geography-shortcut{grid-template-columns:42px minmax(0,1fr) 16px;min-height:68px;padding:10px 12px}.dashboard-geography-icon{width:42px;height:42px}.dashboard-geography-copy strong{font-size:15px}.dashboard-geography-copy em{white-space:normal}.dashboard-geography-action{font-size:0}.dashboard-geography-action svg{width:16px;height:16px}.dashboard-visit-head-actions{gap:5px}.dashboard-visit-head-actions button{padding-inline:8px}.geography-report-grid{grid-template-columns:1fr}.geo-report-controls{padding:9px}.geo-report-kpis span{padding:10px}.geo-report-kpis strong{font-size:19px}.dashboard-location-line{gap:4px}.dashboard-location-field{max-width:100%}.dashboard-region-field,.dashboard-area-chip{max-width:220px}}
@media(max-width:700px){.geo-map-region{grid-template-columns:62px minmax(0,1fr)}.geo-map-kpis{grid-template-columns:repeat(2,1fr)}.geo-map-kpis span:nth-child(2){border-right:0}.geo-map-kpis span:nth-child(-n+2){border-bottom:1px solid #d9e2e8}.geo-map-shell{grid-template-columns:1fr;padding:6px}.geo-map-shell #geoCustomerMap{height:420px}.geo-map-legend{grid-template-columns:repeat(2,minmax(0,1fr));max-height:160px}.geo-map-legend button{min-width:0}.geo-map-detail-kpis{grid-template-columns:repeat(3,1fr)}.geo-map-detail-kpis span:nth-child(3){border-right:0}.geo-map-detail-kpis span:nth-child(-n+3){border-bottom:1px solid #e1e8ed}.geo-map-shop{grid-template-columns:minmax(0,1fr) 42px 54px 14px}.geo-map-shop>span strong{white-space:normal}}
@media(max-width:899px){.desktop-geography-only{display:none!important}}
@media(min-width:900px) and (max-width:1180px){.geography-workspace-modal .geo-report-controls{grid-template-columns:1fr}.geo-team-filter{justify-content:flex-start}.geo-team-filter>small{text-align:left}.geography-workspace-modal .geo-map-shell{grid-template-columns:minmax(0,1fr) 240px}}
[data-theme="dark"] .dashboard-geography-shortcut{border-color:#7c5cc4;background:linear-gradient(135deg,#2d2450 0%,#173346 72%);color:#edf3f7}[data-theme="dark"] .dashboard-geography-copy em{color:#b6c5cf}
[data-theme="dark"] .geo-group-search,[data-theme="dark"] .geo-group-search input,[data-theme="dark"] .geo-group-branch,[data-theme="dark"] .geo-report-kpis{background:#173346;color:#edf3f7;border-color:#385365}[data-theme="dark"] .geo-report-kpis span{border-color:#385365}[data-theme="dark"] .geo-report-kpis strong{color:#edf3f7}[data-theme="dark"] .geo-group-search>span,[data-theme="dark"] .geo-branch-main small,[data-theme="dark"] .geo-branch-main em,[data-theme="dark"] .geo-branch-sku small{color:#b6c5cf}[data-theme="dark"] .geo-branch-title small{background:#2d4360;color:#d9e4ff!important}[data-theme="dark"] .geo-group-rows>button.is-selected{background:#2d2450;color:#f5f1ff;box-shadow:inset 4px 0 #a78bfa}[data-theme="dark"] .geo-group-rows>button.is-selected small{color:#d5c9ef}[data-theme="dark"] .geo-group-detail-head{background:#2d2450;color:#f5f1ff}[data-theme="dark"] .geo-group-detail-head small{color:#c4b5fd}[data-theme="dark"] .geo-group-branch:not(:disabled):hover{background:#1c3b50}[data-theme="dark"] .geo-branch-state.is-missing{background:#294456;color:#d1dce3}[data-theme="dark"] .geo-branch-expand{border-color:#385365;background:#2d2450;color:#ddd6fe}[data-theme="dark"] .geo-branch-expand:hover{background:#392b63}
@media(max-width:600px){.geo-report-kpis.geo-group-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.geo-report-kpis.geo-group-kpis span:nth-child(2){border-right:0}.geo-report-kpis.geo-group-kpis span:nth-child(-n+2){border-bottom:1px solid #d9e2e8}.geo-group-rows>button{grid-template-columns:30px minmax(0,1fr) 58px 16px;gap:7px;padding:10px 9px}.geo-group-name small{font-size:9px}.geo-group-sku strong{font-size:16px}.geo-group-branch{grid-template-columns:minmax(0,1fr) 58px 62px;gap:7px;padding:10px}.geo-group-branch>svg,.geo-group-branch>span[aria-hidden]{display:none}.geo-branch-title{gap:5px}.geo-branch-main strong{white-space:nowrap}.geo-branch-main>small{white-space:normal}.geo-branch-main em{line-height:1.3}.geo-branch-state{padding:4px 6px;font-size:8px}}

/* Geography workspace: multi-region comparison and map-local drilldown. */
.geo-map-region{grid-template-columns:auto minmax(240px,360px);position:relative;z-index:12}
.geo-region-picker{position:relative;min-width:0}
#geoRegionTrigger{display:grid;grid-template-columns:minmax(0,1fr) 28px 18px;align-items:center;gap:8px;width:100%;min-height:46px;padding:8px 11px;border:1px solid #bdcbd5;border-radius:10px;background:#fff;color:#17364a;font:inherit;font-weight:850;text-align:left}
#geoRegionTrigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#geoRegionTrigger>b{display:grid;min-width:26px;height:26px;place-items:center;border-radius:999px;background:#12364a;color:#fff;font-size:11px}
#geoRegionTrigger>i{font-size:18px;font-style:normal;text-align:center;transition:transform .18s ease}
#geoRegionTrigger[aria-expanded="true"]>i{transform:rotate(180deg)}
.geo-region-menu{position:absolute;top:calc(100% + 7px);right:0;z-index:40;width:min(380px,calc(100vw - 64px));padding:8px;border:1px solid #c9d5dd;border-radius:13px;background:#fff;box-shadow:0 18px 42px rgba(16,47,74,.2)}
.geo-region-menu[hidden]{display:none}
.geo-region-menu-head{display:grid;gap:2px;padding:7px 8px 10px}
.geo-region-menu-head strong{font-size:12px;color:#17364a}.geo-region-menu-head small{font-size:10px;color:#637888}
.geo-region-all,.geo-region-options>button{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:9px;width:100%;min-height:46px;padding:7px 9px;border:1px solid transparent;border-radius:9px;background:#fff;color:#17364a;font:inherit;text-align:left}
.geo-region-all{border-color:#dce5ea;background:#f7fafb}.geo-region-all>span{display:grid;gap:1px}.geo-region-all small{color:#637888;font-size:9px}
.geo-region-all>i,.geo-region-options>button>i{display:grid;width:22px;height:22px;place-items:center;border:1px solid #a9bac5;border-radius:6px;color:transparent;font-size:12px;font-style:normal}
.geo-region-all.active,.geo-region-options>button.active{border-color:#8b5cf6;background:#f5f1ff;color:#5b21b6}
.geo-region-all.active>i,.geo-region-options>button.active>i{border-color:#7c3aed;background:#7c3aed;color:#fff}
.geo-region-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:5px;padding-top:5px;border-top:1px solid #e3e9ed}
.geo-region-options>button>span{overflow:hidden;font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.geo-employee-filter{position:relative;z-index:14;display:grid;grid-template-columns:minmax(220px,1fr) minmax(360px,520px) auto;align-items:center;gap:14px;padding:13px 14px;border:1px solid #d8e2e8;border-radius:12px;background:#fff}
.geo-employee-filter>div:first-child{display:grid;gap:2px;min-width:0}.geo-employee-filter>div:first-child>span{color:#16845b;font-size:9px;font-weight:900;letter-spacing:.1em}.geo-employee-filter>div:first-child>strong{color:#17364a;font-size:13px}.geo-employee-filter>div:first-child>small,.geo-employee-filter>small{color:#637888;font-size:10px}.geo-employee-filter>small{text-align:right;white-space:nowrap}
.geo-employee-picker{position:relative;min-width:0}#geoEmployeeTrigger{display:grid;grid-template-columns:minmax(0,1fr) 30px 18px;align-items:center;gap:8px;width:100%;min-height:46px;padding:8px 11px;border:1px solid #b9c9d3;border-radius:10px;background:#fff;color:#17364a;font:inherit;font-weight:850;text-align:left}#geoEmployeeTrigger:focus-visible{border-color:#16845b;outline:3px solid rgba(22,132,91,.16)}#geoEmployeeTrigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#geoEmployeeTrigger>b{display:grid;min-width:27px;height:27px;place-items:center;border-radius:999px;background:#e5f5ee;color:#08714c;font-size:11px}#geoEmployeeTrigger>i{font-size:18px;font-style:normal;text-align:center;transition:transform .18s ease}#geoEmployeeTrigger[aria-expanded="true"]>i{transform:rotate(180deg)}
.geo-employee-menu{position:absolute;top:calc(100% + 7px);right:0;z-index:60;width:min(560px,calc(100vw - 80px));padding:8px;border:1px solid #c8d5dd;border-radius:13px;background:#fff;box-shadow:0 20px 48px rgba(16,47,74,.22)}.geo-employee-menu[hidden]{display:none}.geo-employee-menu-head{display:grid;grid-template-columns:minmax(150px,1fr) minmax(210px,1.2fr);align-items:center;gap:10px;padding:7px 8px 10px}.geo-employee-menu-head>span{display:grid;gap:2px}.geo-employee-menu-head strong{font-size:12px;color:#17364a}.geo-employee-menu-head small{font-size:9px;color:#637888}.geo-employee-menu-head input{width:100%;min-height:42px;padding:8px 10px;border:1px solid #c6d3dc;border-radius:9px;background:#fff;color:#17364a;font:inherit;font-size:11px}.geo-employee-menu-head input:focus{border-color:#16845b;outline:3px solid rgba(22,132,91,.13)}
.geo-employee-all,.geo-employee-options>button{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:50px;padding:7px 9px;border:1px solid transparent;border-radius:9px;background:#fff;color:#17364a;font:inherit;text-align:left}.geo-employee-all{border-color:#dce5ea;background:#f7fafb}.geo-employee-all>span,.geo-employee-options>button>span{display:grid;gap:2px;min-width:0}.geo-employee-all small,.geo-employee-options small{overflow:hidden;color:#637888;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.geo-employee-all>i,.geo-employee-options>button>i{display:grid;width:22px;height:22px;place-items:center;border:1px solid #a9bac5;border-radius:6px;color:transparent;font-size:12px;font-style:normal}.geo-employee-all.active,.geo-employee-options>button.active{border-color:#67b89a;background:#eef9f4;color:#076e4b}.geo-employee-all.active>i,.geo-employee-options>button.active>i{border-color:#16845b;background:#16845b;color:#fff}.geo-employee-options{display:grid;gap:3px;max-height:310px;margin-top:5px;padding-top:5px;overflow:auto;border-top:1px solid #e3e9ed}.geo-employee-options>button:hover{background:#f3f8f6}.geo-employee-options strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.geo-employee-options em{color:#617684;font-size:9px;font-style:normal;font-weight:800;white-space:nowrap}.geo-employee-options>p{margin:0;padding:16px;color:#637888;font-size:11px;text-align:center}
[data-theme="dark"] .geo-employee-filter,[data-theme="dark"] #geoEmployeeTrigger,[data-theme="dark"] .geo-employee-menu,[data-theme="dark"] .geo-employee-all,[data-theme="dark"] .geo-employee-options>button,[data-theme="dark"] .geo-employee-menu-head input{border-color:#486273;background:#173346;color:#edf3f7}[data-theme="dark"] .geo-employee-filter>div:first-child>strong,[data-theme="dark"] .geo-employee-menu-head strong{color:#edf3f7}[data-theme="dark"] .geo-employee-filter>div:first-child>small,[data-theme="dark"] .geo-employee-filter>small,[data-theme="dark"] .geo-employee-menu-head small,[data-theme="dark"] .geo-employee-options small,[data-theme="dark"] .geo-employee-options em{color:#b6c5cf}[data-theme="dark"] .geo-employee-all.active,[data-theme="dark"] .geo-employee-options>button.active{border-color:#3f9678;background:#173f38;color:#c9f7e6}[data-theme="dark"] .geo-employee-options>button:hover{background:#1c3b50}
@media(max-width:1180px){.geo-employee-filter{grid-template-columns:minmax(190px,.8fr) minmax(320px,1.4fr)}.geo-employee-filter>small{grid-column:1/-1;text-align:left}.geo-employee-menu{right:0}}
.geo-map-canvas-wrap{position:relative;min-width:0;overflow:hidden;border-radius:11px}
.geo-map-canvas-wrap #geoCustomerMap{width:100%}
#geoMapFullscreen{position:absolute;top:10px;right:10px;z-index:8;display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 11px;border:1px solid rgba(16,47,74,.25);border-radius:9px;background:rgba(255,255,255,.94);box-shadow:0 4px 14px rgba(16,47,74,.18);color:#12364a;font:inherit;font-size:11px;font-weight:850;backdrop-filter:blur(10px)}
#geoMapFullscreen svg{width:17px;height:17px}
.geo-map-area-drawer{position:absolute;top:64px;right:10px;bottom:10px;z-index:7;display:none;width:min(430px,45%);overflow:hidden;border:1px solid #c7d4dc;border-radius:13px;background:#fff;box-shadow:0 18px 40px rgba(16,47,74,.24)}
.geo-map-area-drawer.is-open{display:grid;grid-template-rows:auto auto auto minmax(0,1fr)}
.geo-map-area-drawer .geo-map-detail-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px;background:#f4f0ff;border-left-width:6px}
.geo-map-area-drawer .geo-map-detail-head>span{display:grid;gap:2px;min-width:0}.geo-map-area-drawer .geo-map-detail-head small{color:#6d28d9;font-size:8px;font-weight:900;letter-spacing:.04em}.geo-map-area-drawer .geo-map-detail-head strong{overflow:hidden;color:#17364a;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.geo-map-area-drawer .geo-map-detail-head em{color:#607483;font-size:10px;font-style:normal}
#geoMapDrawerClose{display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;border:1px solid #c9d5dd;border-radius:9px;background:#fff;color:#17364a;font:inherit;font-size:22px;line-height:1}
.geo-map-area-drawer .geo-subarea-filter{min-height:50px}.geo-map-area-drawer .geo-map-detail-kpis{grid-template-columns:repeat(5,minmax(0,1fr));background:#fff}.geo-map-area-drawer .geo-map-detail-kpis span{padding:8px 5px;text-align:center}.geo-map-area-drawer .geo-map-detail-kpis strong{font-size:15px}.geo-map-area-drawer .geo-map-detail-kpis small{font-size:7px}
.geo-map-area-drawer .geo-map-shop-list{min-height:0;overflow-y:auto;overscroll-behavior:contain}.geo-map-area-drawer .geo-map-shop{grid-template-columns:minmax(0,1fr) 42px 52px 14px;min-height:66px;padding:9px}.geo-map-area-drawer .geo-map-shop>span strong{white-space:normal}.geo-map-area-drawer .geo-map-shop>span em{line-height:1.25}
.geo-map-shell.is-map-fullscreen{position:fixed;inset:0;z-index:300;grid-template-columns:minmax(0,1fr) 340px;width:100vw;height:100dvh;padding:12px;border:0;border-radius:0;background:#edf2f5}
.geo-map-shell.is-map-fullscreen #geoCustomerMap,.geo-map-shell.is-map-fullscreen .geo-map-canvas-wrap,.geo-map-shell.is-map-fullscreen .geo-map-legend{height:calc(100dvh - 24px)!important;max-height:none!important}
.geo-map-shell.is-map-fullscreen .geo-map-area-drawer{top:66px;bottom:12px;width:min(480px,42%)}
.geo-map-shell.is-map-fullscreen #geoMapFullscreen{background:#12364a;color:#fff}
body.geo-map-fullscreen-open{overflow:hidden}
[data-theme="dark"] #geoRegionTrigger,[data-theme="dark"] .geo-region-menu,[data-theme="dark"] .geo-region-all,[data-theme="dark"] .geo-region-options>button,[data-theme="dark"] #geoMapFullscreen,[data-theme="dark"] .geo-map-area-drawer,[data-theme="dark"] #geoMapDrawerClose,[data-theme="dark"] .geo-map-area-drawer .geo-map-detail-kpis{border-color:#486273;background:#173346;color:#edf3f7}
[data-theme="dark"] .geo-region-menu-head strong,[data-theme="dark"] .geo-map-area-drawer .geo-map-detail-head strong{color:#edf3f7}[data-theme="dark"] .geo-region-menu-head small,[data-theme="dark"] .geo-region-all small,[data-theme="dark"] .geo-map-area-drawer .geo-map-detail-head em{color:#b6c5cf}[data-theme="dark"] .geo-region-all{background:#203747}[data-theme="dark"] .geo-region-all.active,[data-theme="dark"] .geo-region-options>button.active{background:#302452;color:#ddd6fe}[data-theme="dark"] .geo-map-area-drawer .geo-map-detail-head{background:#302452}[data-theme="dark"] .geo-map-shell.is-map-fullscreen{background:#102838}
@media(min-width:900px) and (max-width:1180px){.geo-map-area-drawer{width:min(390px,52%)}.geo-map-shell.is-map-fullscreen{grid-template-columns:minmax(0,1fr) 280px}}

/* Weekly planner mobile review: concise summary, readable errors, compact actions. */
.weekly-review-shops{border-top:1px solid color-mix(in srgb,var(--authority) 18%,transparent)}
.weekly-review-shops summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--authority);font-size:.69rem;font-weight:850;cursor:pointer;list-style:none}
.weekly-review-shops summary::-webkit-details-marker{display:none}.weekly-review-shops summary::after{content:'+';display:grid;width:24px;height:24px;place-items:center;border-radius:7px;background:var(--surface);font-size:1rem}.weekly-review-shops[open] summary::after{content:'−'}
.weekly-review-shops ol{display:grid;gap:0;max-height:220px;margin:0;padding:0;overflow:auto;list-style:none;border:1px solid var(--border);border-radius:10px;background:var(--surface)}
.weekly-review-shops li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px;padding:8px 10px;border-bottom:1px solid var(--border);font-size:.63rem;line-height:1.35}.weekly-review-shops li:last-child{border-bottom:0}.weekly-review-shops li b{color:var(--authority)}.weekly-review-shops li span{overflow-wrap:anywhere}
.weekly-review-empty{color:var(--muted);font-size:.65rem}
#weeklyPlanError:not(:empty){display:grid;gap:3px;scroll-margin:90px;padding:11px 12px!important}
#weeklyPlanError strong{font-size:.72rem}#weeklyPlanError span{font-size:.66rem;line-height:1.45;overflow-wrap:anywhere}
#weeklyPlanForm .weekly-publish-row{z-index:5;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)!important;gap:8px;margin-top:0;padding:10px 0 calc(2px + env(safe-area-inset-bottom));box-shadow:0 -12px 24px color-mix(in srgb,var(--surface) 92%,transparent)}
#weeklyPlanForm .weekly-publish-row button{min-height:48px}
@media(max-width:420px){.weekly-note-rule{grid-template-columns:minmax(0,1fr) auto}.weekly-note-rule button{width:auto;min-width:72px}.weekly-note-rule em{display:block}.weekly-review{padding:10px}.weekly-review p strong{font-size:.69rem}.weekly-review p small{font-size:.62rem}}

.geo-attribution{display:block;margin-top:8px;color:#6b7e8b;font-size:10px;line-height:1.4}


/* v389 — channel performance averages and operational Champion */
#screen-customers .team-champion-section{margin-top:16px;border:1px solid #d8c88d;border-radius:20px;background:linear-gradient(145deg,#fffdf5 0%,#fff 48%,#f1faf7 100%);box-shadow:0 12px 30px rgb(16 47 74 / 8%);overflow:hidden}
#screen-customers .team-champion-section>header{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:14px;align-items:center;padding:18px 20px;border-bottom:1px solid #e9e1c1}
#screen-customers .team-champion-badge{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,#f4c84d,#c89212);color:#fff;font-size:24px;box-shadow:0 8px 18px rgb(192 139 15 / 24%)}
#screen-customers .team-champion-section>header h2{margin:2px 0;color:#14364c;font-size:19px}
#screen-customers .team-champion-section>header p{margin:0;color:#647784;font-size:11px}
#screen-customers .team-champion-section>header>strong{display:grid;justify-items:end;color:#08745b;font-size:24px}
#screen-customers .team-champion-section>header>strong small{font-size:10px;color:#6c7e88}
#screen-customers .team-champion-list{display:grid;padding:5px 14px}
#screen-customers .team-champion-row{display:grid;grid-template-columns:32px minmax(190px,1.5fr) repeat(7,minmax(68px,.62fr)) 58px 16px;gap:10px;align-items:center;width:100%;min-height:70px;padding:9px 7px;border:0;border-bottom:1px solid #e3e9ed;background:transparent;color:#16384d;text-align:left;cursor:pointer}
#screen-customers .team-champion-row:last-child{border-bottom:0}
#screen-customers .team-champion-row:hover{background:#f7fbf9}
#screen-customers .team-champion-row.is-champion{margin:4px 0;border:1px solid #d7bd5e;border-radius:13px;background:#fffbeb}
#screen-customers .team-champion-rank{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#eaf1f5;color:#31546a;font-size:10px;font-weight:900}
#screen-customers .team-champion-row.is-champion .team-champion-rank{background:#d9a91d;color:#fff}
#screen-customers .team-champion-person{display:flex;align-items:center;gap:9px;min-width:0}
#screen-customers .team-champion-avatar{width:38px;height:38px;flex:0 0 38px}
#screen-customers .team-champion-person>span{display:grid;gap:2px;min-width:0}
#screen-customers .team-champion-person strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#screen-customers .team-champion-person small,#screen-customers .team-champion-row>span>small{display:block;color:#6a7c88;font-size:9px}
#screen-customers .team-champion-row>span>strong{display:block;font-size:12px}
#screen-customers .team-champion-row>em{display:grid;place-items:center;min-width:50px;height:34px;border-radius:10px;background:#e8f6f0;color:#08745b;font-size:13px;font-style:normal;font-weight:900}
#screen-customers .team-champion-row>svg{width:15px;color:#718591}
#screen-customers .team-champion-section>details{margin:0 20px 15px;padding:10px 12px;border:1px solid #e2e8ec;border-radius:11px;background:#f8fafb;color:#617481;font-size:10px}
#screen-customers .team-champion-section>details summary{color:#173a50;font-weight:850;cursor:pointer}
#screen-customers .team-champion-section>details p{margin:7px 0 0;line-height:1.55}
@media(max-width:900px){#screen-customers .team-champion-row{grid-template-columns:30px minmax(155px,1.4fr) repeat(3,minmax(74px,.7fr)) 54px 14px}#screen-customers .team-champion-row>span:nth-of-type(4),#screen-customers .team-champion-row>span:nth-of-type(5),#screen-customers .team-champion-row>span:nth-of-type(7),#screen-customers .team-champion-row>span:nth-of-type(9){display:none}}
@media(max-width:620px){#screen-customers .team-champion-section>header{grid-template-columns:44px minmax(0,1fr);padding:14px}#screen-customers .team-champion-badge{width:44px;height:44px}#screen-customers .team-champion-section>header>strong{grid-column:2;justify-items:start;font-size:19px}#screen-customers .team-champion-list{padding:6px 9px}#screen-customers .team-champion-row{grid-template-columns:28px minmax(0,1fr) 54px 14px;min-height:76px}#screen-customers .team-champion-row>span:nth-of-type(n+3){display:none}#screen-customers .team-champion-row>em{min-width:48px}#screen-customers .team-champion-section>details{margin:0 12px 12px}}


/* Always-visible Champion score guide */
#screen-customers .team-score-guide{margin:4px 20px 18px;padding:15px;border:1px solid #dce5ea;border-radius:15px;background:#fff;box-shadow:0 6px 18px rgb(16 47 74 / 5%)}
#screen-customers .team-score-guide>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}
#screen-customers .team-score-guide>header h3{margin:2px 0 3px;color:#14364c;font-size:15px}
#screen-customers .team-score-guide>header p{margin:0;color:#6a7c88;font-size:10px;line-height:1.45}
#screen-customers .team-score-guide>header>strong{display:grid;min-width:58px;justify-items:end;color:#14364c;font-size:23px;line-height:1}
#screen-customers .team-score-guide>header>strong small{margin-top:4px;color:#71838e;font-size:8px;text-transform:uppercase}
#screen-customers .team-score-rule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#screen-customers .team-score-rule-grid article{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;min-height:76px;padding:10px;border:1px solid #e1e8ec;border-radius:11px;background:#f8fafb;overflow:hidden}
#screen-customers .team-score-rule-grid article::before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:var(--score-color,#2471d4)}
#screen-customers .team-score-rule-grid article b{grid-row:1/3;display:grid;place-items:center;align-self:start;width:32px;height:32px;border-radius:9px;background:color-mix(in srgb,var(--score-color,#2471d4) 12%,white);color:var(--score-color,#2471d4);font-size:13px}
#screen-customers .team-score-rule-grid article span{align-self:end;color:#17394f;font-size:10px;font-weight:850;line-height:1.2}
#screen-customers .team-score-rule-grid article small{align-self:start;margin-top:3px;color:#71838e;font-size:8px;line-height:1.35}
#screen-customers .team-score-rule-grid article[data-score-tone=green]{--score-color:#07825e}#screen-customers .team-score-rule-grid article[data-score-tone=teal]{--score-color:#168a96}#screen-customers .team-score-rule-grid article[data-score-tone=gold]{--score-color:#b77a05}#screen-customers .team-score-rule-grid article[data-score-tone=purple]{--score-color:#7854c5}#screen-customers .team-score-rule-grid article[data-score-tone=red]{--score-color:#c74255}
#screen-customers .team-score-note{margin:11px 0 0;padding:9px 11px;border-radius:9px;background:#f1f6f8;color:#59707e;font-size:9px;line-height:1.5}
#screen-customers .team-score-note strong{color:#17394f}
@media(max-width:1000px){#screen-customers .team-score-rule-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){#screen-customers .team-score-guide{margin:4px 12px 14px;padding:12px}#screen-customers .team-score-guide>header h3{font-size:14px}#screen-customers .team-score-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}#screen-customers .team-score-rule-grid article{min-height:86px;grid-template-columns:30px minmax(0,1fr);padding:9px}#screen-customers .team-score-rule-grid article b{width:28px;height:28px;font-size:12px}}

#screen-customers .team-champion-mobile-facts{display:none!important}
@media(max-width:620px){#screen-customers .team-champion-mobile-facts{display:block!important;margin-top:3px;color:#315c70!important}}

/* v395 — New Customer creation and visit-frequency report */
#screen-customers .report-entry.new-customers{--entry-tone:#08745b;--entry-soft:#e8f6f0}
.new-customer-report-shell{display:grid;gap:14px;color:#15364b}
.new-customer-report-head{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:13px;align-items:center;padding:18px;border:1px solid #d8e3e8;border-top:4px solid #08745b;border-radius:18px;background:#fff}
.new-customer-report-head>span{display:grid;width:48px;height:48px;place-items:center;border-radius:14px;background:#e8f6f0;color:#08745b}.new-customer-report-head>span svg{width:23px}
.new-customer-report-head h2{margin:2px 0;font-size:20px}.new-customer-report-head p{margin:0;color:#667b88;font-size:11px;line-height:1.45}
.new-customer-report-head>button{display:flex;min-height:44px;align-items:center;gap:7px;padding:0 14px;border:1px solid #a9c6bb;border-radius:11px;background:#f2faf7;color:#075f4b;font:inherit;font-size:11px;font-weight:850;cursor:pointer}.new-customer-report-head>button svg{width:17px}
.new-customer-report-filters{display:grid;grid-template-columns:minmax(300px,1.35fr) repeat(3,minmax(140px,.65fr)) auto;gap:10px;align-items:end;padding:14px;border:1px solid #dce5ea;border-radius:16px;background:#fff}
.new-customer-report-filters>.period-control{grid-row:1/3;margin:0;padding:12px;border:1px solid #dce5ea;border-radius:12px;background:#f7fafb}
.new-customer-report-filters>label{display:grid;gap:5px;color:#5e7481;font-size:9px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.new-customer-report-filters select,.new-customer-report-filters input{min-height:44px;padding:0 11px;border:1px solid #cfdce3;border-radius:10px;background:#fff;color:#15364b;font:inherit;font-size:12px}.new-customer-report-filters select:focus,.new-customer-report-filters input:focus{outline:3px solid rgb(8 116 91 / 13%);border-color:#08745b}
.new-customer-report-filters .new-customer-search{grid-column:2/5}.new-customer-report-filters>button{min-height:44px;padding:0 17px;border:0;border-radius:10px;background:#0e405e;color:#fff;font:inherit;font-size:12px;font-weight:850;cursor:pointer}
.new-customer-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:hidden;border:1px solid #dce5ea;border-radius:15px;background:#fff}
.new-customer-metric{position:relative;display:grid;gap:3px;min-height:92px;align-content:center;padding:14px;border-right:1px solid #e1e8ec}.new-customer-metric:last-child{border-right:0}.new-customer-metric::before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:#8da2ae}.new-customer-metric.brand::before{background:#9f171b}.new-customer-metric.success::before{background:#08745b}.new-customer-metric.warning::before{background:#c67a0a}.new-customer-metric.info::before{background:#2570a6}.new-customer-metric strong{font-size:23px;line-height:1}.new-customer-metric span{font-size:11px;font-weight:850}.new-customer-metric small{color:#6b7e89;font-size:9px}
.new-customer-result-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 2px}.new-customer-result-head>div{display:grid;gap:2px}.new-customer-result-head strong{font-size:13px}.new-customer-result-head small,.new-customer-result-head>span{color:#6a7e89;font-size:9px}
.new-customer-list{display:grid;overflow:hidden;border:1px solid #dce5ea;border-radius:16px;background:#fff}
.new-customer-row{display:grid;grid-template-columns:34px minmax(230px,1.15fr) minmax(260px,1.4fr) 90px 114px;gap:12px;align-items:center;min-height:114px;padding:12px 14px;border-bottom:1px solid #e2e9ed}.new-customer-row:last-child{border-bottom:0}.new-customer-row.is-unvisited{background:#fffbf3}
.new-customer-index{display:grid;width:31px;height:31px;place-items:center;border-radius:9px;background:#edf3f6;color:#36596d;font-size:9px;font-weight:900}.new-customer-identity,.new-customer-visitors{display:grid;gap:3px;min-width:0}.new-customer-state{width:max-content;padding:3px 7px;border-radius:999px;background:#e8f6f0;color:#08745b;font-size:7px;font-weight:900;letter-spacing:.05em}.is-unvisited .new-customer-state{background:#fff0d9;color:#9b5b00}.new-customer-identity>strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.new-customer-identity small,.new-customer-identity em,.new-customer-visitors small,.new-customer-visitors em{color:#6b7e89;font-size:8px;font-style:normal;line-height:1.4}.new-customer-visitors>strong{font-size:10px;line-height:1.45}.new-customer-frequency{display:grid;justify-items:center;gap:2px}.new-customer-frequency strong{font-size:22px;color:#08745b}.new-customer-frequency span{font-size:9px;font-weight:850}.new-customer-frequency small{color:#71838e;font-size:8px}.new-customer-row>button{display:flex;min-height:44px;align-items:center;justify-content:center;gap:5px;border:1px solid #b9cbd5;border-radius:10px;background:#fff;color:#173b52;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.new-customer-row>button svg{width:14px}.new-customer-row>button:hover,.new-customer-row>button:focus-visible{border-color:#08745b;background:#f0faf6;outline:0}.new-customer-no-report{display:grid;min-height:44px;place-items:center;color:#9b6a1c;font-size:9px;font-weight:800}
.new-customer-location{display:flex;flex-wrap:wrap;gap:5px}.new-customer-location>span{display:flex;align-items:center;gap:4px;padding:3px 6px;border:1px solid #d7e3e8;border-radius:7px;background:#f7fafb;color:#31566c;font-size:8px;font-weight:750}.new-customer-location b{color:#08745b;font-size:6px;letter-spacing:.06em}
[data-theme="dark"] .new-customer-report-head,[data-theme="dark"] .new-customer-report-filters,[data-theme="dark"] .new-customer-summary,[data-theme="dark"] .new-customer-list,[data-theme="dark"] .new-customer-row>button{border-color:#405968;background:#173346;color:#edf3f7}[data-theme="dark"] .new-customer-report-filters>.period-control,[data-theme="dark"] .new-customer-report-filters select,[data-theme="dark"] .new-customer-report-filters input{border-color:#466070;background:#102a3b;color:#edf3f7}[data-theme="dark"] .new-customer-row{border-color:#405968}[data-theme="dark"] .new-customer-row.is-unvisited{background:#302a20}
[data-theme="dark"] .new-customer-location>span{border-color:#486273;background:#102a3b;color:#dce8ee}
@media(max-width:900px){.new-customer-report-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.new-customer-report-filters>.period-control{grid-column:1/-1;grid-row:auto}.new-customer-report-filters .new-customer-search{grid-column:1/2}.new-customer-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.new-customer-metric:nth-child(3){border-right:0}.new-customer-row{grid-template-columns:32px minmax(180px,1fr) minmax(200px,1.2fr) 70px 105px}}
@media(max-width:620px){.new-customer-report-head{grid-template-columns:42px minmax(0,1fr);padding:13px}.new-customer-report-head>span{width:42px;height:42px}.new-customer-report-head>button{grid-column:1/-1;width:100%;justify-content:center}.new-customer-report-filters{grid-template-columns:1fr 1fr;padding:10px}.new-customer-report-filters .new-customer-search{grid-column:1/-1}.new-customer-report-filters>button{grid-column:1/-1}.new-customer-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.new-customer-metric{min-height:82px}.new-customer-metric:nth-child(n){border-right:1px solid #e1e8ec}.new-customer-metric:nth-child(even){border-right:0}.new-customer-metric:last-child{grid-column:1/-1;border-top:1px solid #e1e8ec}.new-customer-result-head{align-items:flex-start;flex-direction:column}.new-customer-row{grid-template-columns:32px minmax(0,1fr) 64px;gap:9px;padding:12px 10px}.new-customer-visitors{grid-column:2/4;padding-top:8px;border-top:1px solid #e2e9ed}.new-customer-frequency{grid-column:3;grid-row:1}.new-customer-row>button,.new-customer-no-report{grid-column:2/4;width:100%}}
@media(prefers-reduced-motion:reduce){.new-customer-report-head>button,.new-customer-report-filters>button,.new-customer-row>button{transition:none!important}}


/* mobile-ops.css */
/* Mobile command centre v1 */
.product-mobile-disclosure>summary{display:none}.product-mobile-disclosure>summary::-webkit-details-marker{display:none}.product-mobile-disclosure>.product-disclosure-body{display:block}
@media(max-width:600px){
  #homePrimary{display:flex;flex-direction:column;gap:12px}
  .product-dashboard{order:1;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
  .product-dashboard-header{display:grid;gap:16px;margin:0;padding:18px;border:0;border-radius:22px;color:#fff;background:radial-gradient(circle at 100% 0,rgba(27,181,132,.34),transparent 42%),linear-gradient(145deg,#102f4a,#0a5056 72%,#08775b);box-shadow:0 14px 32px rgba(15,47,74,.2)}
  .product-dashboard-title .product-live{width:max-content;color:#c9f8e7;background:rgba(255,255,255,.1)}.product-dashboard-title h1{margin:7px 0 3px;color:#fff;font-size:28px;line-height:1.08;letter-spacing:-.035em}.product-dashboard-title p{color:rgba(255,255,255,.72);font-size:13px}
  .product-dashboard-tools{width:100%;gap:8px}.product-date-control{min-height:54px;flex:1;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.1)}.product-date-control label{background:rgba(255,255,255,.94)}.product-date-control button{color:#fff}.product-date-control button:hover,.product-date-control button:focus-visible{color:#fff;background:rgba(255,255,255,.12)}
  .product-date-step{width:46px!important;flex-basis:46px!important}.product-date-control input{min-height:30px;font-size:16px}.product-refresh{width:54px;height:54px;color:#fff;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.1)}
  .product-summary-grid{gap:9px;margin:12px 0 0}.product-summary-card{min-height:118px;padding:14px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:0 4px 14px rgba(15,42,64,.05)}.product-summary-card>span{color:var(--muted);font-size:11px;font-weight:750}.product-summary-card>strong{margin-top:auto;font-size:27px;letter-spacing:-.04em}.product-summary-card>small{font-size:10px;line-height:1.35}.product-summary-card>i{width:28px;height:28px;border-radius:9px;background:var(--canvas)}
  .product-mobile-disclosure{margin:10px 0 0;padding:0;border:1px solid var(--border);border-radius:17px;background:var(--surface);box-shadow:0 3px 12px rgba(15,42,64,.04)}
  .product-mobile-disclosure>summary{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;color:var(--ink);cursor:pointer;list-style:none;touch-action:manipulation}
  .product-mobile-disclosure>summary>span{min-width:0;display:grid;grid-template-columns:36px minmax(0,1fr);gap:1px 10px;align-items:center}.product-mobile-disclosure>summary>span>svg{grid-row:1/3;width:20px;height:20px;padding:8px;color:var(--authority);border-radius:11px;background:var(--authority-soft);box-sizing:content-box}.product-mobile-disclosure>summary b{font-size:14px}.product-mobile-disclosure>summary small{color:var(--muted);font-size:11px}.product-mobile-disclosure>summary>svg{width:18px;color:var(--muted);transition:transform .2s ease}.product-mobile-disclosure[open]>summary>svg{transform:rotate(90deg)}.product-mobile-disclosure[open]>summary{border-bottom:1px solid var(--border)}
  .product-mobile-disclosure>.product-disclosure-body{padding:12px}.product-mobile-disclosure:not([open])>.product-disclosure-body{display:none}
  .product-allocation>summary+div>header{min-height:44px;padding:0 0 10px}.product-allocation>summary+div>header>div>span{font-size:9px}.product-allocation>summary+div>header>div>strong{font-size:13px}
  .product-coverage-disclosure .product-coverage{grid-template-columns:1fr;margin:0;padding:12px;border:0;background:transparent;box-shadow:none}.product-coverage-disclosure .product-coverage>section{padding:0;border:0}.product-coverage-disclosure .product-coverage>section+section{margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}
  .product-people{order:2;margin:0;padding:14px;border-radius:18px;box-shadow:0 3px 12px rgba(15,42,64,.04)}.product-people>header{min-height:0;align-items:flex-start;padding:0 0 12px}.product-people>header h2{margin:3px 0;font-size:19px}.product-people>header p{font-size:11px}.product-people>header button{min-height:44px;padding:0 10px;border-radius:11px;background:var(--authority-soft);font-size:10px}
  .product-person{min-height:64px;padding:10px;border-radius:13px}.product-person-main>span strong{font-size:13px}.product-person-main>span small{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.product-mobile-disclosure>summary>svg{transition:none}}

/* Keep the in-app Back action below Telegram's native top controls. */
@media(max-width:600px) and (orientation:portrait){
  .kpi-detail-header{padding-top:max(52px,calc(var(--app-safe-top) + 28px))!important}
}

.manager-control-launch{display:grid;gap:16px;margin-bottom:14px;padding:20px;border:1px solid color-mix(in srgb,var(--brand) 24%,var(--border));border-radius:20px;background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--brand-soft) 72%,var(--surface)));box-shadow:var(--shadow-sm)}
.manager-control-launch-copy{display:flex;align-items:flex-start;gap:14px}.manager-control-launch-copy>span{display:grid;width:48px;height:48px;flex:0 0 48px;place-items:center;color:#fff;border-radius:14px;background:var(--brand)}.manager-control-launch-copy>span svg{width:23px;height:23px}.manager-control-launch-copy div{min-width:0}.manager-control-launch-copy small{color:var(--brand);font-size:11px;font-weight:900;letter-spacing:.08em}.manager-control-launch-copy h1{margin:4px 0 5px;font-size:27px;line-height:1.15}.manager-control-launch-copy p{max-width:760px;margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.manager-control-launch-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.manager-control-launch-actions button{min-height:68px;display:grid;grid-template-columns:24px minmax(0,1fr) 18px;align-items:center;gap:10px;text-align:left}.manager-control-launch-actions button>svg{width:22px}.manager-control-launch-actions button span:nth-child(2){display:grid;gap:2px}.manager-control-launch-actions button strong{font-size:14px}.manager-control-launch-actions button small{font-size:11px;font-weight:600;opacity:.78}
.manager-control-flow{display:flex;align-items:center;gap:8px;padding-top:14px;border-top:1px solid var(--border)}.manager-control-flow>span{display:flex;align-items:center;gap:7px;color:var(--ink);font-size:11px;font-weight:750}.manager-control-flow b{display:grid;width:24px;height:24px;place-items:center;color:#fff;border-radius:999px;background:var(--authority);font-size:10px}.manager-control-flow>i{display:grid;color:var(--subtle)}.manager-control-flow>i svg{width:14px}
.control-nav-item{color:var(--brand)!important;background:var(--brand-soft)!important}.control-nav-item.active{color:#fff!important;background:var(--brand)!important}
@media(max-width:700px){.manager-control-launch{padding:16px}.manager-control-launch-copy h1{font-size:23px}.manager-control-launch-actions{grid-template-columns:1fr}.manager-control-flow{display:grid;grid-template-columns:1fr 1fr;gap:8px}.manager-control-flow>i{display:none}}

/* Tablet and desktop correction v2 */
@media(min-width:601px){
  .product-allocation>.product-disclosure-body{display:block}
  .product-coverage-disclosure>.product-coverage{display:grid}
  .product-date-step{width:44px!important;min-width:44px!important;flex-basis:44px!important}
  .product-date-control input{min-height:44px!important}
  .product-refresh{width:48px!important;min-width:48px!important;height:48px!important}
  .product-coverage button,.product-people>header button{min-width:44px;min-height:44px}
  .product-account-row{min-height:48px!important}
  .product-allocation>.product-disclosure-body>header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}
  .product-allocation>.product-disclosure-body>header>div{display:grid;gap:2px}
  .product-allocation>.product-disclosure-body>header>div>span{color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.08em}
  .product-allocation>.product-disclosure-body>header>div>strong{color:var(--ink);font-size:13px}
  .product-allocation>.product-disclosure-body>header>button{min-height:44px;display:inline-flex;align-items:center;gap:6px;padding:0 12px;color:var(--brand);border:0;border-radius:10px;background:var(--brand-soft);font:inherit;font-size:10px;font-weight:800}
  .product-allocation>.product-disclosure-body>header>button svg{width:15px;height:15px}

  #screen-customers .team-report-filter-card{display:block!important;padding:20px!important;border:1px solid var(--border)!important;border-top:4px solid var(--success)!important;border-radius:18px!important;background:var(--surface)!important;box-shadow:var(--shadow-sm)!important}
  #screen-customers .team-filter-heading{display:flex!important;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 16px;padding:0 0 14px;border-bottom:1px solid var(--border)}
  #screen-customers .team-filter-heading>div{display:grid;gap:3px}
  #screen-customers .team-filter-heading strong{font-size:20px;line-height:1.2}
  #screen-customers .team-filter-heading small{display:block;max-width:620px;color:var(--muted);font-size:12px;line-height:1.45}
  #screen-customers .team-filter-heading>span{padding:6px 9px;color:var(--success);border-radius:999px;background:var(--success-soft);font-size:9px;font-weight:900}
  #screen-customers .team-report-builder{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important;align-items:stretch!important}
  #screen-customers .team-builder-step{min-height:146px;padding:14px;border:1px solid var(--border);border-radius:15px;background:var(--canvas)}
  #screen-customers .team-builder-step-copy strong{font-size:13px}
  #screen-customers .team-builder-step-copy small{font-size:11px}
  #screen-customers .team-run-report{grid-column:1/-1!important;min-height:58px!important;padding:10px 14px!important;border-radius:14px!important}
  #screen-customers .team-directory-disclosure{margin-top:12px}
  #screen-customers .team-report-hero{overflow:hidden;padding:0!important;border:1px solid var(--border)!important;border-radius:18px!important;background:var(--surface)!important;box-shadow:var(--shadow-sm)!important}
  #screen-customers .team-report-hero .report-hero-top{padding:20px 22px;color:#fff;background:linear-gradient(135deg,#123247,#174b55)}
  #screen-customers .team-report-hero .report-hero-top h2{color:#fff!important;font-size:24px!important}
  #screen-customers .team-report-hero .report-hero-top p{color:rgba(255,255,255,.72)!important;font-size:11px!important}
  #screen-customers .team-report-hero .report-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;padding:0!important}
  #screen-customers .team-report-hero .team-overview-metric{min-height:112px;padding:18px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface)}
  #screen-customers .team-report-hero .team-overview-metric:nth-child(3n){border-right:0}
  #screen-customers .team-report-hero .executive-allocation{margin:14px 18px 18px;padding:14px;border:1px solid var(--border);border-radius:13px;background:var(--canvas)}
}

@media(min-width:601px) and (max-width:900px){
  #screen-customers .team-filter-heading{align-items:flex-start;flex-direction:column}
  #screen-customers .team-report-builder{grid-template-columns:1fr!important}
  #screen-customers .team-report-hero .report-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #screen-customers .team-report-hero .team-overview-metric:nth-child(3n){border-right:1px solid var(--border)}
  #screen-customers .team-report-hero .team-overview-metric:nth-child(2n){border-right:0}
}

@media(min-width:1024px){
  .topbar{width:100%;margin-left:0}
  .app-shell>main{box-sizing:border-box;width:calc(100% - 32px)!important;max-width:1440px!important;margin-right:auto!important;margin-left:auto!important;padding-bottom:118px;font-size:16px}
  .bottom-nav{top:auto;right:auto;bottom:max(8px,env(safe-area-inset-bottom));left:50%;width:min(calc(100% - 32px),780px);min-height:72px;grid-template-columns:repeat(4,1fr);gap:5px;padding:7px;transform:translateX(-50%);border:1px solid var(--border);border-radius:22px;box-shadow:0 12px 32px rgba(15,42,64,.14)}
  .bottom-nav .nav-item{min-width:0;min-height:58px;gap:4px;padding:7px 8px;border-radius:15px;font-size:11px}
  .bottom-nav .nav-icon{width:22px;height:22px}.bottom-nav .nav-icon svg{width:21px;height:21px}
  .product-dashboard-header{min-height:96px;padding:20px 22px}
  .product-dashboard-header h1{font-size:30px}.product-dashboard-header p{font-size:12px}
  .product-live{font-size:10px}
  .product-summary-card{min-height:154px;padding:22px}
  .product-summary-card>span{font-size:12px}.product-summary-card>strong{font-size:34px}.product-summary-card>strong em{font-size:18px}.product-summary-card>small{font-size:11px;line-height:1.45}
  .product-allocation>.product-disclosure-body>header>div>span{font-size:11px}.product-allocation>.product-disclosure-body>header>div>strong{font-size:16px}
  .product-allocation>.product-disclosure-body>header>button{font-size:12px}
  .product-coverage section>header span{font-size:10px}
  .product-coverage section>header h2{font-size:20px}
  .product-coverage-row,.product-account-row{font-size:12px}
  .product-people{padding:20px}.product-people>header{min-height:70px;padding-bottom:14px}
  .product-people>header span{font-size:10px}.product-people>header h2{font-size:24px}.product-people>header p{font-size:11px}.product-people>header button{font-size:12px}
  .product-person{min-height:100px;grid-template-columns:minmax(240px,1.35fr) auto 86px minmax(360px,1fr) 22px;padding:15px 14px 15px 16px}
  .product-person-main{grid-template-columns:46px minmax(0,1fr);gap:12px}
  .product-person-main strong{font-size:15px}.product-person-main small{font-size:11px}.product-person-main em{font-size:10px}
  .product-person-status{min-height:32px;padding:6px 10px;font-size:10px}
  .product-person-start small{font-size:10px}.product-person-start strong{font-size:13px}
  .product-person-metrics strong{font-size:13px}.product-person-metrics small{font-size:9px}
}

.visit-plan-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 0 10px}.visit-plan-toolbar>div:first-child{display:grid;gap:2px}.visit-plan-toolbar strong{font-size:16px}.visit-plan-toolbar small{color:var(--muted);font-size:11px}.visit-plan-scope{display:flex;gap:4px;padding:4px;border:1px solid var(--border);border-radius:13px;background:var(--canvas)}.visit-plan-scope button{min-width:68px;min-height:40px;padding:0 12px;color:var(--muted);border:0;border-radius:9px;background:transparent;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.visit-plan-scope button.active{color:#fff;background:var(--authority)}
.visit-plan-hierarchy{display:grid;gap:14px;margin-top:14px}.visit-plan-team{overflow:hidden;border:1px solid var(--border);border-radius:17px;background:var(--surface);box-shadow:var(--shadow-sm)}.visit-plan-team>header{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px 16px;border-bottom:1px solid var(--border);background:var(--canvas)}.visit-plan-team-icon{display:grid;width:48px;height:48px;place-items:center;color:var(--authority);border-radius:13px;background:var(--authority-soft)}.visit-plan-team-icon svg{width:23px}.visit-plan-team>header>div{display:grid;gap:2px}.visit-plan-team>header>div small{color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.visit-plan-team>header h3{margin:0;font-size:19px}.visit-plan-team>header p{margin:0;color:var(--muted);font-size:11px}.visit-plan-team-count{display:grid;grid-template-columns:auto auto;gap:0 6px;text-align:right}.visit-plan-team-count strong{grid-row:1/3;font-size:27px;line-height:1}.visit-plan-team-count small,.visit-plan-team-count em{color:var(--muted);font-size:9px;font-style:normal}
.visit-plan-employee-list{display:grid;gap:10px;padding:12px}.visit-plan-employee{overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.visit-plan-employee>summary{min-height:64px;display:grid;grid-template-columns:40px minmax(0,1fr) auto 18px;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;list-style:none}.visit-plan-employee>summary::-webkit-details-marker{display:none}.visit-plan-avatar{display:grid;width:40px;height:40px;place-items:center;color:#fff;border-radius:11px;background:var(--authority);font-size:11px;font-weight:900}.visit-plan-employee-copy{display:grid;gap:2px}.visit-plan-employee-copy strong{font-size:14px}.visit-plan-employee-copy small,.visit-plan-employee-status{color:var(--muted);font-size:10px}.visit-plan-employee>summary>svg{width:17px;transition:transform .2s ease}.visit-plan-employee[open]>summary>svg{transform:rotate(90deg)}.visit-plan-shop-list{display:grid;gap:8px;padding:10px;border-top:1px solid var(--border);background:var(--canvas)}.visit-plan-group-empty{padding:18px;color:var(--muted);font-size:12px;text-align:center}
@media(max-width:700px){.visit-plan-toolbar{align-items:stretch;flex-direction:column}.visit-plan-scope{display:grid;grid-template-columns:repeat(3,1fr)}.visit-plan-scope button{min-width:0}.visit-plan-team>header{grid-template-columns:42px minmax(0,1fr)}.visit-plan-team-icon{width:42px;height:42px}.visit-plan-team-count{grid-column:2;text-align:left}.visit-plan-employee>summary{grid-template-columns:38px minmax(0,1fr) 18px}.visit-plan-employee-status{grid-column:2}.visit-plan-employee>summary>svg{grid-column:3;grid-row:1/3}}

.product-people-list.channel-groups{display:grid;gap:14px;padding-top:14px}.team-activity-channel{overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.team-activity-channel>header{display:grid;grid-template-columns:46px minmax(180px,1fr) auto;align-items:center;gap:12px;min-height:76px;padding:12px 14px;border-bottom:1px solid var(--border);background:var(--canvas)}.team-channel-icon{display:grid;width:46px;height:46px;place-items:center;color:var(--authority);border-radius:13px;background:var(--authority-soft)}.team-channel-icon svg{width:22px}.team-activity-channel>header>div:nth-child(2){display:grid;gap:1px}.team-activity-channel>header small{color:var(--muted);font-size:9px}.team-activity-channel>header>div:nth-child(2)>small{font-weight:850;letter-spacing:.07em}.team-activity-channel h3{margin:0;font-size:18px}.team-activity-channel p{margin:0;color:var(--muted);font-size:10px}.team-channel-stats{display:grid;grid-template-columns:repeat(4,minmax(66px,1fr));border:1px solid var(--border);border-radius:12px;background:var(--surface)}.team-channel-stats>span{display:grid;gap:1px;padding:8px 12px;border-left:1px solid var(--border)}.team-channel-stats>span:first-child{border-left:0}.team-channel-stats strong{font-size:17px;font-variant-numeric:tabular-nums}.team-channel-members{display:grid}.team-channel-members .product-person:last-child{border-bottom:0}.team-channel-empty{padding:20px;color:var(--muted);font-size:12px;text-align:center}
@media(max-width:760px){.team-activity-channel>header{grid-template-columns:42px minmax(0,1fr)}.team-channel-icon{width:42px;height:42px}.team-channel-stats{grid-column:1/-1;width:100%;grid-template-columns:repeat(4,1fr)}.team-channel-stats>span{padding:8px 5px;text-align:center}.team-channel-stats strong{font-size:15px}.team-activity-channel h3{font-size:17px}}

@media(min-width:768px) and (max-width:900px){
  .product-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-summary-card{min-height:116px}
}

@media(min-width:768px) and (max-width:1023px){
  .app-shell>main{box-sizing:border-box;width:calc(100% - 32px)!important;max-width:none!important;margin-right:16px!important;margin-left:16px!important;padding-bottom:118px}
  .product-dashboard-header h1{font-size:27px}.product-dashboard-header p{font-size:12px}
  .product-summary-card>span{font-size:11px}.product-summary-card>small{font-size:10px}
  .product-people>header h2{font-size:21px}.product-people>header p{font-size:11px}
  .product-person-main strong{font-size:14px}.product-person-main small{font-size:10px}
  .bottom-nav{left:50%;right:auto;bottom:max(7px,env(safe-area-inset-bottom));top:auto;width:min(calc(100% - 32px),760px);grid-template-columns:repeat(4,1fr);transform:translateX(-50%)}
}

/* Collapsible channel hierarchy */
.team-activity-channel>summary{display:grid;grid-template-columns:46px minmax(180px,1fr) auto 44px;align-items:center;gap:12px;min-height:76px;padding:12px 14px;background:var(--canvas);cursor:pointer;list-style:none}.team-activity-channel>summary::-webkit-details-marker{display:none}.team-activity-channel[open]>summary{border-bottom:1px solid var(--border)}
.team-channel-title{display:grid;gap:1px}.team-channel-title>small{color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.07em}.team-channel-title>strong{font-size:18px}.team-channel-title>em{color:var(--muted);font-size:10px;font-style:normal}
.team-channel-toggle{position:relative;width:44px;height:44px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.team-channel-toggle:before,.team-channel-toggle:after{position:absolute;top:50%;left:50%;width:16px;height:2px;border-radius:2px;background:var(--ink);content:"";transform:translate(-50%,-50%);transition:transform .2s ease}.team-channel-toggle:after{transform:translate(-50%,-50%) rotate(90deg)}.team-activity-channel[open] .team-channel-toggle:after{transform:translate(-50%,-50%) rotate(0)}
.organized-hierarchy{display:grid;gap:12px;padding:14px;background:var(--canvas)}.regional-team{overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.regional-team>header{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--authority-soft) 45%,var(--surface))}.regional-manager-avatar{display:grid;flex:0 0 40px;height:40px;place-items:center;border-radius:12px;background:var(--authority);color:#fff;font-size:12px;font-weight:850}.regional-team>header>span:last-child{display:grid;gap:2px}.regional-team>header small{color:var(--authority);font-size:9px;font-weight:850;letter-spacing:.05em}.regional-team>header strong{font-size:14px}.regional-team>header em{color:var(--muted);font-size:10px;font-style:normal}.regional-manager-activity{border-bottom:1px solid var(--border)}.regional-manager-activity:before{display:block;padding:7px 14px 0;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.06em;content:"MANAGER ACTIVITY"}.regional-salesmen-label{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.regional-salesmen-label strong{display:grid;min-width:24px;height:24px;place-items:center;border-radius:8px;background:var(--canvas);color:var(--ink)}.regional-team-empty{margin:0;padding:4px 14px 15px;color:var(--muted);font-size:12px}.regional-team.unassigned{border-color:var(--warning)}
@media(max-width:760px){.team-activity-channel>summary{grid-template-columns:42px minmax(0,1fr) 44px;padding:12px}.team-channel-stats{grid-column:1/-1;grid-row:2}.team-channel-toggle{grid-column:3;grid-row:1}.team-channel-title>strong{font-size:17px}.organized-hierarchy{padding:10px}.regional-team .product-person{padding-right:10px}}
@media(prefers-reduced-motion:reduce){.team-channel-toggle:before,.team-channel-toggle:after{transition:none}}

/* Regional roster: one clean hierarchy, no duplicated manager row */
.regional-team>header{min-height:58px;padding:10px 14px;background:var(--surface)}.regional-region-mark{display:grid;flex:0 0 40px;height:40px;place-items:center;border:1px solid var(--border);border-radius:12px;background:var(--authority-soft);color:var(--authority)}.regional-region-mark svg{width:19px}.regional-team>header small{color:var(--muted)}.regional-team>header strong{font-size:16px}.regional-roster{display:grid}.regional-roster-member{position:relative;border-bottom:1px solid var(--border)}.regional-roster-member:last-child{border-bottom:0}.regional-roster-member .product-person{border-bottom:0;padding-top:28px}.regional-role-badge{position:absolute;z-index:1;top:8px;left:70px;padding:3px 8px;border-radius:999px;background:var(--canvas);color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.regional-roster-member.is-manager{background:color-mix(in srgb,var(--authority-soft) 24%,var(--surface))}.regional-roster-member.is-manager .regional-role-badge{background:var(--authority);color:#fff}.regional-roster-member.is-manager .product-avatar{background:var(--authority);color:#fff}.regional-team-empty{padding:18px 14px}
@media(max-width:760px){.regional-team>header{min-height:54px}.regional-role-badge{left:64px}.regional-roster-member .product-person{padding-top:30px}}

/* Region-level accordion */
.regional-team>summary{display:grid;grid-template-columns:40px minmax(0,1fr) 44px;align-items:center;gap:10px;min-height:58px;padding:10px 14px;background:var(--surface);cursor:pointer;list-style:none}.regional-team>summary::-webkit-details-marker{display:none}.regional-team[open]>summary{border-bottom:1px solid var(--border)}.regional-region-title{display:grid;gap:2px}.regional-region-title small{color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.05em}.regional-region-title strong{font-size:16px}.regional-region-title em{color:var(--muted);font-size:10px;font-style:normal}.regional-toggle{position:relative;width:44px;height:44px;border:1px solid var(--border);border-radius:12px;background:var(--canvas)}.regional-toggle:before,.regional-toggle:after{position:absolute;top:50%;left:50%;width:15px;height:2px;border-radius:2px;background:var(--ink);content:"";transform:translate(-50%,-50%);transition:transform .2s ease}.regional-toggle:after{transform:translate(-50%,-50%) rotate(90deg)}.regional-team[open] .regional-toggle:after{transform:translate(-50%,-50%) rotate(0)}
@media(max-width:760px){.regional-team>summary{min-height:54px;padding:8px 10px}.regional-region-title strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){.regional-toggle:before,.regional-toggle:after{transition:none}}

/* Compact supervised Merchandiser line */
.supervised-merchandisers{display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 14px 8px 70px;border-top:1px dashed var(--border);background:color-mix(in srgb,var(--success-soft) 38%,var(--surface))}.supervised-merch-label{display:flex;align-items:center;gap:6px;color:var(--success);font-size:10px}.supervised-merch-label svg{width:15px}.supervised-merch-label small{display:grid;min-width:20px;height:20px;place-items:center;border-radius:7px;background:var(--success);color:#fff;font-weight:850}.supervised-merch-list{display:flex;flex-wrap:wrap;gap:7px}.supervised-merch-chip{display:flex;align-items:center;gap:7px;min-height:36px;padding:5px 10px 5px 6px;border:1px solid color-mix(in srgb,var(--success) 25%,var(--border));border-radius:11px;background:var(--surface)}.supervised-merch-chip>i{display:grid;width:26px;height:26px;place-items:center;border-radius:8px;background:var(--success-soft);color:var(--success);font-size:9px;font-style:normal;font-weight:900}.supervised-merch-chip>span{display:grid}.supervised-merch-chip strong{font-size:11px}.supervised-merch-chip small{color:var(--muted);font-size:9px}
@media(max-width:760px){.supervised-merchandisers{align-items:flex-start;flex-direction:column;gap:7px;padding:8px 10px 10px 64px}.supervised-merch-list{width:100%}.supervised-merch-chip{flex:1 1 110px}}

/* Merchandiser operational drill-down */
.supervised-merch-person{display:grid;grid-template-columns:30px minmax(80px,1fr) auto 18px;align-items:center;gap:8px;min-height:46px;padding:5px 9px 5px 6px;border:1px solid color-mix(in srgb,var(--success) 28%,var(--border));border-radius:11px;background:var(--surface);color:var(--ink);text-align:left}.supervised-merch-person:hover{border-color:var(--success);background:var(--success-soft)}.supervised-merch-person>i{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:var(--success-soft);color:var(--success);font-size:9px;font-style:normal;font-weight:900}.supervised-merch-person>span{display:grid}.supervised-merch-person strong{font-size:11px}.supervised-merch-person small{color:var(--muted);font-size:9px}.supervised-merch-person>em{color:var(--success);font-size:9px;font-style:normal;font-weight:800}.supervised-merch-person>svg{width:16px}
.merch-activity-loading{display:flex;align-items:center;justify-content:center;gap:10px;min-height:180px}.merch-activity-detail{display:grid;gap:14px}.merch-activity-detail>header{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;background:var(--success-soft)}.merch-activity-detail>header>span{display:grid;width:44px;height:44px;place-items:center;border-radius:12px;background:var(--success);color:#fff;font-weight:900}.merch-activity-detail>header>div{display:grid}.merch-activity-detail>header small,.merch-activity-detail>header em{color:var(--muted);font-size:10px;font-style:normal}.merch-activity-summary{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid var(--border);border-radius:13px}.merch-activity-summary>span{display:grid;gap:2px;padding:11px;border-left:1px solid var(--border)}.merch-activity-summary>span:first-child{border-left:0}.merch-activity-summary strong{font-size:19px}.merch-activity-summary small{color:var(--muted);font-size:9px}.merch-activity-summary .attention strong{color:var(--danger)}.merch-activity-history{display:grid;gap:7px}.merch-activity-history>p{padding:20px;color:var(--muted);text-align:center}.merch-activity-visit{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--border);border-left:4px solid var(--muted);border-radius:11px}.merch-activity-visit>span{display:grid;gap:2px}.merch-activity-visit small,.merch-activity-visit em{color:var(--muted);font-size:10px;font-style:normal}.merch-activity-visit>b{font-size:10px}.merch-activity-visit.status-completed{border-left-color:var(--success)}.merch-activity-visit.status-completed>b{color:var(--success)}.merch-activity-visit.status-overdue{border-left-color:var(--danger)}.merch-activity-visit.status-overdue>b{color:var(--danger)}.merch-activity-open-app{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:12px;background:var(--success);color:#fff;font-weight:850;text-decoration:none}.merch-activity-open-app svg{width:17px}
@media(max-width:760px){.supervised-merch-person{flex:1 1 100%;width:100%}.supervised-merch-person>em{display:none}.merch-activity-summary>span{padding:9px 6px}.merch-activity-summary strong{font-size:16px}.merch-activity-visit{align-items:flex-start;flex-direction:column}.merch-activity-visit>b{align-self:flex-start}}

/* Mandatory plan overview: clear totals, progress, and actionable employee status. */
.visit-plan-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.visit-plan-summary span{min-height:58px;align-content:center}.visit-plan-summary .done strong{color:var(--accent)}.visit-plan-summary .live strong{color:var(--focus)}.visit-plan-summary .attention strong{color:var(--danger)}
.visit-plan-team>header{grid-template-columns:48px minmax(180px,280px) minmax(360px,1fr);align-items:start;background:var(--surface)}.visit-plan-team-title{align-self:center}.visit-plan-team-overview{display:grid;grid-template-columns:minmax(160px,.8fr) minmax(340px,1.4fr);align-items:center;gap:10px 16px;min-width:0}.visit-plan-team-progress,.visit-plan-employee-progress{display:grid;gap:7px}.visit-plan-team-progress>span,.visit-plan-employee-progress>span{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.visit-plan-team-progress strong,.visit-plan-employee-progress strong{font-size:11px}.visit-plan-team-progress em,.visit-plan-employee-progress em{color:var(--muted);font-size:10px;font-style:normal;font-variant-numeric:tabular-nums}.visit-plan-team-progress>i,.visit-plan-employee-progress>i{display:block;overflow:hidden;height:7px;border-radius:999px;background:color-mix(in srgb,var(--border) 72%,var(--canvas));font-style:normal}.visit-plan-team-progress>i>b,.visit-plan-employee-progress>i>b{display:block;width:var(--plan-progress);height:100%;border-radius:inherit;background:var(--accent)}
.visit-plan-team-stats{display:grid;grid-template-columns:repeat(4,minmax(68px,1fr));overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--canvas)}.visit-plan-team-stats>span{display:grid;gap:2px;padding:9px 10px;border-left:1px solid var(--border)}.visit-plan-team-stats>span:first-child{border-left:0}.visit-plan-team-stats strong{font-size:17px;font-variant-numeric:tabular-nums}.visit-plan-team-stats small{color:var(--muted);font-size:9px;font-weight:750}.visit-plan-team-stats .done strong{color:var(--accent)}.visit-plan-team-stats .live strong{color:var(--focus)}.visit-plan-overdue-note{grid-column:1/-1;display:flex!important;align-items:center;gap:7px;margin:0!important;color:var(--muted)!important;font-size:9px!important}.visit-plan-overdue-note strong{color:var(--danger);font-size:10px}
.visit-plan-team.is-empty>header{grid-template-columns:48px minmax(0,1fr) auto;align-items:center;background:var(--canvas)}.visit-plan-empty-status{padding:6px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font-size:9px;font-weight:800}
.visit-plan-employee-list{gap:8px}.visit-plan-employee{transition:border-color .2s ease,box-shadow .2s ease}.visit-plan-employee:hover,.visit-plan-employee:focus-within{border-color:color-mix(in srgb,var(--authority) 42%,var(--border));box-shadow:0 4px 14px rgba(15,39,66,.07)}.visit-plan-employee>summary{grid-template-columns:40px minmax(170px,1.25fr) minmax(150px,.8fr) auto 44px;gap:12px;min-height:74px;padding:10px 12px}.visit-plan-employee-copy strong{overflow-wrap:anywhere}.visit-plan-employee-progress{min-width:0}.visit-plan-employee-breakdown{display:flex;align-items:stretch;justify-content:flex-end;gap:6px}.visit-plan-employee-breakdown>b{display:grid;min-width:62px;gap:1px;padding:6px 8px;border:1px solid var(--border);border-radius:10px;background:var(--canvas);font-weight:inherit}.visit-plan-employee-breakdown strong{font-size:13px;font-variant-numeric:tabular-nums}.visit-plan-employee-breakdown small{color:var(--muted);font-size:8px;white-space:nowrap}.visit-plan-employee-breakdown .live{border-color:color-mix(in srgb,var(--focus) 26%,var(--border));background:color-mix(in srgb,var(--focus) 7%,var(--surface))}.visit-plan-employee-breakdown .live strong{color:var(--focus)}.visit-plan-employee-breakdown .late{border-color:color-mix(in srgb,var(--danger) 28%,var(--border));background:var(--danger-soft)}.visit-plan-employee-breakdown .late strong{color:var(--danger)}.visit-plan-employee-toggle{display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--border);border-radius:12px;background:var(--canvas)}.visit-plan-employee-toggle svg{width:17px;transition:transform .2s ease}.visit-plan-employee[open] .visit-plan-employee-toggle svg{transform:rotate(90deg)}
@media(max-width:900px){.visit-plan-team>header{grid-template-columns:48px minmax(0,1fr)}.visit-plan-team-overview{grid-column:1/-1;grid-template-columns:minmax(150px,.75fr) minmax(320px,1.25fr)}}
@media(max-width:700px){.visit-planner>header{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start}.visit-planner>header>.visit-planner-actions{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 44px;width:100%;flex:none}.visit-plan-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.visit-plan-team>header{grid-template-columns:42px minmax(0,1fr);padding:14px}.visit-plan-team.is-empty>header{grid-template-columns:42px minmax(0,1fr) auto;align-items:center}.visit-plan-team-overview{grid-template-columns:1fr;gap:10px}.visit-plan-team-stats{grid-template-columns:repeat(2,1fr)}.visit-plan-team-stats>span:nth-child(3){border-left:0;border-top:1px solid var(--border)}.visit-plan-team-stats>span:nth-child(4){border-top:1px solid var(--border)}.visit-plan-employee>summary{grid-template-columns:38px minmax(0,1fr) 44px;gap:8px;min-height:96px}.visit-plan-employee-progress,.visit-plan-employee-breakdown{grid-column:2}.visit-plan-employee-breakdown{justify-content:flex-start;flex-wrap:wrap}.visit-plan-employee-breakdown>b{min-width:58px;padding:5px 7px}.visit-plan-employee-toggle{grid-column:3;grid-row:1/4}.visit-plan-employee-status{display:none}}
@media(max-width:390px){.visit-plan-team-stats small{font-size:8px}.visit-plan-employee>summary{padding:9px}.visit-plan-employee-breakdown>b{min-width:54px}}
@media(prefers-reduced-motion:reduce){.visit-plan-employee,.visit-plan-employee-toggle svg{transition:none}}


/* operation-ui-v2.css */
/* Operation UI V2 — isolated to SME-002 until management sign-off. */
body.operation-ui-v2{--v2-brand:#a91526;--v2-brand-dark:#86101d;--v2-navy:#173247;--v2-green:#087a64;--v2-ink:#17212b;--v2-muted:#5f6b76;--v2-canvas:#f4f6f8;--v2-surface:#fff;--v2-line:#dce2e7;--v2-soft:#eef2f5;--v2-radius:16px;--v2-shadow:0 2px 10px rgba(23,33,43,.055);color:var(--v2-ink);background:var(--v2-canvas);font-family:Inter,"Segoe UI",Arial,sans-serif}
body.operation-ui-v2 *{box-sizing:border-box}
body.operation-ui-v2 :is(button,a,summary){touch-action:manipulation}
body.operation-ui-v2 :is(button,a,summary,input,select,textarea):focus-visible{outline:3px solid rgba(11,116,222,.35);outline-offset:2px}
body.operation-ui-v2 button:disabled{cursor:not-allowed;opacity:.42}

/* App shell */
body.operation-ui-v2 .topbar{min-height:66px;padding:10px max(16px,var(--app-safe-left));gap:10px;border-bottom:1px solid var(--v2-line);background:rgba(255,255,255,.97);box-shadow:none;backdrop-filter:blur(16px)}
body.operation-ui-v2 .topbar .brand-mark{width:44px!important;height:44px;flex:0 0 44px!important;border-radius:10px}
body.operation-ui-v2 .topbar-copy strong{color:var(--v2-ink);font-size:14px;font-weight:800}
body.operation-ui-v2 .topbar-copy>span{color:var(--v2-muted);font-size:10px}
body.operation-ui-v2 .topbar .icon-button{width:44px;height:44px;flex:0 0 44px;border-radius:12px}
body.operation-ui-v2 main{width:min(100%,920px);padding:14px 16px calc(104px + var(--app-safe-bottom))}
body.operation-ui-v2 .screen{width:100%;padding:0!important}
body.operation-ui-v2 .bottom-nav{left:50%;right:auto;bottom:max(8px,var(--app-safe-bottom));width:min(calc(100% - 20px),700px);min-height:72px;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:6px;border:1px solid var(--v2-line);border-radius:22px;background:rgba(255,255,255,.98);box-shadow:0 12px 34px rgba(23,33,43,.16);transform:translateX(-50%)}
body.operation-ui-v2 .nav-item{min-width:0;min-height:58px;gap:3px;padding:6px 2px;border-radius:16px;color:#687783;font-size:10px;font-weight:750}
body.operation-ui-v2 .nav-item.active{color:var(--v2-brand);background:#fff0f2}
body.operation-ui-v2 .nav-icon,body.operation-ui-v2 .nav-icon svg{width:22px;height:22px}

/* Shared surfaces */
body.operation-ui-v2 :is(.hero-card,.primary-card,.section-block,.product-dashboard,.product-people,.workflow-card,.simple-visit-card,.kpi-command,.visit-review-card,.report-workspace-head,.report-scoreboard,.report-time-analysis,.report-launcher,.control-masthead,.visit-planner,.customer-intake,.customer-assignment){border:1px solid var(--v2-line);border-radius:var(--v2-radius);background:var(--v2-surface);box-shadow:var(--v2-shadow)}
body.operation-ui-v2 .primary-button{min-height:52px;border-radius:13px;background:var(--v2-brand);box-shadow:none}
body.operation-ui-v2 .primary-button:hover{background:var(--v2-brand-dark);transform:none}
body.operation-ui-v2 .secondary-button{min-height:50px;border-radius:13px;color:var(--v2-navy);background:#fff}
body.operation-ui-v2 .danger-outline-button{min-height:48px;border-radius:13px}

/* Salesman Today */
body.operation-ui-v2 #screen-home>.hero-card{min-height:0;display:flex;align-items:center;padding:16px;color:var(--v2-ink);background:#fff}
body.operation-ui-v2 #screen-home>.hero-card::before,body.operation-ui-v2 #screen-home>.hero-card::after{display:none}
body.operation-ui-v2 #screen-home>.hero-card .eyebrow{color:var(--v2-green);font-size:9px}
body.operation-ui-v2 #screen-home>.hero-card h1{margin:4px 0 2px;color:var(--v2-ink);font-size:23px;line-height:1.1}
body.operation-ui-v2 #screen-home>.hero-card p{margin:4px 0 0;color:var(--v2-muted);font-size:12px;line-height:1.45}
body.operation-ui-v2 #homeMetrics{gap:8px;margin:10px 0}
body.operation-ui-v2 #homeMetrics .metric-card{min-height:82px;padding:12px;border:1px solid var(--v2-line);border-radius:14px;background:#fff;box-shadow:none}
body.operation-ui-v2 #homeMetrics .metric-value{font-size:22px}
body.operation-ui-v2 #homeMetrics .metric-label{margin-top:4px;color:var(--v2-muted);font-size:11px}
body.operation-ui-v2 #homeMetrics .metric-accent{display:none}
body.operation-ui-v2 #homePrimary{margin:10px 0}
body.operation-ui-v2 #homePrimary .primary-card{margin:0;padding:16px}
body.operation-ui-v2 #homePrimary h2{margin:0 0 5px;font-size:19px;line-height:1.2}
body.operation-ui-v2 #homePrimary p{margin:0 0 14px;color:var(--v2-muted);font-size:12px;line-height:1.5}
body.operation-ui-v2 #homePrimary .button-row{grid-template-columns:1.25fr .75fr;gap:8px}
body.operation-ui-v2 .close-day-blocker{margin:0 0 12px;padding:11px;border-radius:12px}
body.operation-ui-v2 .active-visit-actions{grid-template-columns:1fr 1fr;gap:8px}
body.operation-ui-v2 .active-visit-actions .primary-button{grid-column:1/-1}
body.operation-ui-v2 #screen-home>.section-block{margin-top:10px;padding:14px}
body.operation-ui-v2 #screen-home .section-heading h2{font-size:18px}
body.operation-ui-v2 .timeline-item{min-height:76px;border-radius:13px;box-shadow:none}

/* Manager Today */
body.operation-ui-v2 .product-dashboard{overflow:hidden;margin:0 0 10px}
body.operation-ui-v2 .product-dashboard-header{min-height:0;padding:14px;border-bottom:1px solid var(--v2-line);background:#fff}
body.operation-ui-v2 .product-dashboard-title h1{margin:3px 0;font-size:22px}
body.operation-ui-v2 .product-dashboard-title p{color:var(--v2-muted);font-size:10px}
body.operation-ui-v2 .product-live{color:var(--v2-green);font-size:9px}
body.operation-ui-v2 .product-date-control{border-color:var(--v2-line);border-radius:12px}
body.operation-ui-v2 .product-summary-grid{gap:0;padding:0;background:#fff}
body.operation-ui-v2 .product-summary-card{min-height:94px;padding:13px;border:0;border-right:1px solid var(--v2-line);border-radius:0;background:#fff;box-shadow:none}
body.operation-ui-v2 .product-summary-card>span{color:var(--v2-muted);font-size:10px}
body.operation-ui-v2 .product-summary-card>strong{margin-top:7px;font-size:23px}
body.operation-ui-v2 .product-summary-card>small{margin-top:5px;color:var(--v2-muted);font-size:9px}
body.operation-ui-v2 .product-mobile-disclosure{border:0;border-top:1px solid var(--v2-line);border-radius:0;background:#fff}
body.operation-ui-v2 .product-mobile-disclosure>summary{min-height:52px;padding:10px 14px}
body.operation-ui-v2 .product-people{margin-top:10px;padding:12px}
body.operation-ui-v2 .product-people>header{min-height:48px;padding:0 2px 10px;border-bottom:1px solid var(--v2-line)}
body.operation-ui-v2 .product-people>header h2{margin:2px 0;font-size:18px}
body.operation-ui-v2 .product-people>header p{display:none}
body.operation-ui-v2 .product-people-list.channel-groups{gap:8px;padding-top:10px}
body.operation-ui-v2 .team-activity-channel{border-color:var(--v2-line);border-radius:14px}
body.operation-ui-v2 .team-activity-channel>summary{background:#fff}
body.operation-ui-v2 .team-channel-stats{border-color:var(--v2-line);background:var(--v2-soft)}
body.operation-ui-v2 .organized-hierarchy{background:var(--v2-soft)}
body.operation-ui-v2 .regional-team{background:#fff;border-radius:12px}
body.operation-ui-v2 .supervised-merchandisers{background:#eef8f5}

/* Visit — one task per step */
body.operation-ui-v2 .screen-heading{min-height:54px;margin:0 0 10px}
body.operation-ui-v2 .screen-heading h1{font-size:22px}
body.operation-ui-v2 .stepper{margin:0 0 12px;padding:0 4px}
body.operation-ui-v2 .stepper li span{width:38px;height:38px}
body.operation-ui-v2 .stepper li strong{font-size:10px}
body.operation-ui-v2 #visitContent>:is(.workflow-card,.simple-visit-card,.visit-review-card){padding:16px}
body.operation-ui-v2 :is(.workflow-card,.simple-visit-card) h2{font-size:21px}
body.operation-ui-v2 .workflow-command-hero,body.operation-ui-v2 .visit-review-hero{display:none}
body.operation-ui-v2 .location-panel{padding:12px;border-radius:13px;background:var(--v2-soft)}
body.operation-ui-v2 .search-input{min-height:52px;border-radius:13px}
body.operation-ui-v2 .result-item{min-height:72px;border-radius:13px;box-shadow:none}
body.operation-ui-v2 .kpi-command{grid-template-columns:minmax(0,1fr) auto;padding:15px}
body.operation-ui-v2 .kpi-command h2{margin:3px 0;font-size:20px}
body.operation-ui-v2 .kpi-command p{display:none}
body.operation-ui-v2 .kpi-legend{margin-top:8px}
body.operation-ui-v2 .kpi-list{gap:8px}
body.operation-ui-v2 .kpi-card{border-radius:14px;box-shadow:none}
body.operation-ui-v2 .camera-only-action{min-height:54px;border-radius:13px}

/* Reporting */
body.operation-ui-v2 #screen-customers>.intelligence-header{display:none!important}
body.operation-ui-v2 .reporting-hub{margin:0;padding:0;gap:8px;border:0;background:transparent;box-shadow:none}
body.operation-ui-v2 .reporting-global-filter{position:static;margin:0;padding:5px;border:1px solid var(--v2-line);border-radius:13px;background:#fff;box-shadow:none}
body.operation-ui-v2 .reporting-range-presets{min-height:48px;padding:4px;background:var(--v2-soft)}
body.operation-ui-v2 .reporting-range-presets button{min-height:40px;border-radius:9px;font-size:11px}
body.operation-ui-v2 .reporting-range-presets button.active{color:#fff;background:var(--v2-navy);box-shadow:none}
body.operation-ui-v2 .report-workspace{gap:8px}
body.operation-ui-v2 .report-workspace-head{min-height:0;padding:14px;gap:10px}
body.operation-ui-v2 .report-workspace-head h2{margin:3px 0;font-size:20px}
body.operation-ui-v2 .report-workspace-head p{color:var(--v2-muted);font-size:10px}
body.operation-ui-v2 .report-health{min-height:48px;border:1px solid var(--v2-line);border-left:4px solid var(--v2-green);border-radius:11px;background:#fff}
body.operation-ui-v2 .report-scoreboard{overflow:hidden;gap:0}
body.operation-ui-v2 .report-score{min-height:92px;padding:12px;border:0;border-right:1px solid var(--v2-line);border-radius:0;background:#fff;box-shadow:none}
body.operation-ui-v2 .report-score small{color:var(--v2-muted);font-size:8px}
body.operation-ui-v2 .report-score strong{margin:7px 0 4px;color:var(--v2-ink);font-size:23px}
body.operation-ui-v2 .report-score p{color:var(--v2-muted);font-size:9px}
body.operation-ui-v2 .report-time-analysis,body.operation-ui-v2 .report-launcher{padding:12px}
body.operation-ui-v2 .report-launcher-grid{gap:7px}
body.operation-ui-v2 .report-launcher-grid>button{border-color:var(--v2-line);border-radius:12px;background:#fff;box-shadow:none}
body.operation-ui-v2 .report-analysis-grid,body.operation-ui-v2 .report-people-panel{display:none}

/* Plan & Control */
body.operation-ui-v2 .control-masthead{min-height:0;margin:0 0 10px;padding:14px;color:var(--v2-ink);border-left:4px solid var(--v2-navy);background:#fff}
body.operation-ui-v2 .control-masthead .eyebrow{color:var(--v2-brand)}
body.operation-ui-v2 .control-masthead h1{margin:3px 0;color:var(--v2-ink);font-size:20px}
body.operation-ui-v2 .control-masthead p{margin:0;color:var(--v2-muted);font-size:10px}
body.operation-ui-v2 .control-masthead .identity-chip{margin-top:10px}
body.operation-ui-v2 :is(.visit-planner,.customer-intake,.customer-assignment){margin:10px 0;padding:12px}
body.operation-ui-v2 .visit-plan-summary{overflow:hidden;gap:0;border:1px solid var(--v2-line);border-radius:12px}
body.operation-ui-v2 .visit-plan-summary span{border-radius:0;background:#fff}
body.operation-ui-v2 .mandatory-visit-card{border-radius:13px;box-shadow:none}

@media(max-width:720px){
 body.operation-ui-v2 main{padding:10px 13px calc(102px + var(--app-safe-bottom))}
 body.operation-ui-v2 .topbar{padding-inline:13px}
 body.operation-ui-v2 .product-dashboard-header{align-items:flex-start;flex-direction:column;gap:10px}
 body.operation-ui-v2 .product-dashboard-tools{width:100%}
 body.operation-ui-v2 .product-date-control{min-width:0;flex:1}
 body.operation-ui-v2 .product-summary-grid,body.operation-ui-v2 .report-scoreboard{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.operation-ui-v2 .product-summary-card,body.operation-ui-v2 .report-score{border-bottom:1px solid var(--v2-line)}
 body.operation-ui-v2 :is(.product-summary-card,.report-score):nth-child(2){border-right:0}
 body.operation-ui-v2 :is(.product-summary-card,.report-score):nth-child(3),body.operation-ui-v2 :is(.product-summary-card,.report-score):nth-child(4){border-bottom:0}
 body.operation-ui-v2 .reporting-global-filter{grid-template-columns:1fr}
 body.operation-ui-v2 .reporting-range-label{display:none}
 body.operation-ui-v2 .report-workspace-head{grid-template-columns:1fr}
 body.operation-ui-v2 .report-health small{display:none}
 body.operation-ui-v2 .report-time-layout{grid-template-columns:1fr}
 body.operation-ui-v2 .report-launcher-grid{grid-template-columns:1fr}
 body.operation-ui-v2 .report-launcher-grid>button{min-height:62px}
}
@media(max-width:390px){
 body.operation-ui-v2 main{padding-inline:10px}
 body.operation-ui-v2 .topbar-copy>span{max-width:190px}
 body.operation-ui-v2 #homePrimary .button-row,body.operation-ui-v2 .active-visit-actions{grid-template-columns:1fr}
 body.operation-ui-v2 .active-visit-actions .primary-button{grid-column:auto}
 body.operation-ui-v2 .product-summary-card,body.operation-ui-v2 .report-score{min-height:88px;padding:10px}
 body.operation-ui-v2 .product-summary-card>strong,body.operation-ui-v2 .report-score strong{font-size:21px}
}
@media(orientation:landscape) and (max-height:560px) and (max-width:960px){body.operation-ui-v2 .topbar{position:relative}body.operation-ui-v2 main{width:100%;max-width:none}body.operation-ui-v2 .product-dashboard-header{align-items:center;flex-direction:row}body.operation-ui-v2 .bottom-nav{min-height:62px}body.operation-ui-v2 .nav-item{min-height:50px}}
@media(prefers-reduced-motion:reduce){body.operation-ui-v2 *,body.operation-ui-v2 *::before,body.operation-ui-v2 *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
/* Dark mode keeps the same hierarchy and accessible contrast. */
body.operation-ui-v2[data-theme="dark"]{--v2-ink:#edf4f8;--v2-muted:#b4c2cc;--v2-canvas:#081722;--v2-surface:#102535;--v2-line:#294253;--v2-soft:#173142;background:var(--v2-canvas)}
body.operation-ui-v2[data-theme="dark"] :is(.topbar,.bottom-nav,.hero-card,.primary-card,.section-block,.product-dashboard,.product-dashboard-header,.product-summary-grid,.product-summary-card,.product-mobile-disclosure,.product-people,.team-activity-channel>summary,.regional-team,.workflow-card,.simple-visit-card,.kpi-command,.visit-review-card,.reporting-global-filter,.report-workspace-head,.report-health,.report-scoreboard,.report-score,.report-time-analysis,.report-launcher,.report-launcher-grid>button,.control-masthead,.visit-planner,.customer-intake,.customer-assignment,.visit-plan-summary span){color:var(--v2-ink);border-color:var(--v2-line);background:var(--v2-surface)}
body.operation-ui-v2[data-theme="dark"] :is(.team-channel-stats,.organized-hierarchy,.location-panel,.reporting-range-presets){background:var(--v2-soft)}
body.operation-ui-v2[data-theme="dark"] .nav-item.active{color:#ff8996;background:#3b1820}
/* V2.1 — Operational Minimal: show state, next action and exceptions first. */
@media(max-width:720px){
 body.operation-ui-v2 .topbar{min-height:58px;padding-block:7px}
 body.operation-ui-v2 .topbar .brand-mark{width:38px!important;height:38px;flex-basis:38px!important}
 body.operation-ui-v2 .topbar .icon-button{width:42px;height:42px;flex-basis:42px}
 body.operation-ui-v2 main{padding:8px 10px calc(92px + var(--app-safe-bottom))}
 body.operation-ui-v2 .bottom-nav{min-height:66px;width:calc(100% - 16px);padding:5px;border-radius:19px}
 body.operation-ui-v2 .nav-item{min-height:54px;border-radius:14px;font-size:9px}

 /* Salesman: dashboard numbers are available in Reports; Home is for doing work. */
 body.operation-ui-v2:not(.web-read-only) #screen-home>.hero-card{padding:12px 13px;border-radius:14px}
 body.operation-ui-v2:not(.web-read-only) #screen-home>.hero-card h1{font-size:19px}
 body.operation-ui-v2:not(.web-read-only) #screen-home>.hero-card p{font-size:10px}
 body.operation-ui-v2:not(.web-read-only) #homeMetrics{display:none}
 body.operation-ui-v2 #homePrimary{margin:7px 0}
 body.operation-ui-v2 #homePrimary .primary-card{padding:13px;border-radius:14px}
 body.operation-ui-v2 #homePrimary h2{font-size:17px}
 body.operation-ui-v2 #homePrimary p{margin-bottom:10px;font-size:10px;line-height:1.4}
 body.operation-ui-v2 #homePrimary :is(.primary-button,.secondary-button,.danger-outline-button){min-height:48px}
 body.operation-ui-v2 #screen-home>.section-block{margin-top:7px;padding:11px;border-radius:14px}
 body.operation-ui-v2 #screen-home .section-heading{margin-bottom:7px}
 body.operation-ui-v2 #screen-home .section-heading h2{font-size:16px}
 body.operation-ui-v2 .timeline-item{min-height:64px;padding:9px}

 /* Manager: Today contains only date, four facts and the team hierarchy. */
 body.operation-ui-v2 .product-dashboard{margin-bottom:7px;border-radius:14px}
 body.operation-ui-v2 .product-dashboard-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 11px}
 body.operation-ui-v2 .product-dashboard-title h1{font-size:18px}
 body.operation-ui-v2 .product-dashboard-title p{font-size:9px}
 body.operation-ui-v2 .product-dashboard-tools{width:auto}
 body.operation-ui-v2 .product-date-control{min-height:44px}
 body.operation-ui-v2 .product-date-control label{min-width:112px;padding:4px 7px}
 body.operation-ui-v2 .product-date-step{display:none}
 body.operation-ui-v2 .product-refresh{width:44px;min-width:44px}
 body.operation-ui-v2 .product-summary-card{min-height:72px;padding:9px 10px}
 body.operation-ui-v2 .product-summary-card>span{font-size:8px}
 body.operation-ui-v2 .product-summary-card>strong{margin-top:4px;font-size:19px}
 body.operation-ui-v2 .product-summary-card>small{margin-top:3px;font-size:8px}
 body.operation-ui-v2 .product-mobile-disclosure{display:none}
 body.operation-ui-v2 .product-people{margin-top:7px;padding:9px;border-radius:14px}
 body.operation-ui-v2 .product-people>header{min-height:42px;padding-bottom:7px}
 body.operation-ui-v2 .product-people>header h2{font-size:16px}
 body.operation-ui-v2 .product-people>header>button{min-height:40px;padding:5px 7px;font-size:9px}
 body.operation-ui-v2 .product-people-list.channel-groups{gap:6px;padding-top:7px}
 body.operation-ui-v2 .team-activity-channel{border-radius:12px}
 body.operation-ui-v2 .team-activity-channel>summary{min-height:54px;grid-template-columns:34px minmax(0,1fr) 38px;gap:7px;padding:8px}
 body.operation-ui-v2 .team-channel-icon{width:34px;height:34px;border-radius:9px}
 body.operation-ui-v2 .team-channel-title>strong{font-size:14px}
 body.operation-ui-v2 .team-channel-title>em{display:none}
 body.operation-ui-v2 .team-channel-toggle{grid-column:3;grid-row:1;width:38px;height:38px}
 body.operation-ui-v2 .team-activity-channel:not([open]) .team-channel-stats{display:none}
 body.operation-ui-v2 .team-activity-channel[open] .team-channel-stats{grid-column:1/-1;grid-row:2;margin-top:3px}
 body.operation-ui-v2 .team-channel-stats>span{min-height:36px;padding:4px 2px}
 body.operation-ui-v2 .team-channel-stats strong{font-size:12px}
 body.operation-ui-v2 .organized-hierarchy{padding:6px;gap:5px}
 body.operation-ui-v2 .regional-team>summary{min-height:48px;padding:7px 8px}
 body.operation-ui-v2 .regional-team:not([open])>*:not(summary){display:none}
 body.operation-ui-v2 .regional-team .product-person{min-height:58px;padding:7px}
 body.operation-ui-v2 .supervised-merchandisers{padding:6px 7px}

 /* Reporting: summary and destinations only; analysis opens on demand. */
 body.operation-ui-v2 .reporting-global-filter{margin-bottom:6px;padding:4px}
 body.operation-ui-v2 .reporting-range-presets{min-height:44px}
 body.operation-ui-v2 .reporting-range-presets button{min-height:36px;font-size:10px}
 body.operation-ui-v2 .report-workspace{gap:6px}
 body.operation-ui-v2 .report-workspace-head{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:10px 11px;border-radius:14px}
 body.operation-ui-v2 .report-workspace-head h2{font-size:17px}
 body.operation-ui-v2 .report-workspace-head p{font-size:9px}
 body.operation-ui-v2 .report-health{min-height:42px;padding:7px 9px}
 body.operation-ui-v2 .report-health strong{font-size:12px}
 body.operation-ui-v2 .report-health span{display:none}
 body.operation-ui-v2 .report-scoreboard{border-radius:14px}
 body.operation-ui-v2 .report-score{min-height:70px;padding:9px}
 body.operation-ui-v2 .report-score small{font-size:7px}
 body.operation-ui-v2 .report-score strong{margin:4px 0 2px;font-size:19px}
 body.operation-ui-v2 .report-score p{font-size:8px}
 body.operation-ui-v2 .report-time-analysis{display:none}
 body.operation-ui-v2 .report-launcher{padding:8px;border-radius:14px}
 body.operation-ui-v2 .report-launcher .report-section-heading{display:none}
 body.operation-ui-v2 .report-launcher-grid{gap:5px}
 body.operation-ui-v2 .report-launcher-grid>button{min-height:52px;padding:7px 9px;border-radius:10px}

 /* Visit and Control: reduce explanation, preserve required controls. */
 body.operation-ui-v2 .screen-heading{min-height:46px;margin-bottom:6px}
 body.operation-ui-v2 .screen-heading h1{font-size:19px}
 body.operation-ui-v2 .stepper{margin-bottom:8px}
 body.operation-ui-v2 .stepper li span{width:34px;height:34px}
 body.operation-ui-v2 #visitContent>:is(.workflow-card,.simple-visit-card,.visit-review-card){padding:12px;border-radius:14px}
 body.operation-ui-v2 .kpi-command{padding:11px;border-radius:14px}
 body.operation-ui-v2 .kpi-command h2{font-size:17px}
 body.operation-ui-v2 .control-masthead{margin-bottom:7px;padding:10px 11px;border-radius:14px}
 body.operation-ui-v2 .control-masthead h1{font-size:17px}
 body.operation-ui-v2 .control-masthead p,body.operation-ui-v2 .control-masthead .identity-chip{display:none}
 body.operation-ui-v2 :is(.visit-planner,.customer-intake,.customer-assignment){margin:7px 0;padding:10px;border-radius:14px}
}


/* sales-pro-2026.css */
/* Sales Pro 2026: global visual system. No workflow selectors or behavior changed. */
:root{--sp-navy:#102b3f;--sp-red:#b5162c;--sp-red-dark:#911122;--sp-red-soft:#fff1f3;--sp-bg:#f3f6f8;--sp-white:#fff;--sp-soft:#f8fafb;--sp-ink:#182733;--sp-muted:#60717d;--sp-line:#dbe3e8;--sp-strong:#c7d2da;--sp-green:#087d68;--sp-r:16px;--sp-rl:22px;--sp-shadow:0 1px 2px rgba(16,43,63,.04),0 8px 24px rgba(16,43,63,.055)}
html{background:var(--sp-bg)}
body.operation-ui-v2{--brand:var(--sp-red);--authority:var(--sp-navy);--success:var(--sp-green);--canvas:var(--sp-bg);--surface:var(--sp-white);--ink:var(--sp-ink);--muted:var(--sp-muted);--border:var(--sp-line);--border-strong:var(--sp-strong);--v2-brand:var(--sp-red);--v2-brand-dark:var(--sp-red-dark);--v2-navy:var(--sp-navy);--v2-green:var(--sp-green);--v2-ink:var(--sp-ink);--v2-muted:var(--sp-muted);--v2-canvas:var(--sp-bg);--v2-surface:var(--sp-white);--v2-line:var(--sp-line);--v2-soft:var(--sp-soft);color:var(--sp-ink);background:var(--sp-bg);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.5}
body.operation-ui-v2 *{box-sizing:border-box}
body.operation-ui-v2 :is(button,a,summary,label[for]){cursor:pointer}
body.operation-ui-v2 :is(button,input,select,textarea){font:inherit}
body.operation-ui-v2 :is(button,a,summary,input,select,textarea):focus-visible{outline:3px solid rgba(34,119,178,.32)!important;outline-offset:2px}
body.operation-ui-v2 .eyebrow{color:var(--sp-red);font-size:10px;font-weight:850;letter-spacing:.095em}
body.operation-ui-v2 h1,body.operation-ui-v2 h2,body.operation-ui-v2 h3{color:var(--sp-ink);letter-spacing:-.035em}
body.operation-ui-v2 .topbar{min-height:72px;padding:10px max(24px,var(--app-safe-left));border-bottom:1px solid var(--sp-line);background:rgba(255,255,255,.96);box-shadow:0 1px 0 rgba(16,43,63,.03);backdrop-filter:blur(18px)}
body.operation-ui-v2 .topbar::after{content:"SALES PRO";margin-left:8px;padding:5px 8px;color:#fff;border-radius:7px;background:var(--sp-navy);font-size:9px;font-weight:900;letter-spacing:.09em}
body.operation-ui-v2 .topbar .brand-mark{width:46px!important;height:46px;flex:0 0 46px!important;border-radius:11px;box-shadow:0 0 0 1px var(--sp-line)}
body.operation-ui-v2 .topbar-copy strong{font-size:15px}
body.operation-ui-v2 .topbar-copy>span{font-size:11px}
body.operation-ui-v2 main{width:min(calc(100% - 40px),1400px);max-width:1400px;padding:24px 0 112px}
body.operation-ui-v2 .screen{width:100%;padding:0!important}
body.operation-ui-v2 .screen.active{animation:sp-in .18s ease-out}
body.operation-ui-v2 .bottom-nav{left:50%;right:auto;bottom:max(14px,var(--app-safe-bottom));width:min(calc(100% - 32px),720px);min-height:70px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:6px;border:1px solid var(--sp-line);border-radius:20px;background:rgba(255,255,255,.97);box-shadow:0 18px 48px rgba(16,43,63,.16);transform:translateX(-50%);backdrop-filter:blur(18px)}
body.operation-ui-v2 .nav-item{min-height:56px;padding:7px 10px;border-radius:14px;color:#667985;font-size:11px;font-weight:750;transition:color .18s ease,background .18s ease}
body.operation-ui-v2 .nav-item.active{color:var(--sp-red);background:var(--sp-red-soft)}
body.operation-ui-v2 .nav-icon,body.operation-ui-v2 .nav-icon svg{width:22px;height:22px}
@media(min-width:721px){
body.operation-ui-v2 .app-shell{padding-bottom:24px}
body.operation-ui-v2 .bottom-nav{position:sticky;z-index:39;top:72px;left:auto;right:auto;bottom:auto;width:min(calc(100% - 40px),1400px);min-height:58px;margin:12px auto 0;padding:5px;border:1px solid var(--sp-line);border-radius:15px;background:rgba(255,255,255,.97);box-shadow:0 6px 18px rgba(16,43,63,.08);transform:none}
body.operation-ui-v2 .app-shell:has(#screen-customers.active)>.bottom-nav{width:min(calc(100% - 40px),1120px)}
body.operation-ui-v2 .nav-item{min-height:46px;flex-direction:row;gap:8px;padding:6px 14px;border:1px solid transparent;border-radius:11px;font-size:12px}
body.operation-ui-v2 .nav-item:hover{color:var(--sp-navy);background:#f3f6f8}
body.operation-ui-v2 .nav-item.active{color:var(--sp-red);border-color:rgba(181,22,44,.34);background:var(--sp-red-soft);box-shadow:inset 0 -2px 0 var(--sp-red)}
body.operation-ui-v2 .nav-item.active::after{display:none}
body.operation-ui-v2 .nav-icon,body.operation-ui-v2 .nav-icon svg{width:19px;height:19px}
body.operation-ui-v2 main{padding-top:18px;padding-bottom:32px}
body.operation-ui-v2 :is(.report-tabs,.reporting-global-filter){top:144px}
body.operation-ui-v2 #screen-customers .report-view-context:not(.hidden){top:144px}
}
body.operation-ui-v2 :is(.hero-card,.primary-card,.section-block,.product-dashboard,.product-people,.workflow-card,.simple-visit-card,.kpi-command,.visit-review-card,.report-workspace-head,.report-scoreboard,.report-time-analysis,.report-launcher,.control-masthead,.visit-planner,.customer-intake,.customer-assignment,.customer-import,.workflow-lab,.info-card,.reporting-global-filter,.reporting-module-section){border:1px solid var(--sp-line);border-radius:var(--sp-r);background:var(--sp-white);box-shadow:var(--sp-shadow)}
body.operation-ui-v2 :is(.primary-button,.secondary-button,.danger-outline-button){min-height:48px;border-radius:11px;font-weight:800;transition:background .18s ease,border-color .18s ease,color .18s ease}
body.operation-ui-v2 .primary-button{background:var(--sp-red);box-shadow:0 6px 14px rgba(181,22,44,.13)}
body.operation-ui-v2 .primary-button:hover{background:var(--sp-red-dark);transform:none}
body.operation-ui-v2 .secondary-button{color:var(--sp-navy);border-color:var(--sp-strong);background:#fff}
body.operation-ui-v2 .manager-control-launch{margin:0 0 16px;padding:22px;border:1px solid #cdd9e1;border-left:5px solid var(--sp-red);border-radius:var(--sp-rl);background:linear-gradient(100deg,#fff 0%,#fff 70%,#f3f7fa 100%);box-shadow:var(--sp-shadow)}
body.operation-ui-v2 .manager-control-launch-copy{align-items:center}
body.operation-ui-v2 .manager-control-launch-copy>span{color:var(--sp-red);background:var(--sp-red-soft)}
body.operation-ui-v2 .manager-control-launch h1{max-width:none;margin:3px 0;font-size:24px}
body.operation-ui-v2 .manager-control-launch p{max-width:700px;color:var(--sp-muted);font-size:13px}
body.operation-ui-v2 .manager-control-launch-actions{grid-template-columns:1.25fr 1fr;gap:10px}
body.operation-ui-v2 .manager-control-flow{margin-top:16px;padding-top:14px;border-top:1px solid var(--sp-line)}
body.operation-ui-v2 .manager-control-flow span b{background:var(--sp-navy)}
body.operation-ui-v2 .product-dashboard{overflow:hidden;margin:0 0 16px;border-radius:var(--sp-rl)}
body.operation-ui-v2 .product-dashboard-header{min-height:96px;padding:18px 20px;border-bottom:1px solid var(--sp-line);background:linear-gradient(112deg,#fff,#f6f9fb)}
body.operation-ui-v2 .product-dashboard-title h1{margin:3px 0;font-size:26px}
body.operation-ui-v2 .product-live{color:var(--sp-green)}
body.operation-ui-v2 .product-summary-grid{gap:0;padding:0;background:#fff}
body.operation-ui-v2 .product-summary-card{min-height:112px;padding:18px;border:0;border-right:1px solid var(--sp-line);border-radius:0;background:#fff;box-shadow:none}
body.operation-ui-v2 .product-summary-card:last-child{border-right:0}
body.operation-ui-v2 .product-summary-card>span{font-size:11px}
body.operation-ui-v2 .product-summary-card>strong{margin-top:8px;font-size:30px;font-variant-numeric:tabular-nums}
body.operation-ui-v2 .product-summary-card>small{margin-top:6px;font-size:10px}
body.operation-ui-v2 .product-mobile-disclosure{border:0;border-top:1px solid var(--sp-line);border-radius:0;box-shadow:none}
body.operation-ui-v2 .product-people{margin-top:16px;padding:18px;border-radius:var(--sp-rl)}
body.operation-ui-v2 .product-people>header{min-height:60px;padding:0 2px 14px;border-bottom:1px solid var(--sp-line)}
body.operation-ui-v2 .product-people>header h2{font-size:22px}
body.operation-ui-v2 .product-people-list.channel-groups{gap:12px;padding-top:14px}
body.operation-ui-v2 .team-activity-channel{overflow:hidden;border-color:var(--sp-line);border-radius:14px;box-shadow:none}
body.operation-ui-v2 .team-activity-channel>summary{min-height:72px;background:#fff}
body.operation-ui-v2 .team-channel-icon{color:var(--sp-navy);background:#edf3f6}
body.operation-ui-v2 .team-channel-stats{border-color:var(--sp-line);background:#f7f9fa}
body.operation-ui-v2 .organized-hierarchy{padding:12px;background:#f5f8fa}
body.operation-ui-v2 .regional-team{overflow:hidden;border:1px solid var(--sp-line);border-radius:12px;background:#fff}
body.operation-ui-v2 .regional-team+.regional-team{margin-top:8px}
body.operation-ui-v2 .supervised-merchandisers{background:#eef8f5}
body.operation-ui-v2 .intelligence-header{min-height:86px;margin-bottom:14px;padding:18px 20px;border:1px solid var(--sp-line);border-radius:var(--sp-rl);background:var(--sp-navy);box-shadow:var(--sp-shadow)}
body.operation-ui-v2 .intelligence-header :is(h1,p,.eyebrow,.intelligence-live small){color:#fff}
body.operation-ui-v2 .intelligence-header p{opacity:.72}
body.operation-ui-v2 .intelligence-logo{background:#fff}
body.operation-ui-v2 .intelligence-live{color:#9ce7d8}
body.operation-ui-v2 .reporting-hub{display:grid;gap:14px}
body.operation-ui-v2 .reporting-hub-head{display:none}
body.operation-ui-v2 .reporting-global-filter{margin:0;padding:8px;box-shadow:none}
body.operation-ui-v2 .reporting-range-presets{min-height:48px;background:#eef3f6}
body.operation-ui-v2 .reporting-range-presets button.active{color:#fff;background:var(--sp-navy)}
body.operation-ui-v2 .report-workspace{gap:12px}
body.operation-ui-v2 .report-workspace-head{min-height:94px;padding:18px 20px;border-left:4px solid var(--sp-red)}
body.operation-ui-v2 .report-workspace-head h2{font-size:24px}
body.operation-ui-v2 .report-scoreboard{overflow:hidden;border-radius:var(--sp-rl)}
body.operation-ui-v2 .report-score{min-height:116px;padding:18px;background:#fff}
body.operation-ui-v2 .report-score strong{font-size:30px;font-variant-numeric:tabular-nums}
body.operation-ui-v2 .report-time-analysis{padding:18px}
body.operation-ui-v2 .reporting-module-section{overflow:hidden;margin:0;box-shadow:none}
body.operation-ui-v2 .reporting-module-heading{padding:16px 18px;border-bottom:1px solid var(--sp-line)}
body.operation-ui-v2 .reporting-hub-grid{gap:0;padding:0}
body.operation-ui-v2 .report-entry{min-height:116px;border:0;border-right:1px solid var(--sp-line);border-radius:0;background:#fff}
body.operation-ui-v2 .report-entry:last-child{border-right:0}
body.operation-ui-v2 .report-entry:hover{background:#f7fafb;transform:none}
body.operation-ui-v2 .report-entry-icon{color:var(--sp-navy);background:#edf3f6}
body.operation-ui-v2 .control-masthead{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:112px;margin:0 0 16px;padding:20px 22px;color:#fff;border:0;border-left:6px solid var(--sp-red);background:var(--sp-navy)}
body.operation-ui-v2 .control-masthead :is(h1,p,.eyebrow){color:#fff}
body.operation-ui-v2 .control-masthead .eyebrow{opacity:.72}
body.operation-ui-v2 .control-masthead h1{font-size:26px}
body.operation-ui-v2 .control-masthead p{opacity:.7;font-size:12px}
body.operation-ui-v2 .identity-chip{grid-column:2;grid-row:1/4;margin:0;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.1)}
body.operation-ui-v2 .identity-chip strong,body.operation-ui-v2 .identity-chip small{color:#fff}
body.operation-ui-v2 :is(.visit-planner,.customer-intake,.customer-import,.workflow-lab){margin:0 0 16px;padding:20px;border-radius:var(--sp-rl)}
body.operation-ui-v2 :is(.visit-planner>header,.customer-intake-head,.customer-import-head){padding-bottom:16px;border-bottom:1px solid var(--sp-line)}
body.operation-ui-v2 :is(.visit-planner h2,.customer-intake h2,.customer-import h2,.workflow-lab h2){font-size:21px}
body.operation-ui-v2 .customer-intake{gap:18px}
body.operation-ui-v2 .customer-assignment{gap:14px;padding:18px;border-color:var(--sp-line);background:#f8fafb;box-shadow:none}
body.operation-ui-v2 .customer-assignment-search{min-height:58px;border-color:var(--sp-strong);background:#fff}
body.operation-ui-v2 .customer-assignment-filters{gap:10px}
body.operation-ui-v2 .customer-assignment-filters select{min-height:46px;background:#fff}
body.operation-ui-v2 .customer-sort-builder{padding:10px;border:1px solid var(--sp-line);border-radius:12px;background:#fff}
body.operation-ui-v2 .customer-assignment-list{gap:10px}
body.operation-ui-v2 .customer-assignment-row{min-height:104px;border-color:var(--sp-line);border-radius:12px;background:#fff}
body.operation-ui-v2 .customer-assignment-row:hover{border-color:#8da6b7;background:#fbfdfe}
body.operation-ui-v2 .customer-assignment-code{color:var(--sp-navy);background:#edf3f6}
body.operation-ui-v2 .customer-intake-flow{padding:12px 14px;border:1px solid var(--sp-line);border-radius:12px;background:#f7f9fa}
body.operation-ui-v2 .customer-intake-flow>div>span{color:#fff;background:var(--sp-navy)}
body.operation-ui-v2 .customer-import{border-top:4px solid var(--sp-red)}
body.operation-ui-v2 .workflow-lab{border-color:var(--sp-line);background:#fff}
body.operation-ui-v2 .role-preview-grid{grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px}
body.operation-ui-v2 .role-preview-card{min-height:104px;padding:14px;border-color:var(--sp-line);border-radius:12px;background:#fff}
body.operation-ui-v2 .info-card{overflow:hidden;padding:0;box-shadow:none}
body.operation-ui-v2 .info-row{min-height:48px;padding:10px 16px;border-bottom:1px solid var(--sp-line)}
body.operation-ui-v2 .system-heading{margin:22px 2px 10px}
body.operation-ui-v2 #screen-home>.hero-card{min-height:104px;padding:20px;border-left:5px solid var(--sp-red);border-radius:var(--sp-rl);background:linear-gradient(110deg,#fff,#f5f8fa)}
body.operation-ui-v2 #screen-home>.hero-card h1{font-size:28px}
body.operation-ui-v2 #homeMetrics{gap:10px;margin:12px 0}
body.operation-ui-v2 #homeMetrics .metric-card{min-height:100px;padding:16px;border-color:var(--sp-line);border-radius:14px;box-shadow:none}
body.operation-ui-v2 #homeMetrics .metric-value{font-size:28px}
body.operation-ui-v2 #homePrimary .primary-card{padding:20px;border-radius:var(--sp-rl)}
body.operation-ui-v2 #screen-home>.section-block{margin-top:12px;padding:18px;border-radius:var(--sp-rl)}
body.operation-ui-v2 .screen-heading{min-height:64px;margin-bottom:14px}
body.operation-ui-v2 .screen-heading h1{font-size:25px}
body.operation-ui-v2 #visitContent>:is(.workflow-card,.simple-visit-card,.visit-review-card),body.operation-ui-v2 .kpi-command{padding:18px;border-radius:var(--sp-rl)}
@media(max-width:720px){
body.operation-ui-v2{font-size:16px}body.operation-ui-v2 .topbar{min-height:62px;padding:8px 14px}body.operation-ui-v2 .topbar::after{margin-left:2px;padding:4px 6px;font-size:8px}body.operation-ui-v2 .topbar .brand-mark{width:40px!important;height:40px;flex-basis:40px!important}body.operation-ui-v2 .topbar-copy>span{display:none}body.operation-ui-v2 main{width:100%;padding:12px 12px calc(96px + var(--app-safe-bottom))}body.operation-ui-v2 .bottom-nav{bottom:max(8px,var(--app-safe-bottom));width:calc(100% - 16px);min-height:68px;padding:5px;border-radius:19px}body.operation-ui-v2 .nav-item{min-height:56px;padding:5px 2px;font-size:10px}
body.operation-ui-v2 button{min-height:44px}
body.operation-ui-v2 .product-people>header>button{min-height:44px!important}
body.operation-ui-v2 .manager-control-launch{padding:16px;border-left-width:4px;border-radius:16px}body.operation-ui-v2 .manager-control-launch-copy{grid-template-columns:42px 1fr}body.operation-ui-v2 .manager-control-launch h1{font-size:21px}body.operation-ui-v2 .manager-control-launch p{font-size:12px}body.operation-ui-v2 .manager-control-launch-actions{grid-template-columns:1fr}body.operation-ui-v2 .manager-control-flow{display:none}
body.operation-ui-v2 .product-dashboard{margin-bottom:10px;border-radius:16px}body.operation-ui-v2 .product-dashboard-header{min-height:0;padding:14px}body.operation-ui-v2 .product-dashboard-title h1{font-size:21px}body.operation-ui-v2 .product-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.operation-ui-v2 .product-summary-card{min-height:92px;padding:13px;border-bottom:1px solid var(--sp-line)}body.operation-ui-v2 .product-summary-card:nth-child(2){border-right:0}body.operation-ui-v2 .product-summary-card:nth-last-child(-n+2){border-bottom:0}body.operation-ui-v2 .product-summary-card>strong{font-size:24px}body.operation-ui-v2 .product-people{margin-top:10px;padding:10px;border-radius:16px}body.operation-ui-v2 .product-people>header{min-height:50px;padding:2px 2px 10px}body.operation-ui-v2 .product-people>header h2{font-size:18px}body.operation-ui-v2 .team-activity-channel>summary{min-height:62px}
body.operation-ui-v2 .intelligence-header{min-height:72px;margin-bottom:10px;padding:14px;border-radius:16px}body.operation-ui-v2 .intelligence-header h1{font-size:21px}body.operation-ui-v2 .intelligence-header p,body.operation-ui-v2 .intelligence-live small{display:none}body.operation-ui-v2 .reporting-global-filter{padding:5px}body.operation-ui-v2 .report-workspace-head{min-height:0;padding:14px;border-left-width:4px;border-radius:16px}body.operation-ui-v2 .report-workspace-head h2{font-size:20px}body.operation-ui-v2 .report-scoreboard{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:16px}body.operation-ui-v2 .report-score{min-height:96px;padding:13px}body.operation-ui-v2 .report-score strong{font-size:24px}body.operation-ui-v2 .reporting-module-heading{padding:12px 14px}body.operation-ui-v2 .reporting-hub-grid{grid-template-columns:1fr}body.operation-ui-v2 .report-entry{min-height:78px;border-right:0;border-bottom:1px solid var(--sp-line)}
body.operation-ui-v2 .control-masthead{display:block;min-height:0;margin-bottom:10px;padding:15px;border-left-width:4px;border-radius:16px}body.operation-ui-v2 .control-masthead h1{font-size:21px}body.operation-ui-v2 .control-masthead p{font-size:11px}body.operation-ui-v2 .control-masthead .identity-chip{display:none}body.operation-ui-v2 :is(.visit-planner,.customer-intake,.customer-import,.workflow-lab){margin-bottom:10px;padding:13px;border-radius:16px}body.operation-ui-v2 :is(.visit-planner>header,.customer-intake-head,.customer-import-head){padding-bottom:12px}body.operation-ui-v2 :is(.visit-planner h2,.customer-intake h2,.customer-import h2,.workflow-lab h2){font-size:18px}
body.operation-ui-v2 .customer-intake-head{grid-template-columns:42px minmax(0,1fr)}body.operation-ui-v2 .customer-intake-head .customer-intake-access{grid-column:1/-1}body.operation-ui-v2 .customer-assignment{padding:11px}body.operation-ui-v2 .customer-assignment-head{grid-template-columns:38px minmax(0,1fr)}body.operation-ui-v2 .customer-assignment-head p{display:none}body.operation-ui-v2 .customer-assignment-filters{grid-template-columns:1fr 1fr}body.operation-ui-v2 .customer-assignment-filters label:last-of-type{grid-column:1/-1}body.operation-ui-v2 .customer-sort-builder{grid-template-columns:1fr;padding:9px}body.operation-ui-v2 .customer-sort-builder header{display:none}body.operation-ui-v2 .customer-assignment-row{min-height:94px;grid-template-columns:44px minmax(0,1fr) 34px;padding:11px}body.operation-ui-v2 .customer-assignment-code{width:44px;height:44px}body.operation-ui-v2 .customer-assignment-meta{display:none}body.operation-ui-v2 .customer-intake-flow{grid-template-columns:1fr;padding:10px}body.operation-ui-v2 .customer-intake-flow>i{display:none}body.operation-ui-v2 .role-preview-grid{grid-template-columns:1fr}
body.operation-ui-v2 #screen-home>.hero-card{min-height:0;padding:15px;border-radius:16px}body.operation-ui-v2 #screen-home>.hero-card h1{font-size:22px}body.operation-ui-v2 #homePrimary .primary-card,body.operation-ui-v2 #screen-home>.section-block{padding:14px;border-radius:16px}body.operation-ui-v2 .screen-heading h1{font-size:22px}body.operation-ui-v2 #visitContent>:is(.workflow-card,.simple-visit-card,.visit-review-card),body.operation-ui-v2 .kpi-command{padding:14px;border-radius:16px}
}
@media(max-width:375px){body.operation-ui-v2 main{padding-left:10px;padding-right:10px}body.operation-ui-v2 .topbar::after{display:none}body.operation-ui-v2 .product-dashboard-tools{width:100%}body.operation-ui-v2 .customer-assignment-filters{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){body.operation-ui-v2 *,body.operation-ui-v2 *::before,body.operation-ui-v2 *::after{animation:none!important;transition-duration:.01ms!important}}
@keyframes sp-in{from{opacity:.25;transform:translateY(4px)}to{opacity:1;transform:none}}

/* V4 clarity pass: defeat legacy micro-type and make Sales Pro unmistakable. */
body.operation-ui-v2 :is(p,small,span,em,strong,label,button,input,select,textarea){text-rendering:optimizeLegibility}
body.operation-ui-v2 :is(.product-dashboard,.product-people,.reporting-hub,.report-workspace,.customer-intake,.visit-planner,.customer-import,.workflow-lab,.info-card) small{font-size:11px}
body.operation-ui-v2 :is(.product-dashboard,.report-workspace,.customer-intake,.visit-planner,.customer-import,.workflow-lab) p{font-size:12px;line-height:1.5}
body.operation-ui-v2 .product-dashboard-header{color:#fff!important;background:linear-gradient(115deg,var(--sp-navy),#1b4b68)!important}
body.operation-ui-v2 .product-dashboard-header :is(h1,p,span,small,strong){color:#fff!important}
body.operation-ui-v2 .product-dashboard-header p{opacity:.72}
body.operation-ui-v2 .product-dashboard-header .product-live{color:#a9f0df!important}
body.operation-ui-v2 .product-date-control{border-color:rgba(255,255,255,.25)!important;background:rgba(255,255,255,.1)!important}
body.operation-ui-v2 .product-date-control :is(button,label,input,small){color:#fff!important}
body.operation-ui-v2 .product-date-control label{background:#fff!important}
body.operation-ui-v2 .product-date-control label :is(input,small){color:var(--sp-ink)!important;color-scheme:light}
body.operation-ui-v2 .nav-item.control-nav-item:not(.active){color:#667985!important;background:transparent!important;box-shadow:none!important}
body.operation-ui-v2 .nav-item.control-nav-item:not(.active)::after{display:none!important}
body.operation-ui-v2 .product-refresh{color:#fff!important;border-color:rgba(255,255,255,.25)!important;background:rgba(255,255,255,.1)!important}
body.operation-ui-v2 .product-summary-card{position:relative}
body.operation-ui-v2 .product-summary-card::before{content:"";position:absolute;top:0;left:18px;width:34px;height:3px;border-radius:0 0 3px 3px;background:var(--sp-red)}
body.operation-ui-v2 .product-summary-card:nth-child(even)::before{background:var(--sp-navy)}
body.operation-ui-v2 .product-summary-card>span{color:#526674!important;font-size:12px!important;font-weight:750}
body.operation-ui-v2 .product-summary-card>strong{color:var(--sp-ink)!important}
body.operation-ui-v2 .product-summary-card>small{color:var(--sp-muted)!important;font-size:11px!important}
body.operation-ui-v2 .product-people>header>div>span{color:var(--sp-red)!important;font-size:10px!important}
body.operation-ui-v2 .product-people>header>div>p{color:var(--sp-muted)!important;font-size:12px!important}
body.operation-ui-v2 .team-channel-title>small,body.operation-ui-v2 .regional-title small{font-size:10px!important}
body.operation-ui-v2 .team-channel-title>strong,body.operation-ui-v2 .regional-title strong{font-size:15px!important}
body.operation-ui-v2 .team-channel-title>em{font-size:11px!important}
body.operation-ui-v2 .team-channel-stats small{font-size:10px!important}
body.operation-ui-v2 .team-channel-stats strong{font-size:15px!important}
body.operation-ui-v2 .product-person :is(small,em),body.operation-ui-v2 .supervised-merchandisers :is(small,em){font-size:11px!important}
body.operation-ui-v2 .product-person strong,body.operation-ui-v2 .supervised-merchandisers strong{font-size:14px!important}

body.operation-ui-v2 #screen-more{display:none}
body.operation-ui-v2 #screen-more.active{display:grid;grid-template-columns:1fr;align-items:start;gap:16px}
body.operation-ui-v2 #screen-more>*{grid-column:1;grid-row:auto}
body.operation-ui-v2 #screen-more>.system-heading{margin:8px 2px -6px}
body.operation-ui-v2 #screen-more>.success-callout{margin-top:0}
body.operation-ui-v2 .customer-assignment-head h3{font-size:20px!important}
body.operation-ui-v2 .customer-assignment-head p{font-size:12px!important}
body.operation-ui-v2 .customer-assignment-search small{font-size:11px!important}
body.operation-ui-v2 .customer-assignment-search input{font-size:15px!important}
body.operation-ui-v2 .customer-assignment-filters label>span,body.operation-ui-v2 .customer-sort-builder label>span{font-size:11px!important;font-weight:800}
body.operation-ui-v2 .customer-assignment-filters select,body.operation-ui-v2 .customer-sort-builder select{font-size:14px!important}
body.operation-ui-v2 .customer-assignment-copy>span strong{font-size:15px!important}
body.operation-ui-v2 .customer-assignment-copy>small{font-size:12px!important}
body.operation-ui-v2 .customer-assignment-meta small{font-size:10px!important}
body.operation-ui-v2 .customer-assignment-meta strong{font-size:13px!important}
body.operation-ui-v2 .customer-assignment-meta em{font-size:11px!important}
body.operation-ui-v2 .info-row span{color:var(--sp-muted);font-size:12px!important}
body.operation-ui-v2 .info-row strong{font-size:12px!important}
body.operation-ui-v2 .report-workspace-kicker,body.operation-ui-v2 .report-score small{font-size:10px!important}
body.operation-ui-v2 .report-score p,body.operation-ui-v2 .report-workspace-head p{font-size:12px!important}
body.operation-ui-v2 .report-entry-copy strong{font-size:15px!important}
body.operation-ui-v2 .report-entry-copy small,body.operation-ui-v2 .report-entry-copy em{font-size:11px!important}
body.operation-ui-v2 #screen-customers .person-visit-heading{grid-template-columns:minmax(0,1fr) auto!important}

/* Customer Master is a readable operational table on desktop, not cards inside cards. */
@media(min-width:981px){
body.operation-ui-v2 .customer-assignment{padding:20px}
body.operation-ui-v2 .customer-master-table-head{display:grid;grid-template-columns:minmax(286px,1.35fr) minmax(150px,.7fr) minmax(280px,1.25fr) minmax(130px,.65fr) 38px;gap:14px;padding:10px 16px 10px 82px;color:var(--sp-muted);border:1px solid var(--sp-line);border-bottom:0;border-radius:14px 14px 0 0;background:#eef3f6;font-size:11px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
body.operation-ui-v2 .customer-assignment-list{gap:0;overflow:hidden;border:1px solid var(--sp-line);border-radius:14px;background:#fff}
body.operation-ui-v2 .customer-master-table-head+.customer-assignment-list{border-radius:0 0 14px 14px}
body.operation-ui-v2 .customer-assignment-row{grid-template-areas:"code identity range commercial visit action";grid-template-columns:52px minmax(220px,1.35fr) minmax(150px,.7fr) minmax(280px,1.25fr) minmax(130px,.65fr) 38px;align-items:center;gap:14px;min-height:104px;padding:14px 16px;border:0!important;border-bottom:1px solid var(--sp-line)!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
body.operation-ui-v2 .customer-assignment-row:last-child{border-bottom:0!important}
body.operation-ui-v2 .customer-assignment-row:nth-child(even){background:#f9fbfc!important}
body.operation-ui-v2 .customer-assignment-row:hover{background:#f3f7f9!important}
body.operation-ui-v2 .customer-assignment-code{margin:0;border-radius:10px}
body.operation-ui-v2 .customer-sales-range{min-height:0;padding:0;border:0;border-radius:0;background:transparent}
body.operation-ui-v2 .customer-sales-range>span:first-of-type{display:none}
body.operation-ui-v2 .customer-sales-range>span{display:block}
body.operation-ui-v2 .customer-sales-range i{display:none}
body.operation-ui-v2 .customer-sales-range>span small{font-size:10px!important}
body.operation-ui-v2 .customer-sales-range>span strong{font-size:14px!important}
body.operation-ui-v2 .customer-commercial-facts{min-height:64px;padding:0;border:0;border-radius:0;background:transparent}
body.operation-ui-v2 .customer-commercial-facts>span{padding:5px 10px}
body.operation-ui-v2 .customer-assignment-meta{min-height:0;padding:0 0 0 14px;border:0;border-left:1px solid var(--sp-line);border-radius:0;background:transparent!important}
body.operation-ui-v2 .customer-assignment-action{width:38px;min-width:38px;justify-content:center}
body.operation-ui-v2 .customer-assignment-action small{display:none}
body.operation-ui-v2 .customer-assignment-action svg{width:20px}
}
body.operation-ui-v2 .customer-master-load-more{width:100%;min-height:58px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;color:var(--sp-navy);border:1px solid var(--sp-strong);border-radius:12px;background:#fff}
body.operation-ui-v2 .customer-master-load-more:hover{border-color:var(--sp-navy);background:#f3f7f9}
body.operation-ui-v2 .customer-master-load-more strong{font-size:13px}
body.operation-ui-v2 .customer-master-load-more small{color:var(--sp-muted);font-size:11px!important}
body.operation-ui-v2 .visit-plan-more{margin-top:10px;overflow:hidden;border:1px solid var(--sp-line);border-radius:12px;background:#f8fafb}
body.operation-ui-v2 .visit-plan-more>summary{min-height:56px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px;padding:10px 14px;color:var(--sp-navy);list-style:none}
body.operation-ui-v2 .visit-plan-more>summary::-webkit-details-marker{display:none}
body.operation-ui-v2 .visit-plan-more>summary strong{font-size:13px}
body.operation-ui-v2 .visit-plan-more>summary small{color:var(--sp-muted);font-size:11px!important}
body.operation-ui-v2 .visit-plan-more>summary>span{grid-column:2;grid-row:1/3;width:20px;transition:transform .18s ease}
body.operation-ui-v2 .visit-plan-more[open]>summary>span{transform:rotate(90deg)}
body.operation-ui-v2 .visit-plan-more>div{display:grid;gap:8px;padding:0 8px 8px}
body.operation-ui-v2 .visit-plan-more>button{width:100%;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border:0;background:transparent;color:var(--sp-navy);text-align:left}
body.operation-ui-v2 .visit-plan-more>button>span{display:grid;gap:2px}
body.operation-ui-v2 .visit-plan-more>button strong{font-size:13px}
body.operation-ui-v2 .visit-plan-more>button small{color:var(--sp-muted);font-size:11px!important}
body.operation-ui-v2 .visit-plan-more>button>i{width:20px;transition:transform .18s ease}
body.operation-ui-v2 .visit-plan-more>button[aria-expanded="true"]>i{transform:rotate(90deg)}
body.operation-ui-v2 .visit-plan-more>[hidden]{display:none!important}

/* Individual report: one clear decision surface, details only on demand. */
body.operation-ui-v2 #teamReportFilters.focused-report{display:none!important}
body.operation-ui-v2 #teamReportOutput{display:grid;gap:14px}
body.operation-ui-v2 .person-command-summary{margin:0!important;border:1px solid var(--sp-line)!important;border-radius:16px!important;background:var(--surface)!important;box-shadow:0 6px 18px rgba(16,43,61,.06)!important}
body.operation-ui-v2 .person-summary-back{margin:0!important;border:0!important;border-bottom:1px solid var(--sp-line)!important;border-radius:0!important;background:var(--surface)!important}
body.operation-ui-v2 .person-summary-body{gap:12px!important;padding:14px!important;background:var(--surface)!important}
body.operation-ui-v2 .person-summary-core{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--sp-line);border-radius:12px;overflow:hidden}
body.operation-ui-v2 .person-summary-core .person-summary-action{min-height:88px!important;border:0!important;border-right:1px solid var(--sp-line)!important;border-radius:0!important;background:var(--surface)!important;box-shadow:none!important}
body.operation-ui-v2 .person-summary-core .person-summary-action:last-child{border-right:0!important}
body.operation-ui-v2 .person-time-compact{padding:2px 4px}
body.operation-ui-v2 .person-more-details{border:1px solid var(--sp-line);border-radius:12px;background:color-mix(in srgb,var(--surface) 86%,var(--canvas))}
body.operation-ui-v2 .person-more-details>summary{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;list-style:none;cursor:pointer}
body.operation-ui-v2 .person-more-details>summary::-webkit-details-marker{display:none}
body.operation-ui-v2 .person-more-details>summary>span{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:2px 8px}
body.operation-ui-v2 .person-more-details>summary svg{grid-row:1/3;width:18px;transition:transform .18s ease}
body.operation-ui-v2 .person-more-details[open]>summary svg{transform:rotate(90deg)}
body.operation-ui-v2 .person-more-details>summary strong{font-size:13px}
body.operation-ui-v2 .person-more-details>summary small{color:var(--sp-muted);font-size:11px!important}
body.operation-ui-v2 .person-more-details>summary>em{color:var(--sp-muted);font-size:11px;font-style:normal;font-weight:750;white-space:nowrap}
body.operation-ui-v2 .person-more-details>.person-control-grid{padding:0 10px 10px}
body.operation-ui-v2 #teamReportOutput>.report-section-navigator{display:flex!important;gap:4px!important;padding:4px!important;border:1px solid var(--sp-line)!important;border-radius:12px!important;background:var(--surface)!important;box-shadow:none!important}
body.operation-ui-v2 #teamReportOutput>.report-section-navigator>button{min-height:44px!important;flex:1!important;display:flex!important;justify-content:center!important;gap:7px!important;padding:8px 10px!important;border:0!important;border-radius:9px!important;background:transparent!important}
body.operation-ui-v2 #teamReportOutput>.report-section-navigator>button>span:nth-child(2){display:block!important}
body.operation-ui-v2 #teamReportOutput>.report-section-navigator>button small,body.operation-ui-v2 #teamReportOutput>.report-section-navigator>button>svg{display:none!important}
body.operation-ui-v2 .person-visit-guide{display:none!important}
@media(max-width:700px){body.operation-ui-v2 .person-summary-core{grid-template-columns:repeat(2,minmax(0,1fr))}body.operation-ui-v2 .person-summary-core .person-summary-action:nth-child(2){border-right:0!important}body.operation-ui-v2 .person-summary-core .person-summary-action:nth-child(-n+2){border-bottom:1px solid var(--sp-line)!important}body.operation-ui-v2 #teamReportOutput>.report-section-navigator>button{padding-inline:6px!important}body.operation-ui-v2 #teamReportOutput>.report-section-navigator>button strong{font-size:10px!important}}

/* Visit-plan ranking uses one shared column model on every desktop row. */
@media(min-width:701px){
  body.operation-ui-v2 .visit-plan-employee>summary{
    grid-template-columns:40px minmax(200px,1.15fr) minmax(180px,.9fr) 148px 44px!important;
    gap:12px!important;
  }
  body.operation-ui-v2 .visit-plan-employee-copy,
  body.operation-ui-v2 .visit-plan-employee-progress{min-width:0;width:100%}
  body.operation-ui-v2 .visit-plan-employee-progress>span{display:grid!important;grid-template-columns:minmax(0,1fr) 40px;gap:8px}
  body.operation-ui-v2 .visit-plan-employee-progress em{text-align:right;font-variant-numeric:tabular-nums}
  body.operation-ui-v2 .visit-plan-employee-breakdown{
    width:148px!important;
    display:grid!important;
    grid-template-columns:repeat(2,70px)!important;
    justify-content:start!important;
    gap:8px!important;
  }
  body.operation-ui-v2 .visit-plan-employee-breakdown>b{min-width:0!important;width:70px!important;box-sizing:border-box}
}

/* Customer tools stay available without overwhelming the directory. */
body.operation-ui-v2 .customer-tools-disclosure{overflow:hidden;border:1px solid var(--sp-line);border-radius:12px;background:var(--surface)}
body.operation-ui-v2 .customer-tools-disclosure>summary{min-height:52px;display:grid;grid-template-columns:34px minmax(0,1fr) 24px;align-items:center;gap:10px;padding:8px 12px;list-style:none;cursor:pointer;touch-action:manipulation}
body.operation-ui-v2 .customer-tools-disclosure>summary::-webkit-details-marker{display:none}
body.operation-ui-v2 .customer-tools-icon{width:34px;height:34px;display:grid;place-items:center;color:var(--sp-navy);border-radius:9px;background:var(--sp-navy-soft)}
body.operation-ui-v2 .customer-tools-icon svg,body.operation-ui-v2 .customer-tools-chevron svg{width:18px}
body.operation-ui-v2 .customer-tools-disclosure>summary>span:nth-child(2){min-width:0;display:grid;gap:2px}
body.operation-ui-v2 .customer-tools-disclosure>summary strong{font-size:13px}
body.operation-ui-v2 .customer-tools-disclosure>summary small{overflow:hidden;color:var(--sp-muted);font-size:11px!important;text-overflow:ellipsis;white-space:nowrap}
body.operation-ui-v2 .customer-tools-chevron{display:grid;place-items:center;color:var(--sp-muted);transition:transform .18s ease}
body.operation-ui-v2 .customer-tools-disclosure[open] .customer-tools-chevron{transform:rotate(90deg)}
body.operation-ui-v2 .customer-tools-body{display:grid;gap:10px;padding:12px;border-top:1px solid var(--sp-line);background:color-mix(in srgb,var(--surface) 88%,var(--canvas))}
body.operation-ui-v2 .customer-tools-body .customer-assignment-filters{grid-template-columns:repeat(3,minmax(0,1fr)) auto!important;align-items:end}
body.operation-ui-v2 .customer-tools-body .customer-sort-builder{grid-template-columns:auto minmax(180px,1fr) minmax(180px,1fr)!important;align-items:end;background:var(--surface)}
body.operation-ui-v2 .customer-tools-body .customer-sort-builder header+label{min-width:0}
body.operation-ui-v2 .customer-assignment-clear-filters{min-height:46px;padding:0 14px;white-space:nowrap}
@media(max-width:700px){body.operation-ui-v2 .customer-tools-body .customer-assignment-filters{grid-template-columns:1fr 1fr!important}body.operation-ui-v2 .customer-tools-body .customer-assignment-filters label:last-of-type{grid-column:1/-1}body.operation-ui-v2 .customer-tools-body .customer-sort-builder{grid-template-columns:1fr 1fr!important}body.operation-ui-v2 .customer-tools-body .customer-sort-builder header{display:none}body.operation-ui-v2 .customer-assignment-clear-filters{grid-column:1/-1;width:100%}}
@media(max-width:390px){body.operation-ui-v2 .customer-tools-body .customer-assignment-filters,body.operation-ui-v2 .customer-tools-body .customer-sort-builder{grid-template-columns:1fr!important}}
body.operation-ui-v2 .role-mode-card.is-loading{position:relative;opacity:.68}
body.operation-ui-v2 .role-mode-card.is-loading::after{content:"Opening…";position:absolute;right:12px;bottom:8px;color:var(--sp-red);font-size:11px;font-weight:850}
@media(max-width:980px){body.operation-ui-v2 .customer-master-table-head{display:none}}

@media(max-width:980px){
body.operation-ui-v2 #screen-more.active{grid-template-columns:1fr}
body.operation-ui-v2 #screen-more>:is(.control-masthead,.visit-planner,.customer-intake,.customer-import,.workflow-lab,.system-heading,.info-card,.success-callout){grid-column:1;grid-row:auto}
}
@media(max-width:720px){
body.operation-ui-v2 :is(.product-dashboard,.product-people,.reporting-hub,.report-workspace,.customer-intake,.visit-planner,.customer-import,.workflow-lab,.info-card) small{font-size:11px!important}
body.operation-ui-v2 .product-dashboard-header{background:linear-gradient(125deg,var(--sp-navy),#1b4b68)!important}
body.operation-ui-v2 .product-summary-card>span{font-size:11px!important}
body.operation-ui-v2 .team-channel-title>strong{font-size:15px!important}
body.operation-ui-v2 .team-channel-title>em{display:block!important}
body.operation-ui-v2 .customer-assignment-copy>span strong{white-space:normal!important}
}

/* Decision-first Today dashboard: clean date selector, operational KPIs, real visit list. */
body.operation-ui-v2 .product-dashboard-header{min-height:112px;padding:22px 24px;background:#12374d!important}
body.operation-ui-v2 .product-dashboard-title h1{font-size:28px;letter-spacing:-.035em}
body.operation-ui-v2 .product-dashboard-title p{font-size:12px!important;opacity:.82}
body.operation-ui-v2 .product-dashboard-tools{gap:10px}
body.operation-ui-v2 .product-date-control{min-height:64px;border:1px solid rgba(255,255,255,.22)!important;border-radius:16px!important;background:rgba(255,255,255,.08)!important;overflow:hidden}
body.operation-ui-v2 .product-date-control label{position:relative;display:grid;align-content:center;min-width:190px;padding:9px 16px!important;background:#fff!important}
body.operation-ui-v2 .product-date-control label small{color:#8b1d30!important;font-size:9px!important;font-weight:900;letter-spacing:.12em}
body.operation-ui-v2 .product-date-control label strong{color:#102d3f!important;font-size:16px;line-height:1.25}
body.operation-ui-v2 .product-date-control input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
body.operation-ui-v2 .product-date-step{width:54px!important;min-width:54px;min-height:62px}
body.operation-ui-v2 .product-refresh{width:54px;height:54px;border-radius:15px}
body.operation-ui-v2 .product-summary-grid{border-bottom:1px solid var(--sp-line);background:#fff}
body.operation-ui-v2 .product-summary-card{min-height:118px;padding:20px;border-right:1px solid var(--sp-line);background:#fff}
body.operation-ui-v2 .product-summary-card:last-child{border-right:0}
body.operation-ui-v2 .product-summary-card>span{font-size:11px;letter-spacing:.035em;text-transform:uppercase}
body.operation-ui-v2 .product-summary-card>strong{font-size:31px}
body.operation-ui-v2 .product-summary-card.live>strong{color:#087d69}
body.operation-ui-v2 .product-summary-card.customer>strong{color:#173f55}
body.operation-ui-v2 .dashboard-operations{display:grid;grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr);border-top:1px solid var(--sp-line);background:#fff}
body.operation-ui-v2 .dashboard-operations>section{min-width:0;padding:20px 22px}
body.operation-ui-v2 .dashboard-operations>section+section{border-left:1px solid var(--sp-line)}
body.operation-ui-v2 .dashboard-operations header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}
body.operation-ui-v2 .dashboard-operations header span{color:#8b1d30;font-size:9px;font-weight:900;letter-spacing:.1em}
body.operation-ui-v2 .dashboard-operations header h2{margin:3px 0 2px;font-size:18px;color:#102331}
body.operation-ui-v2 .dashboard-operations header p{margin:0;color:#667986;font-size:11px}
body.operation-ui-v2 .dashboard-operations header button{min-height:44px;padding:0 10px;border:0;background:transparent;color:#9f171b;font-weight:800;cursor:pointer}
body.operation-ui-v2 .dashboard-region-row,body.operation-ui-v2 .dashboard-visit-row{width:100%;min-height:58px;display:grid;align-items:center;gap:11px;padding:9px 4px;border:0;border-top:1px solid #e2e9ed;background:#fff;color:#102331;text-align:left;cursor:pointer;transition:background .18s ease}
body.operation-ui-v2 .dashboard-region-row:first-child,body.operation-ui-v2 .dashboard-visit-row:first-child{border-top:0}
body.operation-ui-v2 :is(.dashboard-region-row,.dashboard-visit-row):hover{background:#f5f8fa}
body.operation-ui-v2 :is(.dashboard-region-row,.dashboard-visit-row):focus-visible{outline:3px solid rgba(8,125,105,.22);outline-offset:-3px}
/* Safari can use an unsized SVG's intrinsic height to size the entire grid row. */
body.operation-ui-v2 :is(.dashboard-region-row,.dashboard-visit-row)>svg{display:block;width:18px;height:18px;min-width:0;max-width:18px;max-height:18px;justify-self:center}
body.operation-ui-v2 .dashboard-region-row{grid-template-columns:32px minmax(0,1fr) 34px 18px}
body.operation-ui-v2 .dashboard-visit-row{grid-template-columns:32px minmax(150px,1.4fr) minmax(105px,.75fr) 62px 82px 18px}
body.operation-ui-v2 .dashboard-row-rank{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#edf3f6;color:#385466;font-size:10px;font-weight:900}
body.operation-ui-v2 :is(.dashboard-region-row,.dashboard-visit-row) strong{display:block;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
body.operation-ui-v2 :is(.dashboard-region-row,.dashboard-visit-row) small{display:block;margin-top:3px;color:#687b88;font-size:10px}
body.operation-ui-v2 .dashboard-region-row>b{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#e9f6f2;color:#087d69;font-size:12px}
body.operation-ui-v2 .dashboard-visit-owner,body.operation-ui-v2 .dashboard-visit-time{min-width:0}
body.operation-ui-v2 .dashboard-visit-skus{min-width:0;text-align:center;font-variant-numeric:tabular-nums}
body.operation-ui-v2 .dashboard-visit-skus strong{display:inline-grid;min-width:28px;height:24px;place-items:center;padding:0 7px;border-radius:8px;color:#08745b;background:#e7f5f0;font-size:11px}
body.operation-ui-v2 .dashboard-visit-skus small{margin-top:2px;font-size:8px;white-space:nowrap}
body.operation-ui-v2 .dashboard-visit-skus.is-empty strong{color:#687b88;background:#edf3f6}
body.operation-ui-v2 .dashboard-visit-row.is-new-customer{border:1px solid #bda7f4;border-left:5px solid #6d3fd3;border-radius:12px;background:linear-gradient(90deg,#f4f0ff 0,#fbfaff 58%,#fff 100%);box-shadow:0 6px 18px rgba(72,42,142,.09);margin:5px 0;padding-inline:9px}
body.operation-ui-v2 .dashboard-visit-row.is-new-customer:hover{background:linear-gradient(90deg,#ede6ff 0,#f8f5ff 58%,#fff 100%)}
body.operation-ui-v2 .dashboard-new-customer{display:inline-flex;margin:0 0 4px;padding:3px 7px;border-radius:999px;background:#6d3fd3;color:#fff;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.045em;line-height:1.2}
body.operation-ui-v2 .dashboard-visit-time{text-align:right}
body.operation-ui-v2 .dashboard-visit-time small{display:inline-flex;padding:3px 7px;border-radius:999px;font-weight:800}
body.operation-ui-v2 .dashboard-visit-time small.complete{background:#e7f5f0;color:#08745b}
body.operation-ui-v2 .dashboard-visit-time small.live{background:#fff2df;color:#9a5500}
body.operation-ui-v2 .dashboard-visit-time small.incomplete{background:#f1f3f5;color:#53616b}
body.operation-ui-v2 .dashboard-visit-filters{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 14px;padding:3px;border:0}
body.operation-ui-v2 .dashboard-visit-filters button{min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:0 14px;border:1px solid #c8d5dc;border-radius:999px;background:#f7f9fa;color:#334f5f;font-size:12px;font-weight:700;line-height:1;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}
body.operation-ui-v2 .dashboard-visit-filters button::before{content:"";width:7px;height:7px;border:1px solid currentColor;border-radius:50%;background:transparent}
body.operation-ui-v2 .dashboard-visit-filters button[aria-pressed="true"]{border-color:#173f55;background:#173f55;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
body.operation-ui-v2 .dashboard-visit-filters button[aria-pressed="true"]::before{border-color:#fff;background:#fff}
body.operation-ui-v2 .dashboard-visit-filters button:hover{border-color:#173f55}
body.operation-ui-v2 .dashboard-visit-filters button:focus-visible{outline:3px solid rgba(8,125,105,.28);outline-offset:2px}
body.operation-ui-v2 .dashboard-visit-source-note{margin:-4px 0 12px;padding:9px 11px;border-left:3px solid #bd7d16;border-radius:0 8px 8px 0;background:#fff6e6;color:#6e4a11;font-size:11px;line-height:1.45}
body.operation-ui-v2 .dashboard-empty-visits{min-height:132px;display:flex;align-items:center;justify-content:center;gap:12px;color:#647784}
body.operation-ui-v2 .dashboard-empty-visits svg{width:28px;height:28px}
body.operation-ui-v2 .dashboard-empty-visits strong{display:block;color:#233d4d}
body.operation-ui-v2 .dashboard-empty-visits small{display:block;margin-top:3px}
html[data-theme="dark"] body.operation-ui-v2 .dashboard-operations,html[data-theme="dark"] body.operation-ui-v2 .dashboard-operations>section,html[data-theme="dark"] body.operation-ui-v2 :is(.dashboard-region-row,.dashboard-visit-row){color:#f2f7fa;background:#132632}
html[data-theme="dark"] body.operation-ui-v2 .dashboard-operations header h2{color:#f2f7fa}
html[data-theme="dark"] body.operation-ui-v2 .dashboard-operations>section+section,html[data-theme="dark"] body.operation-ui-v2 :is(.dashboard-region-row,.dashboard-visit-row){border-color:#36505f}
html[data-theme="dark"] body.operation-ui-v2 .dashboard-visit-skus strong{color:#8edbc7;background:#173f3a}
html[data-theme="dark"] body.operation-ui-v2 .dashboard-visit-skus.is-empty strong{color:#b3c4cd;background:#243b48}
html[data-theme="dark"] body.operation-ui-v2 .dashboard-visit-row.is-new-customer{border-color:#8064c7;border-left-color:#b89bff;background:linear-gradient(90deg,#2b2145 0,#1d2937 62%,#132632 100%)}
html[data-theme="dark"] body.operation-ui-v2 .dashboard-visit-filters button{border-color:#4a6574;background:#1b3442;color:#dceaf0}
html[data-theme="dark"] body.operation-ui-v2 .dashboard-visit-filters button[aria-pressed="true"]{border-color:#8edbd0;background:#d8f4ef;color:#0d3b3e}
html[data-theme="dark"] body.operation-ui-v2 .dashboard-visit-filters button[aria-pressed="true"]::before{border-color:#0d3b3e;background:#0d3b3e}
html[data-theme="dark"] body.operation-ui-v2 .dashboard-visit-source-note{border-color:#e0a74d;background:#3e321f;color:#f3d69f}
@media(max-width:760px){body.operation-ui-v2 .product-dashboard-header{min-height:0;padding:16px}body.operation-ui-v2 .product-dashboard-tools{width:100%}body.operation-ui-v2 .product-date-control label{min-width:0;flex:1;padding-inline:10px!important}body.operation-ui-v2 .product-date-control label strong{font-size:14px}body.operation-ui-v2 .product-summary-card{min-height:104px;padding:14px}body.operation-ui-v2 .product-summary-card>strong{font-size:26px}body.operation-ui-v2 .dashboard-operations{grid-template-columns:1fr}body.operation-ui-v2 .dashboard-operations>section{padding:16px 14px}body.operation-ui-v2 .dashboard-operations>section+section{border-left:0;border-top:1px solid var(--sp-line)}body.operation-ui-v2 .dashboard-visit-row{grid-template-columns:28px minmax(0,1fr) 72px 18px;gap:6px 8px}body.operation-ui-v2 .dashboard-visit-row>.dashboard-row-rank{grid-column:1;grid-row:1/3}body.operation-ui-v2 .dashboard-visit-copy{grid-column:2;grid-row:1;min-width:0}body.operation-ui-v2 .dashboard-visit-owner{grid-column:2;grid-row:2}body.operation-ui-v2 .dashboard-visit-skus{grid-column:3;grid-row:2}body.operation-ui-v2 .dashboard-visit-time{grid-column:3;grid-row:1}body.operation-ui-v2 .dashboard-visit-row>svg{grid-column:4;grid-row:1/3}body.operation-ui-v2 .dashboard-visit-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}body.operation-ui-v2 .dashboard-visit-filters button{justify-content:flex-start;padding-inline:12px}}
@media(max-width:390px){body.operation-ui-v2 .product-date-step{width:46px!important;min-width:46px}body.operation-ui-v2 .product-refresh{width:48px;height:48px}body.operation-ui-v2 .dashboard-operations header{gap:8px}body.operation-ui-v2 .dashboard-operations header button{padding-inline:4px}}
@media(prefers-reduced-motion:reduce){body.operation-ui-v2 .dashboard-region-row,body.operation-ui-v2 .dashboard-visit-row{transition:none}}

/* Customer not showing: lightweight field fallback with a reviewable identity. */
body.operation-ui-v2 .customer-not-showing{display:grid;margin:14px 0;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 4px 14px color-mix(in srgb,var(--ink) 6%,transparent);overflow:hidden}
body.operation-ui-v2 .customer-not-showing-trigger{width:100%;min-height:60px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 11px;border:0;background:color-mix(in srgb,var(--authority-soft) 62%,var(--surface));color:var(--ink);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;transition:background .2s ease}
body.operation-ui-v2 .customer-not-showing-trigger:hover{background:var(--authority-soft)}
body.operation-ui-v2 .customer-not-showing-trigger:focus-visible{outline:3px solid color-mix(in srgb,var(--authority) 30%,transparent);outline-offset:-3px}
body.operation-ui-v2 .customer-not-showing-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--authority);color:#fff}
body.operation-ui-v2 .customer-not-showing-icon svg{width:19px;height:19px}
body.operation-ui-v2 .customer-not-showing-trigger strong,body.operation-ui-v2 .customer-not-showing-trigger small{display:block}
body.operation-ui-v2 .customer-not-showing-trigger strong{font-size:14px}
body.operation-ui-v2 .customer-not-showing-trigger small{margin-top:2px;color:var(--muted);font-size:11px;line-height:1.35}
body.operation-ui-v2 .customer-not-showing-action{min-height:36px;display:flex;align-items:center;padding:0 10px;border:1px solid color-mix(in srgb,var(--authority) 35%,var(--border));border-radius:10px;background:var(--surface);color:var(--authority);font-size:11px;font-weight:900;white-space:nowrap}
body.operation-ui-v2 .customer-not-showing-form{display:grid;gap:11px;padding:13px;border-top:1px solid var(--border);background:var(--surface)}
body.operation-ui-v2 .customer-not-showing-heading{display:grid;gap:3px}
body.operation-ui-v2 .customer-not-showing-heading strong,body.operation-ui-v2 .customer-not-showing-heading p,body.operation-ui-v2 .customer-not-showing-heading>span{display:block}
body.operation-ui-v2 .customer-not-showing-heading strong{font-size:16px}
body.operation-ui-v2 .customer-not-showing-heading p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}
body.operation-ui-v2 .customer-not-showing-heading>span{color:var(--muted);font-size:10px}
body.operation-ui-v2 .customer-not-showing-heading b{color:var(--warning)}
body.operation-ui-v2 .customer-not-showing-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:9px}
body.operation-ui-v2 .customer-not-showing-grid label{display:grid;gap:6px;margin:0;color:var(--ink);font-size:12px;font-weight:850}
body.operation-ui-v2 .customer-not-showing-grid input{width:100%;min-height:46px;box-sizing:border-box;padding:9px 11px;border:1px solid var(--border);border-radius:10px;background:var(--canvas);color:var(--ink);font:inherit;font-size:16px}
body.operation-ui-v2 .customer-not-showing-grid input:focus{border-color:var(--authority);outline:3px solid color-mix(in srgb,var(--authority) 18%,transparent)}
body.operation-ui-v2 .customer-not-showing-error{margin:0;color:var(--danger);font-size:11px;font-weight:800}.customer-not-showing-error:empty{display:none}
body.operation-ui-v2 .missing-customer-matches:empty{display:none}
body.operation-ui-v2 .missing-customer-checking{padding:10px 11px;border-radius:10px;background:var(--canvas);color:var(--muted);font-size:11px;font-weight:750}
body.operation-ui-v2 .missing-customer-match-review{display:grid;overflow:hidden;border:1px solid color-mix(in srgb,var(--warning) 42%,var(--border));border-radius:12px;background:var(--surface)}
body.operation-ui-v2 .missing-customer-match-review header{display:grid;gap:2px;padding:10px 11px;background:var(--warning-soft)}
body.operation-ui-v2 .missing-customer-match-review header strong{font-size:12px;color:var(--ink)}
body.operation-ui-v2 .missing-customer-match-review header small{font-size:10px;color:var(--muted)}
body.operation-ui-v2 .missing-customer-match{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:52px;padding:8px 11px;border:0;border-top:1px solid var(--border);background:var(--surface);color:var(--ink);font:inherit;text-align:left}
body.operation-ui-v2 .missing-customer-match>span{display:grid;gap:2px;min-width:0}
body.operation-ui-v2 .missing-customer-match strong,body.operation-ui-v2 .missing-customer-match small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.operation-ui-v2 .missing-customer-match strong{font-size:12px}body.operation-ui-v2 .missing-customer-match small{color:var(--muted);font-size:10px}
body.operation-ui-v2 .missing-customer-match>b{flex:0 0 auto;color:var(--authority);font-size:10px}
body.operation-ui-v2 .missing-customer-none{min-height:44px;padding:8px 10px;border:0;border-top:1px solid var(--border);background:var(--canvas);color:var(--warning);font:inherit;font-size:10px;font-weight:850}
body.operation-ui-v2 .customer-not-showing-actions{display:flex;justify-content:flex-end;gap:8px}
body.operation-ui-v2 .customer-not-showing-actions button{min-height:46px}body.operation-ui-v2 .customer-not-showing-actions button:disabled{cursor:not-allowed;opacity:.48}
body.operation-ui-v2 .unverified-customer-result{border-left:4px solid var(--warning)!important;background:linear-gradient(90deg,var(--warning-soft),var(--surface) 48%)}
body.operation-ui-v2 .unverified-customer-result .customer-result-title em{border:1px solid color-mix(in srgb,var(--warning) 35%,var(--border));background:var(--warning-soft);color:color-mix(in srgb,var(--warning) 78%,var(--ink));text-transform:none}
body.operation-ui-v2 .selected-customer>strong{display:block;margin-top:4px}
body.operation-ui-v2 .selected-customer>.text-button{min-height:44px;margin-top:6px;padding-left:0}
body.operation-ui-v2 .selected-customer.unverified{border-color:color-mix(in srgb,var(--warning) 45%,var(--border));background:var(--warning-soft);box-shadow:inset 4px 0 0 var(--warning);color:var(--ink)}
body.operation-ui-v2 .selected-customer.unverified .eyebrow{color:color-mix(in srgb,var(--warning) 72%,var(--ink))}
body.operation-ui-v2 .selected-customer.unverified p{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.5}
@media(max-width:620px){body.operation-ui-v2 .customer-not-showing-trigger{grid-template-columns:38px minmax(0,1fr) auto}body.operation-ui-v2 .customer-not-showing-action{justify-content:center;padding-inline:8px}body.operation-ui-v2 .customer-not-showing-grid{grid-template-columns:1fr}body.operation-ui-v2 .customer-not-showing-actions{display:grid;grid-template-columns:.7fr 1.5fr}}
@media(max-width:375px){body.operation-ui-v2 .customer-not-showing-trigger{padding:9px;gap:8px}body.operation-ui-v2 .customer-not-showing-trigger small{display:none}body.operation-ui-v2 .customer-not-showing-form{padding:11px}}
@media(prefers-reduced-motion:reduce){body.operation-ui-v2 .customer-not-showing-trigger{transition:none}body.operation-ui-v2 .customer-not-showing{scroll-behavior:auto}}

/* New Shop: a short, field-friendly prospect workflow. */
body.operation-ui-v2 .new-shop-entry{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;margin:16px 0;padding:13px;border:1px solid #b7dcd3;border-radius:14px;background:#eff9f6}
body.operation-ui-v2 .new-shop-entry-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#0a806a;color:#fff}
body.operation-ui-v2 .new-shop-entry-icon svg,body.operation-ui-v2 .new-shop-intro>span svg,body.operation-ui-v2 .new-shop-proof-card>span svg,body.operation-ui-v2 .prospect-active-hero>span svg,body.operation-ui-v2 .prospect-followup>span svg{width:22px;height:22px}
body.operation-ui-v2 .new-shop-entry strong,body.operation-ui-v2 .new-shop-entry small{display:block}
body.operation-ui-v2 .new-shop-entry small{margin-top:3px;color:#57707e}
body.operation-ui-v2 .new-shop-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 18px;padding:0;list-style:none}
body.operation-ui-v2 .new-shop-progress li{display:flex;align-items:center;gap:7px;min-width:0;padding:8px;border-radius:11px;background:#edf2f5;color:#71818b}
body.operation-ui-v2 .new-shop-progress li span{width:26px;height:26px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#d9e2e7;font-size:11px;font-weight:900}
body.operation-ui-v2 .new-shop-progress li strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
body.operation-ui-v2 .new-shop-progress li.active{background:#fff0f2;color:#a41429;box-shadow:inset 0 0 0 1px #e7a9b3}
body.operation-ui-v2 .new-shop-progress li.active span{background:#bd1731;color:#fff}
body.operation-ui-v2 .new-shop-progress li.done{background:#e8f6f1;color:#08735f}
body.operation-ui-v2 .new-shop-progress li.done span{background:#087d69;color:#fff}
body.operation-ui-v2 .new-shop-flow{display:grid;gap:16px}
body.operation-ui-v2 .new-shop-intro{display:flex;align-items:center;gap:11px;padding:13px;border-radius:13px;background:#f2f6f8;color:#17384a}
body.operation-ui-v2 .new-shop-intro>span{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:#dfeaf0}
body.operation-ui-v2 .new-shop-intro strong,body.operation-ui-v2 .new-shop-intro small{display:block}
body.operation-ui-v2 .new-shop-intro small{margin-top:3px;color:#657985}
body.operation-ui-v2 .new-shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
body.operation-ui-v2 .new-shop-grid .full{grid-column:1/-1}
body.operation-ui-v2 .new-shop-grid label,body.operation-ui-v2 .new-shop-products>label{display:grid;gap:6px;color:#233d4c;font-size:12px;font-weight:800}
body.operation-ui-v2 .new-shop-grid :is(input,select,textarea){width:100%;min-height:48px;box-sizing:border-box;padding:11px 12px;border:1px solid #cbd8df;border-radius:11px;background:#fff;color:#102d3f;font:inherit;font-size:16px}
body.operation-ui-v2 .new-shop-grid textarea{min-height:82px;resize:vertical}
body.operation-ui-v2 .new-shop-proof-card{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;border:1px solid #d5e0e5;border-radius:14px;background:#f8fafb}
body.operation-ui-v2 .new-shop-proof-card>span{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#e6eef2;color:#21495f}
body.operation-ui-v2 .new-shop-proof-card strong,body.operation-ui-v2 .new-shop-proof-card small{display:block}
body.operation-ui-v2 .new-shop-proof-card small{margin-top:3px;color:#657985}
body.operation-ui-v2 .new-shop-proof-card.complete{border-color:#9ed3c6;background:#edf9f5}
body.operation-ui-v2 .new-shop-proof-card.complete>span{background:#087d69;color:#fff}
body.operation-ui-v2 .new-shop-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
body.operation-ui-v2 .new-shop-photo-grid figure{position:relative;margin:0;overflow:hidden;border:1px solid #d5e0e5;border-radius:12px;background:#eef3f5}
body.operation-ui-v2 .new-shop-photo-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
body.operation-ui-v2 .new-shop-photo-grid figcaption{padding:7px 9px;color:#526b78;font-size:10px;font-weight:800}
body.operation-ui-v2 .new-shop-photo-grid button,body.operation-ui-v2 .new-shop-product-list button{position:absolute;top:6px;right:6px;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:9px;background:rgba(10,34,48,.82);color:#fff;cursor:pointer}
body.operation-ui-v2 .new-shop-photo-grid button svg,body.operation-ui-v2 .new-shop-product-list button svg{width:17px}
body.operation-ui-v2 .new-shop-products{display:grid;gap:10px}
body.operation-ui-v2 .new-shop-product-results{display:grid;max-height:210px;overflow:auto;border-radius:12px;background:#f3f7f9}
body.operation-ui-v2 .new-shop-product-results>button{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border:0;border-bottom:1px solid #dce5ea;background:transparent;text-align:left;cursor:pointer}
body.operation-ui-v2 .new-shop-product-results strong,body.operation-ui-v2 .new-shop-product-results small{display:block}
body.operation-ui-v2 .new-shop-product-results small{margin-top:2px;color:#667a86}
body.operation-ui-v2 .new-shop-product-results em{color:#087d69;font-style:normal;font-weight:900}
body.operation-ui-v2 .new-shop-product-list{display:grid;gap:7px;margin:0;padding:0;list-style:none}
body.operation-ui-v2 .new-shop-product-list li{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) 40px;align-items:center;gap:9px;min-height:52px;padding:7px 8px;border:1px solid #d7e2e7;border-radius:11px;background:#fff}
body.operation-ui-v2 .new-shop-product-list li>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#e7f5f1;color:#08745f;font-size:11px;font-weight:900}
body.operation-ui-v2 .new-shop-product-list strong,body.operation-ui-v2 .new-shop-product-list small{display:block}
body.operation-ui-v2 .new-shop-product-list small{margin-top:2px;color:#71818b}
body.operation-ui-v2 .new-shop-product-list li.empty{display:block;min-height:0;padding:12px;color:#71818b;text-align:center}
body.operation-ui-v2 .new-shop-product-list button{position:static;background:#eef3f5;color:#24485c}
body.operation-ui-v2 .new-shop-submit-note{display:flex;align-items:center;gap:10px;padding:12px;border-left:3px solid #087d69;border-radius:9px;background:#eef8f5;color:#173f36}
body.operation-ui-v2 .new-shop-submit-note svg{width:22px;flex:0 0 auto}
body.operation-ui-v2 .new-shop-submit-note strong,body.operation-ui-v2 .new-shop-submit-note small{display:block}
body.operation-ui-v2 .new-shop-submit-note small{margin-top:3px;color:#55756c}
body.operation-ui-v2 .prospect-active-hero{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;padding:18px;border-radius:16px;background:linear-gradient(125deg,#10374b,#15596a);color:#fff;box-shadow:0 14px 34px rgba(15,47,65,.16)}
body.operation-ui-v2 .prospect-active-hero>span{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.12)}
body.operation-ui-v2 .prospect-active-hero .eyebrow{color:#8ee2ce}
body.operation-ui-v2 .prospect-active-hero h2{margin:3px 0;font-size:22px}
body.operation-ui-v2 .prospect-active-hero p{margin:0;color:#d5e4eb}
body.operation-ui-v2 .prospect-active-hero em{font-style:normal;font-weight:900}
body.operation-ui-v2 .prospect-active-grid{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid #d6e1e6;border-radius:13px}
body.operation-ui-v2 .prospect-active-grid>div{padding:13px;border-left:1px solid #d6e1e6}
body.operation-ui-v2 .prospect-active-grid>div:first-child{border-left:0}
body.operation-ui-v2 .prospect-active-grid span,body.operation-ui-v2 .prospect-active-grid strong{display:block}
body.operation-ui-v2 .prospect-active-grid span{color:#667a86;font-size:10px;text-transform:uppercase}
body.operation-ui-v2 .prospect-active-grid strong{margin-top:4px;font-size:16px}
body.operation-ui-v2 .prospect-followup{display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;background:#fff6e7;color:#704900}
body.operation-ui-v2 .prospect-followup strong,body.operation-ui-v2 .prospect-followup small{display:block}
body.operation-ui-v2 .prospect-followup small{margin-top:2px}
html[data-theme="dark"] body.operation-ui-v2 :is(.new-shop-entry,.new-shop-intro,.new-shop-proof-card,.new-shop-product-list li){background:#18313f;color:#f4f8fa;border-color:#385261}
html[data-theme="dark"] body.operation-ui-v2 .new-shop-grid :is(input,select,textarea){background:#102733;color:#f4f8fa;border-color:#42606f}
@media(max-width:620px){body.operation-ui-v2 .new-shop-entry{grid-template-columns:40px minmax(0,1fr)}body.operation-ui-v2 .new-shop-entry button{grid-column:1/-1;width:100%}body.operation-ui-v2 .new-shop-grid{grid-template-columns:1fr}body.operation-ui-v2 .new-shop-grid .full{grid-column:auto}body.operation-ui-v2 .new-shop-proof-card{grid-template-columns:38px minmax(0,1fr)}body.operation-ui-v2 .new-shop-proof-card button{grid-column:1/-1;width:100%}body.operation-ui-v2 .new-shop-photo-grid{grid-template-columns:1fr 1fr}body.operation-ui-v2 .prospect-active-grid{grid-template-columns:1fr 1fr}body.operation-ui-v2 .prospect-active-grid>div:nth-child(odd){border-left:0}body.operation-ui-v2 .prospect-active-grid>div:nth-child(n+3){border-top:1px solid #d6e1e6}body.operation-ui-v2 .prospect-active-hero{grid-template-columns:44px minmax(0,1fr)}body.operation-ui-v2 .prospect-active-hero>em{grid-column:2}body.operation-ui-v2 .new-shop-progress li{justify-content:center}body.operation-ui-v2 .new-shop-progress li strong{display:none}}
@media(prefers-reduced-motion:reduce){body.operation-ui-v2 .new-shop-entry,body.operation-ui-v2 .new-shop-progress li{scroll-behavior:auto;transition:none}}

/* Mobile-safe visit purpose control: no native dropdown and no empty blocking state. */
body.operation-ui-v2 .simple-purpose-field{min-width:0;margin:0;padding:14px;border:1px solid #d5e0e5;border-radius:14px;background:#f8fafb}
body.operation-ui-v2 .simple-purpose-field legend{padding:0 5px;color:#173447;font-size:14px;font-weight:900}
body.operation-ui-v2 .simple-purpose-field>p{margin:0 0 11px;color:#647986;font-size:11px}
body.operation-ui-v2 .simple-purpose-field>p strong{color:#08745f}
body.operation-ui-v2 .simple-purpose-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body.operation-ui-v2 .simple-purpose-option{min-width:0;min-height:54px;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px;border:1px solid #c8d6dd;border-radius:11px;background:#fff;color:#173447;font:inherit;font-size:12px;font-weight:850;cursor:pointer;touch-action:manipulation}
body.operation-ui-v2 .simple-purpose-option>span{width:20px;height:20px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#e8eef1;color:#fff;font-size:11px}
body.operation-ui-v2 .simple-purpose-option.selected{border-color:#087d69;background:#eaf7f3;color:#075f50;box-shadow:0 0 0 2px rgba(8,125,105,.12)}
body.operation-ui-v2 .simple-purpose-option.selected>span{background:#087d69}
body.operation-ui-v2 .simple-purpose-option:focus-visible{outline:3px solid rgba(8,125,105,.24);outline-offset:2px}
html[data-theme="dark"] body.operation-ui-v2 .simple-purpose-field{border-color:#385261;background:#18313f}
html[data-theme="dark"] body.operation-ui-v2 .simple-purpose-field legend{color:#f2f7fa}
html[data-theme="dark"] body.operation-ui-v2 .simple-purpose-option{border-color:#42606f;background:#102733;color:#f2f7fa}
html[data-theme="dark"] body.operation-ui-v2 .simple-purpose-option.selected{border-color:#54bda6;background:#123f39;color:#bcebdd}
@media(max-width:520px){body.operation-ui-v2 .simple-purpose-options{grid-template-columns:1fr}body.operation-ui-v2 .simple-purpose-option{justify-content:flex-start;padding-inline:14px;font-size:14px}}


/* mobile-team-clean.css */
/* Mobile team command center: compact hierarchy, safe navigation and zero overlap. */
body.operation-ui-v2 #homePrimary .close-day-home-action{
  border:2px solid var(--authority)!important;
  color:var(--authority)!important;
  background:var(--authority-soft)!important;
  font-weight:850!important;
}
body.operation-ui-v2 #homePrimary .close-day-home-action.is-blocked{
  border-color:var(--warning)!important;
  color:var(--warning-strong)!important;
  background:var(--warning-soft)!important;
}
body.operation-ui-v2 #homePrimary .close-day-home-action:focus-visible{
  outline:3px solid color-mix(in srgb,var(--authority),transparent 68%)!important;
  outline-offset:2px;
}
@media (max-width:720px) {
  body.operation-ui-v2 .app-shell { padding-bottom:calc(104px + env(safe-area-inset-bottom))!important; }
  body.operation-ui-v2 main { padding-bottom:calc(112px + env(safe-area-inset-bottom))!important; }
  body.operation-ui-v2 .bottom-nav {
    position:fixed!important;
    z-index:1000;
    top:auto!important;
    right:max(9px,env(safe-area-inset-right))!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    left:max(9px,env(safe-area-inset-left))!important;
    width:auto!important;
    min-height:70px!important;
    margin:0!important;
    padding:6px!important;
    transform:none!important;
    border-radius:22px!important;
    box-shadow:0 14px 38px rgba(15,42,64,.2)!important;
  }
  body.operation-ui-v2 .bottom-nav .nav-item { min-height:56px!important; border-radius:14px!important; }
  body.operation-ui-v2 .bottom-nav .nav-icon,
  body.operation-ui-v2 .bottom-nav .nav-icon svg { width:23px!important; height:23px!important; }

  body.operation-ui-v2 .product-people { padding:8px!important; }
  body.operation-ui-v2 .product-people-list.channel-groups { gap:7px!important; padding-top:7px!important; }
  body.operation-ui-v2 .team-activity-channel>summary { min-height:52px!important; }
  body.operation-ui-v2 .team-channel-stats>span { min-height:34px!important; }
  body.operation-ui-v2 .organized-hierarchy { gap:7px!important; padding:7px!important; }
  body.operation-ui-v2 .regional-team>summary { min-height:50px!important; }

  body.operation-ui-v2 .regional-role-badge {
    position:static!important;
    display:inline-flex;
    width:max-content;
    margin:7px 8px 0 56px;
    padding:3px 7px;
    font-size:8px!important;
    line-height:1.2;
  }
  body.operation-ui-v2 .regional-roster-member .product-person {
    min-height:0!important;
    grid-template-columns:minmax(0,1fr) auto 18px!important;
    grid-template-rows:auto auto auto!important;
    gap:6px 8px!important;
    padding:6px 7px 8px!important;
  }
  body.operation-ui-v2 .regional-roster-member .product-person-main { grid-column:1; grid-row:1; }
  body.operation-ui-v2 .regional-roster-member .product-person-main small { display:none!important; }
  body.operation-ui-v2 .regional-roster-member .product-person-status { grid-column:2; grid-row:1; min-height:28px!important; padding:4px 7px!important; }
  body.operation-ui-v2 .regional-roster-member .product-person-start {
    grid-column:1 / 3!important;
    grid-row:2!important;
    display:flex!important;
    align-items:baseline;
    gap:5px;
    padding-left:45px!important;
  }
  body.operation-ui-v2 .regional-roster-member .product-person-open { grid-column:3!important; grid-row:1 / 3!important; align-self:center; }
  body.operation-ui-v2 .regional-roster-member .product-person-metrics {
    grid-column:1 / -1!important;
    grid-row:3!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    overflow:hidden;
    border:1px solid var(--border)!important;
    border-radius:10px;
    background:var(--canvas);
  }
  body.operation-ui-v2 .regional-roster-member .product-person-metrics>span {
    min-height:42px;
    align-content:center;
    padding:5px 4px!important;
    border-top:0!important;
    border-left:1px solid var(--border)!important;
  }
  body.operation-ui-v2 .regional-roster-member .product-person-metrics>span:first-child { border-left:0!important; }
  body.operation-ui-v2 .regional-roster-member .product-person-metrics>span:nth-child(4),
  body.operation-ui-v2 .regional-roster-member .product-person-metrics>span:nth-child(5) { grid-column:auto!important; }
  body.operation-ui-v2 .regional-roster-member .product-person-metrics strong { font-size:12px!important; }
  body.operation-ui-v2 .regional-roster-member .product-person-metrics small { font-size:8px!important; }

  body.operation-ui-v2 .supervised-merchandisers {
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center!important;
    gap:8px!important;
    min-height:54px;
    padding:6px 8px!important;
  }
  body.operation-ui-v2 .supervised-merch-label { white-space:nowrap; }
  body.operation-ui-v2 .supervised-merch-list { width:100%!important; }
  body.operation-ui-v2 .supervised-merch-person { width:100%!important; min-height:44px!important; }
}

@media (max-width:375px) {
  body.operation-ui-v2 .bottom-nav { right:max(6px,env(safe-area-inset-right))!important; left:max(6px,env(safe-area-inset-left))!important; width:auto!important; margin:0!important; }
  body.operation-ui-v2 .regional-roster-member .product-person-status { font-size:8px!important; }
  body.operation-ui-v2 .regional-roster-member .product-person-metrics strong { font-size:11px!important; }
  body.operation-ui-v2 .supervised-merchandisers { grid-template-columns:1fr; }
}
@media (max-width:720px) {
  html, body, body.operation-ui-v2 .app-shell { max-width:100%!important; overflow-x:hidden!important; }
  body.operation-ui-v2 .bottom-nav {
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }
  body.operation-ui-v2 .bottom-nav .nav-item { min-width:0!important; width:auto!important; }
  body.operation-ui-v2 main,
  body.operation-ui-v2 #homePrimary,
  body.operation-ui-v2 .product-dashboard,
  body.operation-ui-v2 .product-summary-grid,
  body.operation-ui-v2 .product-people,
  body.operation-ui-v2 .team-activity-channel {
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  body.operation-ui-v2 .product-dashboard-header {
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
  }
  body.operation-ui-v2 .product-dashboard-tools { display:flex!important; width:100%!important; min-width:0!important; }
  body.operation-ui-v2 .product-date-control { width:100%!important; min-width:0!important; }
  body.operation-ui-v2 .product-date-control label { min-width:0!important; }
  body.operation-ui-v2 .product-date-control input { width:100%!important; min-width:0!important; }
}

@media (orientation:landscape) and (max-height:560px) and (max-width:960px) {
  body.operation-ui-v2 .app-shell { padding-bottom:calc(90px + env(safe-area-inset-bottom))!important; }
  body.operation-ui-v2 main { padding-bottom:calc(96px + env(safe-area-inset-bottom))!important; }
  body.operation-ui-v2 .bottom-nav {
    position:fixed!important;
    z-index:1000!important;
    top:auto!important;
    right:max(12px,env(safe-area-inset-right))!important;
    bottom:max(6px,env(safe-area-inset-bottom))!important;
    left:max(12px,env(safe-area-inset-left))!important;
    width:auto!important;
    min-height:62px!important;
    margin:0!important;
    padding:4px!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    transform:none!important;
    border-radius:19px!important;
  }
  body.operation-ui-v2 .bottom-nav .nav-item { min-height:52px!important; }
}


/* field-intelligence.css */
:root{
  --fi-navy:#102d3f;--fi-navy-2:#173f55;--fi-red:#bd1730;--fi-teal:#087d69;
  --fi-amber:#b96b08;--fi-surface:#fff;--fi-soft:#f3f7f9;--fi-border:#d7e1e7;
  --fi-text:#102331;--fi-muted:#5e7180;--fi-radius:16px;
}
body.operation-ui-v2 .app-shell>.bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.field-intelligence-screen{max-width:1400px;margin:0 auto;padding-bottom:32px}
.field-masthead{display:grid;grid-template-columns:56px minmax(0,1fr) 48px;gap:16px;align-items:center;padding:24px;border-radius:20px;background:linear-gradient(135deg,var(--fi-navy),var(--fi-navy-2));color:#fff;box-shadow:0 12px 30px rgba(16,45,63,.13)}
.field-masthead-icon{display:grid;place-items:center;width:56px;height:56px;border:1px solid rgba(255,255,255,.25);border-radius:16px;background:rgba(255,255,255,.1)}
.field-masthead-icon svg,.field-masthead .icon-button svg{width:26px;height:26px}
.field-masthead h1,body.operation-ui-v2 .field-masthead h1{margin:3px 0 4px;color:#fff;font-size:clamp(1.45rem,3vw,2rem);line-height:1.12}
.field-masthead p{margin:0;color:#d8e5eb;line-height:1.45}
.field-masthead .eyebrow{color:#7ee0cd}
.field-masthead .icon-button{color:#fff;border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.08)}
.field-composer{margin-top:16px;padding:20px;border:1px solid var(--fi-border);border-radius:var(--fi-radius);background:var(--fi-surface)}
.field-composer header{display:flex;align-items:center;justify-content:space-between;gap:20px}
.field-composer h2{margin:4px 0;font-size:1.18rem;color:var(--fi-text)}
.field-composer p{margin:0;color:var(--fi-muted)}
.field-composer .primary-button{width:auto;min-height:48px;display:flex;align-items:center;gap:8px}
.field-composer svg{width:20px;height:20px}
.field-request-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:16px;border:1px solid var(--fi-border);border-radius:var(--fi-radius);background:var(--fi-surface);overflow:hidden}
.field-request-stat{padding:16px 18px;border-right:1px solid var(--fi-border)}
.field-request-stat:last-child{border:0}.field-request-stat strong{display:block;font-size:1.45rem;color:var(--fi-text)}
.field-request-stat span{display:block;margin-top:2px;color:var(--fi-muted);font-size:.8rem}
.field-filter-bar{display:flex;gap:4px;width:max-content;max-width:100%;margin:16px 0;padding:4px;border:1px solid var(--fi-border);border-radius:12px;background:var(--fi-soft)}
.field-filter-bar button{min-height:44px;padding:0 18px;border:0;border-radius:9px;background:transparent;color:var(--fi-muted);font-weight:700;cursor:pointer;transition:background .18s ease,color .18s ease}
.field-filter-bar button.active{background:var(--fi-navy);color:#fff;box-shadow:0 2px 6px rgba(16,45,63,.18)}
.field-request-list{display:grid;gap:12px}
.field-request-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:14px;align-items:start;padding:18px;border:1px solid var(--fi-border);border-radius:var(--fi-radius);background:var(--fi-surface);box-shadow:0 2px 8px rgba(16,45,63,.04)}
.field-request-card.is-answered{border-left:4px solid var(--fi-teal)}.field-request-card.is-closed{opacity:.75}
.field-request-kind{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#eaf1f5;color:var(--fi-navy)}
.field-request-kind svg{width:24px;height:24px}
.field-request-copy{min-width:0}.field-request-meta{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin-bottom:5px}
.field-request-meta span{font-size:.68rem;font-weight:800;letter-spacing:.06em;color:var(--fi-muted)}
.field-audience{padding:4px 7px;border-radius:999px;background:#eef4f7;color:var(--fi-navy)!important}
.field-request-copy h2{margin:0;font-size:1rem;color:var(--fi-text)}.field-request-copy p{margin:6px 0 0;color:var(--fi-muted);line-height:1.45}
.field-request-product{display:inline-flex;align-items:center;gap:6px;margin-top:9px;color:var(--fi-navy);font-size:.78rem;font-weight:700}
.field-request-product svg{width:16px;height:16px}
.field-request-result{display:grid;gap:8px;min-width:118px;text-align:right}
.field-request-result strong{color:var(--fi-text)}.field-request-result small{color:var(--fi-muted)}
.field-request-open{min-width:96px;min-height:44px;border:1px solid var(--fi-border);border-radius:11px;background:var(--fi-soft);color:var(--fi-navy);font-weight:800;cursor:pointer;transition:border-color .18s ease,background .18s ease}
.field-request-open:hover{border-color:var(--fi-navy);background:#e8f0f4}
.field-empty{padding:42px 20px;border:1px dashed var(--fi-border);border-radius:var(--fi-radius);text-align:center;background:var(--fi-soft)}
.field-empty svg{width:34px;height:34px;color:var(--fi-muted)}.field-empty h2{margin:10px 0 4px;color:var(--fi-text)}.field-empty p{margin:0;color:var(--fi-muted)}
.field-request-spotlight{margin:0 0 16px}
.field-spotlight-button{width:100%;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px;border:1px solid #b9d8d2;border-radius:14px;background:#edf9f6;color:var(--fi-text);text-align:left;cursor:pointer}
.field-spotlight-button>span:first-child{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--fi-teal);color:#fff}.field-spotlight-button svg{width:21px;height:21px}
.field-spotlight-button strong,.field-spotlight-button small{display:block}.field-spotlight-button small{margin-top:3px;color:#44695f}.field-spotlight-count{padding:6px 10px;border-radius:999px;background:#fff;color:var(--fi-teal);font-weight:900}
.field-form{display:grid;gap:16px}.field-form-section{padding:16px;border:1px solid var(--fi-border);border-radius:14px;background:var(--fi-soft)}
.field-form-section>strong{display:block;margin-bottom:12px;color:var(--fi-text)}
.field-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.field-form label{display:grid;gap:6px;color:var(--fi-text);font-size:.78rem;font-weight:750}
.field-form label.full{grid-column:1/-1}
.field-form input,.field-form select,.field-form textarea{width:100%;box-sizing:border-box;min-height:46px;padding:11px 12px;border:1px solid #bccbd4;border-radius:10px;background:#fff;color:var(--fi-text);font:inherit}
.field-form textarea{min-height:96px;resize:vertical}.field-form input:focus,.field-form select:focus,.field-form textarea:focus{outline:3px solid rgba(8,125,105,.18);border-color:var(--fi-teal)}
.field-audience-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.field-audience-picker label{position:relative;display:block}
.field-audience-picker input{position:absolute;opacity:0;pointer-events:none}.field-audience-picker span{display:grid;place-items:center;min-height:54px;padding:8px;border:1px solid var(--fi-border);border-radius:11px;background:#fff;text-align:center;cursor:pointer}
.field-audience-picker input:checked+span{border-color:var(--fi-navy);background:var(--fi-navy);color:#fff}
.field-photo-picker{display:flex!important;align-items:center;justify-content:center;min-height:88px;border:1px dashed #9fb2be;border-radius:12px;background:#fff;cursor:pointer}
.field-photo-picker input{position:absolute;width:1px;height:1px;opacity:0}.field-photo-picker span{text-align:center;color:var(--fi-muted)}.field-photo-picker strong{display:block;color:var(--fi-text)}
.field-detail-hero{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:16px}.field-detail-hero img{width:160px;height:130px;object-fit:cover;border-radius:13px;border:1px solid var(--fi-border)}
.field-detail-question{padding:16px;border-left:4px solid var(--fi-teal);border-radius:8px;background:#edf9f6;color:var(--fi-text);line-height:1.55}
.field-response-list{display:grid;gap:8px;margin-top:12px}.field-response-row{display:grid;grid-template-columns:minmax(140px,.8fr) repeat(3,minmax(90px,.6fr)) 72px;gap:8px;align-items:center;padding:12px;border:1px solid var(--fi-border);border-radius:11px;background:#fff}
.field-response-row strong,.field-response-row small{display:block}.field-response-row small{color:var(--fi-muted)}.field-response-row img{width:64px;height:54px;object-fit:cover;border-radius:8px}
html[data-theme="dark"] .field-composer,html[data-theme="dark"] .field-request-stats,html[data-theme="dark"] .field-request-card,html[data-theme="dark"] .field-response-row{background:#132632;border-color:#36505f}
html[data-theme="dark"] .field-form-section,html[data-theme="dark"] .field-empty,html[data-theme="dark"] .field-request-open{background:#10212c}
html[data-theme="dark"] .field-request-copy h2,html[data-theme="dark"] .field-request-stat strong,html[data-theme="dark"] .field-composer h2,html[data-theme="dark"] .field-empty h2{color:#f4f8fa}
@media(max-width:700px){
  .bottom-nav .nav-item{font-size:.67rem;padding-inline:3px}.field-intelligence-screen{padding-inline:0}
  .field-masthead{grid-template-columns:44px minmax(0,1fr) 44px;padding:16px;gap:10px;border-radius:16px}.field-masthead-icon{width:44px;height:44px;border-radius:12px}.field-masthead p{font-size:.8rem}
  .field-composer{padding:14px}.field-composer header{align-items:flex-start}.field-composer header>div{min-width:0}.field-composer p{font-size:.78rem}.field-composer .primary-button{padding:0 12px;white-space:nowrap}
  .field-request-stat{padding:12px}.field-request-stat strong{font-size:1.2rem}
  .field-filter-bar{width:100%}.field-filter-bar button{flex:1;padding:0 8px}
  .field-request-card{grid-template-columns:44px minmax(0,1fr);padding:14px;gap:10px}.field-request-kind{width:44px;height:44px}.field-request-result{grid-column:1/-1;grid-template-columns:1fr auto;align-items:center;text-align:left;padding-top:10px;border-top:1px solid var(--fi-border)}
  .field-request-open{min-width:92px}.field-form-grid{grid-template-columns:1fr}.field-form label.full{grid-column:auto}.field-audience-picker{grid-template-columns:1fr}.field-detail-hero{grid-template-columns:1fr}.field-detail-hero img{width:100%;height:180px}.field-response-row{grid-template-columns:1fr 1fr}.field-response-row>span:first-child{grid-column:1/-1}.field-response-row img{width:100%;height:110px}
}
@media(max-width:390px){.field-masthead p{display:none}.field-composer header{display:grid}.field-composer .primary-button{width:100%;justify-content:center}.field-request-stats{font-size:.75rem}.field-spotlight-button{grid-template-columns:40px minmax(0,1fr) auto;padding:12px}}
@media(prefers-reduced-motion:reduce){.field-filter-bar button,.field-request-open{transition:none}}
/* Multi-photo evidence: compact, removable drafts and accessible galleries. */
.field-photo-draft{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}
.field-photo-draft>small{grid-column:1/-1;padding:12px;color:var(--fi-muted);text-align:center}
.field-photo-draft article{position:relative;min-width:0;padding:6px;border:1px solid var(--fi-border);border-radius:12px;background:var(--fi-surface)}
.field-photo-draft img{display:block;width:100%;height:92px;object-fit:cover;border-radius:8px}
.field-photo-draft article>span{display:block;overflow:hidden;margin:6px 42px 0 2px;color:var(--fi-muted);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}
.field-photo-draft button{position:absolute;right:5px;bottom:5px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--fi-border);border-radius:10px;background:var(--fi-surface);color:var(--fi-red);cursor:pointer}
.field-photo-draft button svg{width:18px;height:18px}
.field-photo-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:8px;width:100%;max-width:380px}
.field-photo-gallery a{position:relative;display:block;min-width:0;border:1px solid var(--fi-border);border-radius:11px;overflow:hidden;background:var(--fi-soft)}
.field-photo-gallery img,.field-detail-hero .field-photo-gallery img{display:block;width:100%;height:96px;object-fit:cover;border:0;border-radius:0}
.field-photo-gallery a>span{position:absolute;right:6px;bottom:6px;display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:rgba(16,45,63,.86);color:#fff;font-size:.7rem;font-weight:800}
.field-response-row{grid-template-columns:minmax(140px,.8fr) repeat(3,minmax(90px,.6fr)) minmax(120px,.7fr)}
.field-response-row .field-photo-gallery{grid-template-columns:repeat(2,minmax(52px,1fr));max-width:180px}
.field-response-row .field-photo-gallery img{height:64px}
.field-no-photo{color:var(--fi-muted)}
html[data-theme="dark"] .field-photo-draft article,html[data-theme="dark"] .field-photo-draft button{background:#132632;border-color:#36505f}
@media(max-width:700px){.field-photo-draft{grid-template-columns:repeat(2,minmax(0,1fr))}.field-photo-gallery{max-width:none}.field-response-row .field-photo-gallery{grid-column:1/-1;max-width:none;grid-template-columns:repeat(3,minmax(64px,1fr))}}
/* Market alert: persistent operational priority without visual clutter. */
.field-request-spotlight{margin:0 0 18px}
.field-request-spotlight .field-spotlight-button{position:relative;isolation:isolate;width:100%;min-height:104px;display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px 20px;border:1px solid rgba(255,255,255,.16);border-left:6px solid var(--fi-red);border-radius:18px;background:linear-gradient(112deg,#102d3f 0%,#173f55 72%,#8f1427 150%);color:#fff;text-align:left;box-shadow:0 14px 32px rgba(16,45,63,.16);cursor:pointer;overflow:hidden}
.field-request-spotlight .field-spotlight-button::after{content:"";position:absolute;z-index:-1;right:-54px;top:-84px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 68%);pointer-events:none}
.field-spotlight-signal{display:grid;place-items:center;width:64px;height:64px;border:1px solid rgba(255,255,255,.3);border-radius:18px;background:rgba(255,255,255,.12);color:#fff}
.field-spotlight-signal svg{width:30px;height:30px}
.field-spotlight-copy{min-width:0}.field-spotlight-copy em,.field-spotlight-copy strong,.field-spotlight-copy small{display:block}
.field-spotlight-copy em{margin-bottom:4px;color:#ff9aab;font-size:.68rem;font-style:normal;font-weight:900;letter-spacing:.13em}
.field-spotlight-copy strong{color:#fff;font-size:clamp(1.05rem,2.2vw,1.35rem);line-height:1.2}
.field-spotlight-copy small{overflow:hidden;margin-top:7px;color:#d8e5eb;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}
.field-spotlight-action{display:grid;grid-template-columns:auto auto 18px;gap:8px;align-items:center;min-height:48px;padding:8px 12px;border:1px solid rgba(255,255,255,.24);border-radius:13px;background:rgba(255,255,255,.1);color:#fff}
.field-spotlight-action b{display:grid;place-items:center;min-width:30px;height:30px;border-radius:9px;background:var(--fi-red);font-size:.85rem}.field-spotlight-action i{font-size:.76rem;font-style:normal;font-weight:800}.field-spotlight-action svg{width:18px;height:18px}
.field-request-spotlight.is-urgent .field-spotlight-signal{animation:field-alert-pulse 2.2s ease-in-out 3}
.field-manager-actions{display:flex;align-items:center;gap:10px}.field-manager-actions .primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.field-manager-actions svg{width:19px;height:19px}
@keyframes field-alert-pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,122,144,0)}50%{box-shadow:0 0 0 9px rgba(255,122,144,.18)}}
@media(max-width:700px){.field-request-spotlight .field-spotlight-button{min-height:94px;grid-template-columns:48px minmax(0,1fr) auto;gap:11px;padding:14px 12px;border-left-width:4px;border-radius:15px}.field-spotlight-signal{width:48px;height:48px;border-radius:14px}.field-spotlight-signal svg{width:24px;height:24px}.field-spotlight-copy strong{font-size:.96rem}.field-spotlight-copy small{font-size:.7rem}.field-spotlight-action{grid-template-columns:auto 16px;padding:7px;gap:5px}.field-spotlight-action i{display:none}.field-manager-actions{display:grid;grid-template-columns:1fr}.field-manager-actions>*{width:100%}}
@media(prefers-reduced-motion:reduce){.field-request-spotlight.is-urgent .field-spotlight-signal{animation:none}}
/* Market intelligence workspace v2 */
.field-masthead{border-radius:22px;background:linear-gradient(125deg,#0c2942 0%,#123c55 72%,#6f1022 145%);box-shadow:0 16px 38px rgba(12,41,66,.14)}.field-composer{border-radius:18px}.field-request-stats{border-radius:16px;box-shadow:0 8px 24px rgba(12,41,66,.05)}
.field-request-card{position:relative;grid-template-columns:48px minmax(0,1fr) 150px;align-items:center;padding:17px 18px;border-radius:16px;box-shadow:0 7px 22px rgba(12,41,66,.055);transition:border-color .18s ease,box-shadow .18s ease}.field-request-card:hover{border-color:#aebfca;box-shadow:0 11px 28px rgba(12,41,66,.09)}.field-request-kind{width:48px;height:48px;border-radius:14px}.field-request-copy h2{font-size:1.02rem;line-height:1.35}.field-request-copy p{max-width:760px;font-size:.82rem}.field-request-result{min-width:0}.field-request-open{width:100%;background:var(--fi-navy);color:#fff;border-color:var(--fi-navy)}.field-request-open:hover,.field-request-open:focus-visible{background:#183f57;color:#fff}
.field-detail-hero{align-items:start;padding:18px;border:1px solid var(--fi-border);border-radius:18px;background:var(--fi-surface)}.field-detail-question{padding:0 0 0 15px;background:transparent;font-size:1rem;font-weight:700}.field-detail-hero .field-request-product{margin-top:14px;padding:8px 10px;border-radius:10px;background:var(--fi-soft)}
.field-form-section:has(.field-response-cards){padding:0;border:0;background:transparent}.field-form-section:has(.field-response-cards)>strong{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;padding:0 2px;font-size:1rem}
.field-response-cards{gap:14px;margin-top:0}.field-response-card{overflow:hidden;border:1px solid var(--fi-border);border-radius:18px;background:var(--fi-surface);box-shadow:0 9px 26px rgba(12,41,66,.07)}.field-response-card>header{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--fi-border);background:var(--fi-soft)}.field-response-index{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--fi-navy);color:#fff;font-size:.74rem;font-weight:900}.field-response-person{display:grid}.field-response-person strong{font-size:.9rem}.field-response-person small{margin-top:2px;color:var(--fi-muted);font-size:.7rem}.field-response-status{padding:6px 9px;border-radius:999px;background:#e5f6f0;color:#08745b;font-size:.68rem;font-weight:850;white-space:nowrap}
.field-response-key-facts{display:grid;grid-template-columns:minmax(130px,.7fr) minmax(170px,1.25fr) minmax(170px,1.25fr);border-bottom:1px solid var(--fi-border)}.field-response-key-facts>div{min-width:0;padding:15px 16px;border-right:1px solid var(--fi-border)}.field-response-key-facts>div:last-child{border:0}.field-response-key-facts small{display:block;color:var(--fi-muted);font-size:.64rem;font-weight:850;letter-spacing:.08em}.field-response-key-facts strong{display:block;margin-top:6px;font-size:.9rem;line-height:1.4;overflow-wrap:anywhere}.field-response-key-facts .primary strong{color:var(--fi-red);font-size:1.35rem;letter-spacing:-.02em}.field-response-key-facts span{display:block;margin-top:4px;color:var(--fi-muted);font-size:.72rem}
.field-response-observation{padding:16px}.field-response-observation small{color:var(--fi-muted);font-size:.64rem;font-weight:850;letter-spacing:.08em}.field-response-observation p{margin:7px 0 0;color:var(--fi-text);font-size:.84rem;line-height:1.65;white-space:pre-wrap}.field-response-evidence{padding:0 16px 16px}.field-response-section-label{display:flex;align-items:center;gap:7px;margin-bottom:9px}.field-response-section-label>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#eef4f7;color:var(--fi-navy)}.field-response-section-label svg{width:16px}.field-response-section-label strong{font-size:.78rem}.field-response-section-label small{margin-left:auto;color:var(--fi-muted);font-size:.7rem}.field-response-evidence .field-photo-gallery{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));max-width:none}.field-response-evidence .field-photo-gallery img{height:120px}.field-response-no-evidence{display:flex;align-items:center;gap:10px;margin:0 16px 16px;padding:12px;border:1px dashed var(--fi-border);border-radius:12px;color:var(--fi-muted);background:var(--fi-soft)}.field-response-no-evidence>svg{width:23px}.field-response-no-evidence span{display:grid}.field-response-no-evidence strong{font-size:.76rem}.field-response-no-evidence small{font-size:.68rem}
html[data-theme="dark"] .field-response-card,html[data-theme="dark"] .field-detail-hero{background:#132632;border-color:#36505f}html[data-theme="dark"] .field-response-card>header,html[data-theme="dark"] .field-response-no-evidence{background:#10212c}html[data-theme="dark"] .field-response-key-facts .primary strong{color:#ff8296}
@media(max-width:700px){.field-request-card{grid-template-columns:44px minmax(0,1fr);padding:14px}.field-request-result{grid-column:1/-1;grid-template-columns:minmax(0,1fr) 112px}.field-detail-hero{padding:14px}.field-response-card>header{grid-template-columns:38px minmax(0,1fr)}.field-response-status{grid-column:2;justify-self:start}.field-response-key-facts{grid-template-columns:1fr 1fr}.field-response-key-facts .primary{grid-column:1/-1}.field-response-key-facts>div{border-right:0;border-bottom:1px solid var(--fi-border)}.field-response-key-facts>div:nth-child(2){border-right:1px solid var(--fi-border);border-bottom:0}.field-response-key-facts>div:last-child{border-bottom:0}.field-response-evidence .field-photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:390px){.field-response-key-facts{grid-template-columns:1fr}.field-response-key-facts .primary{grid-column:auto}.field-response-key-facts>div,.field-response-key-facts>div:nth-child(2){border-right:0;border-bottom:1px solid var(--fi-border)}.field-response-key-facts>div:last-child{border-bottom:0}}
@media(prefers-reduced-motion:reduce){.field-request-card{transition:none}}
/* Market acknowledgement and reminder control */
.field-urgent-notice{position:fixed;z-index:1200;left:50%;bottom:max(88px,calc(env(safe-area-inset-bottom) + 76px));transform:translateX(-50%);display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;width:min(920px,calc(100% - 28px));padding:14px;border:1px solid #d9a538;border-left:5px solid #bd1730;border-radius:18px;background:#fff;color:#102331;box-shadow:0 22px 60px rgba(11,33,49,.24)}
.field-urgent-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#fff2e0;color:#9b4d00}.field-urgent-icon svg{width:25px}
.field-urgent-copy{display:grid;min-width:0}.field-urgent-copy small{color:#bd1730;font-size:.67rem;font-weight:900;letter-spacing:.1em}.field-urgent-copy strong{margin-top:2px;overflow:hidden;font-size:.95rem;text-overflow:ellipsis;white-space:nowrap}.field-urgent-copy span{margin-top:3px;color:#5e7180;font-size:.76rem}
.field-urgent-actions{display:flex;gap:8px}.field-urgent-actions button{min-height:46px;white-space:nowrap;cursor:pointer}.field-urgent-actions button:focus-visible{outline:3px solid rgba(189,23,48,.25);outline-offset:2px}
.field-ack-setting{display:flex!important;align-items:center;gap:12px;padding:13px 14px;border:1px solid #bed9d1;border-radius:13px;background:#edf8f5;color:#102331}.field-ack-setting>svg{width:24px;color:#087d69}.field-ack-setting span{display:grid}.field-ack-setting strong{font-size:.82rem}.field-ack-setting small{margin-top:2px;color:#526b65;font-size:.72rem}
.field-request-tracking{overflow:hidden;border:1px solid var(--fi-border);border-radius:16px;background:var(--fi-surface)}.field-request-tracking>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;border-bottom:1px solid var(--fi-border);background:var(--fi-soft)}.field-request-tracking>header span{display:grid}.field-request-tracking>header small{color:var(--fi-red);font-size:.64rem;font-weight:900;letter-spacing:.09em}.field-request-tracking>header strong{font-size:.9rem}.field-request-tracking>header em{padding:6px 9px;border-radius:999px;background:#dff4ed;color:#08715a;font-size:.7rem;font-style:normal;font-weight:850}.field-request-tracking>div{display:grid;grid-template-columns:repeat(4,1fr)}.field-request-tracking>div>span{display:grid;padding:14px;border-right:1px solid var(--fi-border)}.field-request-tracking>div>span:last-child{border:0}.field-request-tracking>div strong{font-size:1.2rem}.field-request-tracking>div small{margin-top:2px;color:var(--fi-muted);font-size:.7rem}
html[data-theme="dark"] .field-urgent-notice{border-color:#8a6a2b;background:#132632;color:#fff}html[data-theme="dark"] .field-urgent-copy span{color:#c2d0d8}html[data-theme="dark"] .field-ack-setting{border-color:#315e54;background:#13342f;color:#fff}
@media(max-width:700px){.field-urgent-notice{grid-template-columns:42px minmax(0,1fr);gap:10px;padding:12px;bottom:max(82px,calc(env(safe-area-inset-bottom) + 72px));border-radius:16px}.field-urgent-icon{width:42px;height:42px}.field-urgent-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.field-urgent-actions button{width:100%;padding-inline:10px}.field-request-tracking>header{align-items:flex-start}.field-request-tracking>div{grid-template-columns:1fr 1fr}.field-request-tracking>div>span:nth-child(2){border-right:0}.field-request-tracking>div>span:nth-child(-n+2){border-bottom:1px solid var(--fi-border)}}
.field-receipt-list{display:grid!important;grid-template-columns:1fr!important;border-top:1px solid var(--fi-border)}.field-receipt-list>span{display:grid!important;grid-template-columns:24px minmax(0,1fr) auto!important;gap:3px 9px!important;align-items:center;padding:10px 14px!important;border:0!important;border-bottom:1px solid var(--fi-border)!important}.field-receipt-list>span:last-child{border-bottom:0!important}.field-receipt-list svg{grid-row:1/3;width:20px;color:var(--fi-teal)}.field-receipt-list b{font-size:.76rem}.field-receipt-list small{grid-column:2;color:var(--fi-muted);font-size:.66rem}.field-receipt-list time{grid-column:3;grid-row:1/3;color:var(--fi-muted);font-size:.68rem}.field-receipt-empty{padding:13px 14px;border-top:1px solid var(--fi-border);color:var(--fi-muted);font-size:.74rem}

/* Recipient-level delivery status */
.field-recipient-list{border-top:1px solid var(--fi-border);background:var(--fi-surface)}
.field-recipient-row{display:grid;grid-template-columns:38px minmax(0,1fr) minmax(150px,auto);gap:11px;align-items:center;min-width:0;padding:11px 14px;border-bottom:1px solid var(--fi-border)}
.field-recipient-row:last-child{border-bottom:0}
.field-recipient-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#edf2f5;color:#17384d;font-size:.7rem;font-weight:900;letter-spacing:.03em}
.field-recipient-identity,.field-recipient-state{display:grid;min-width:0}
.field-recipient-identity strong{overflow:hidden;color:var(--fi-ink);font-size:.79rem;text-overflow:ellipsis;white-space:nowrap}
.field-recipient-identity small{margin-top:3px;color:var(--fi-muted);font-size:.66rem;font-weight:650;letter-spacing:.025em}
.field-recipient-state{justify-items:end;gap:4px;text-align:right}
.field-recipient-state b{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:4px 9px;border:1px solid currentColor;border-radius:999px;font-size:.68rem;font-weight:850;line-height:1.1}
.field-recipient-state b:before{width:6px;height:6px;border-radius:50%;background:currentColor;content:""}
.field-recipient-state time{color:var(--fi-muted);font-size:.64rem}
.field-recipient-row.is-waiting .field-recipient-state b{background:#fff7e7;color:#8a5600}
.field-recipient-row.is-read .field-recipient-state b{background:#edf5fb;color:#276884}
.field-recipient-row.is-replied .field-recipient-state b{background:#e7f6f1;color:#08715a}
html[data-theme="dark"] .field-recipient-avatar{background:#203746;color:#dce9ef}
html[data-theme="dark"] .field-recipient-row.is-waiting .field-recipient-state b{background:#3e321b;color:#ffd37b}
html[data-theme="dark"] .field-recipient-row.is-read .field-recipient-state b{background:#193747;color:#8fd0ed}
html[data-theme="dark"] .field-recipient-row.is-replied .field-recipient-state b{background:#153c34;color:#7be0c3}
@media(max-width:520px){
  .field-recipient-row{grid-template-columns:38px minmax(0,1fr);gap:8px 10px;padding:11px 12px}
  .field-recipient-state{grid-column:2;justify-items:start;text-align:left}
  .field-recipient-identity strong{white-space:normal}
  .field-request-tracking>header em{white-space:nowrap}
}
@media(max-width:380px){
  .field-request-tracking>.field-tracking-metrics>span{padding:11px 10px}
  .field-request-tracking>.field-tracking-metrics strong{font-size:1.05rem}
}
@media(max-height:500px) and (orientation:landscape){
  .field-recipient-row{padding-block:8px}
}

/* Market Request modal: coherent light workspace in both app themes */
.field-request-modal{
  --fi-surface:#fff;--fi-soft:#f4f7f9;--fi-border:#d7e1e7;--fi-text:#102331;--fi-muted:#5e7180;
  width:min(calc(100% - 32px),760px);max-height:min(94dvh,920px);background:#f7f9fb!important;color:#102331!important
}
.field-request-modal>.modal-heading{position:sticky;z-index:10;top:-22px;margin:0 -18px 14px;padding:12px 18px 14px;background:rgba(247,249,251,.96);backdrop-filter:blur(14px)}
.field-request-modal>.modal-heading h2{color:#102331!important;font-size:clamp(1.08rem,2.2vw,1.28rem);line-height:1.28}
.field-request-modal>.modal-heading p{color:#5e7180!important}
.field-request-modal .modal-back-button{color:#17384d!important;background:#eef3f6!important;border-color:#cbd8df!important}
.field-request-modal .field-form{gap:12px}
.field-request-modal .field-detail-hero,
.field-request-modal .field-form-section,
.field-request-modal .field-request-tracking,
.field-request-modal .field-response-card{background:#fff!important;color:#102331!important;border-color:#d7e1e7!important}
.field-request-modal .field-detail-hero{padding:15px;border-radius:16px;box-shadow:0 4px 14px rgba(16,45,63,.05)}
.field-request-modal .field-detail-question{padding-left:13px;color:#102331!important;font-size:.94rem;line-height:1.5}
.field-request-modal .field-detail-hero p,
.field-request-modal .field-detail-hero small,
.field-request-modal .field-request-product{color:#5e7180!important}
.field-answer-section{overflow:hidden;padding:0!important;border-radius:16px!important;box-shadow:0 4px 14px rgba(16,45,63,.04)}
.field-answer-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid #d7e1e7;background:#f4f7f9}
.field-answer-header span{display:grid}
.field-answer-header small{color:#bd1730;font-size:.64rem;font-weight:900;letter-spacing:.11em}
.field-answer-header strong{margin-top:2px;color:#102331!important;font-size:1rem}
.field-answer-header em{padding:5px 8px;border-radius:999px;background:#e8f2f5;color:#35586c;font-size:.66rem;font-style:normal;font-weight:750;white-space:nowrap}
.field-answer-body{display:grid;gap:14px;padding:16px}
.field-request-modal .field-form label{position:relative;color:#1a3546!important;font-size:.75rem;font-weight:800}
.field-request-modal .field-form label>span{position:absolute;right:0;top:0;color:#71828e;font-size:.65rem;font-weight:700}
.field-request-modal .field-form input,
.field-request-modal .field-form select,
.field-request-modal .field-form textarea{min-height:48px;border-color:#b9c9d2!important;background:#fff!important;color:#102331!important;font-size:16px!important;line-height:1.35;box-shadow:none}
.field-request-modal .field-form input::placeholder,
.field-request-modal .field-form textarea::placeholder{color:#84939d;opacity:1}
.field-request-modal .field-form input:focus,
.field-request-modal .field-form select:focus,
.field-request-modal .field-form textarea:focus{border-color:#087d69!important;outline:3px solid rgba(8,125,105,.16)!important}
.field-optional-details{overflow:hidden;border:1px solid #d7e1e7;border-radius:12px;background:#fff}
.field-optional-details summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:8px 12px;color:#17384d;cursor:pointer;list-style:none}
.field-optional-details summary::-webkit-details-marker{display:none}
.field-optional-details summary span{display:grid}
.field-optional-details summary strong{font-size:.78rem}
.field-optional-details summary small{margin-top:2px;color:#71828e;font-size:.66rem}
.field-optional-details summary:after{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#eef3f6;color:#17384d;font-size:1.1rem;font-weight:500;content:"+"}
.field-optional-details[open] summary{border-bottom:1px solid #d7e1e7;background:#f7fafb}
.field-optional-details[open] summary:after{content:"−"}
.field-optional-details>.field-form-grid{padding:12px}
.field-observation{display:grid!important}
.field-request-modal .field-form textarea{min-height:92px}
.field-evidence-block{padding:10px;border:1px solid #d7e1e7;border-radius:12px;background:#f7fafb}
.field-request-modal .field-photo-picker{min-height:72px;border-color:#9db0bc!important;background:#fff!important}
.field-request-modal .field-photo-picker strong{color:#17384d!important}
.field-request-modal .field-photo-picker small,
.field-request-modal .field-photo-draft>small{color:#667b89!important}
.field-submit-answer{min-height:52px;margin-top:2px;font-size:.9rem}
html[data-theme="dark"] .field-request-modal,
html[data-theme="dark"] .field-request-modal .field-detail-hero,
html[data-theme="dark"] .field-request-modal .field-form-section,
html[data-theme="dark"] .field-request-modal .field-request-tracking,
html[data-theme="dark"] .field-request-modal .field-response-card,
html[data-theme="dark"] .field-request-modal .field-empty{background:#f7f9fb!important;color:#102331!important}
html[data-theme="dark"] .field-request-modal .field-form-section,
html[data-theme="dark"] .field-request-modal .field-detail-hero,
html[data-theme="dark"] .field-request-modal .field-response-card{background:#fff!important}
html[data-theme="dark"] .field-request-modal .field-response-card>header,
html[data-theme="dark"] .field-request-modal .field-response-no-evidence{background:#f4f7f9!important}
html[data-theme="dark"] .field-request-modal strong,
html[data-theme="dark"] .field-request-modal b,
html[data-theme="dark"] .field-request-modal .field-response-observation p{color:#102331}
html[data-theme="dark"] .field-request-modal small,
html[data-theme="dark"] .field-request-modal time{color:#5e7180}
@media(max-width:700px){
  .field-request-modal{width:100%;max-height:calc(100dvh - max(8px,env(safe-area-inset-top)));border-radius:22px 22px 0 0}
  .field-request-modal>.modal-heading{top:-22px}
  .field-request-modal .field-detail-hero{grid-template-columns:minmax(0,1fr) 112px;gap:12px}
  .field-request-modal .field-detail-hero .field-photo-gallery{grid-template-columns:1fr}
  .field-request-modal .field-detail-hero .field-photo-gallery img{height:96px}
  .field-answer-body{padding:14px}
}
@media(max-width:520px){
  .field-request-modal .field-detail-hero{grid-template-columns:1fr}
  .field-request-modal .field-detail-hero .field-photo-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
  .field-request-modal .field-detail-hero .field-photo-gallery img{height:82px}
  .field-answer-header{align-items:flex-start}
  .field-answer-header em{white-space:normal;text-align:right}
  .field-core-fields{grid-template-columns:1fr}
}
@media(max-width:380px){
  .field-request-modal>.modal-heading{padding-inline:14px}
  .field-answer-body{padding:12px}
}

@media(max-width:700px){
  .field-request-modal{max-height:calc(var(--app-viewport-height) - max(8px,var(--app-safe-top)))}
  .field-request-modal>.modal-heading{margin-inline:-14px;padding-inline:14px}
}

/* Market Request mobile density polish */
.field-request-modal .field-form input,
.field-request-modal .field-form select,
.field-request-modal .field-form textarea{font-weight:500}
@media(max-width:520px){
  .field-request-modal .field-detail-hero{grid-template-columns:minmax(0,1fr) 96px}
  .field-request-modal .field-detail-hero .field-photo-gallery{grid-template-columns:1fr}
  .field-request-modal .field-detail-hero .field-photo-gallery img{height:88px}
}
/* Mobile home attention card v9 — warm operational alert, not a decorative banner. */
@media(max-width:720px){
  #screen-home .field-request-spotlight.is-urgent .field-spotlight-button{min-height:112px;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;padding:15px 12px;border:1px solid #efc273;border-left:5px solid var(--fi-red);border-radius:18px;background:linear-gradient(135deg,#fff8e8 0%,#fff 62%,#fff0f2 100%);color:#172733;box-shadow:0 10px 26px rgba(121,64,15,.13)}
  #screen-home .field-request-spotlight.is-urgent .field-spotlight-button::after{right:-60px;top:-92px;background:radial-gradient(circle,rgba(189,23,48,.08),transparent 68%)}
  #screen-home .field-request-spotlight.is-urgent .field-spotlight-signal{width:52px;height:52px;border:0;border-radius:15px;background:#bd1730;color:#fff;box-shadow:0 7px 18px rgba(189,23,48,.22)}
  #screen-home .field-request-spotlight.is-urgent .field-spotlight-copy em{margin-bottom:5px;color:#a30f28;font-size:10px;letter-spacing:.12em}
  #screen-home .field-request-spotlight.is-urgent .field-spotlight-copy strong{color:#172733;font-size:17px;line-height:1.22}
  #screen-home .field-request-spotlight.is-urgent .field-spotlight-copy small{margin-top:6px;color:#5a6872;font-size:11px;line-height:1.35;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  #screen-home .field-request-spotlight.is-urgent .field-spotlight-action{grid-template-columns:auto 17px;min-width:52px;min-height:52px;padding:6px;border-color:#e8b8c0;border-radius:14px;background:#fff;color:#9f1730}
  #screen-home .field-request-spotlight.is-urgent .field-spotlight-action b{min-width:31px;height:31px;background:#bd1730;color:#fff}
  #screen-home .field-request-spotlight.is-urgent .field-spotlight-action i{display:none}
  #screen-home .field-request-spotlight.is-urgent .field-spotlight-button:active{background:#fff0d1}
  #screen-home .field-request-spotlight.is-urgent .field-spotlight-button:focus-visible{outline:3px solid rgba(189,23,48,.28);outline-offset:2px}
}
html[data-theme="dark"] #screen-home .field-request-spotlight.is-urgent .field-spotlight-button{border-color:#8b6528;background:linear-gradient(135deg,#342814 0%,#1b2b35 72%,#351a21 100%);color:#fff}
html[data-theme="dark"] #screen-home .field-request-spotlight.is-urgent .field-spotlight-copy strong{color:#fff}
html[data-theme="dark"] #screen-home .field-request-spotlight.is-urgent .field-spotlight-copy small{color:#d5dde2}
html[data-theme="dark"] #screen-home .field-request-spotlight.is-urgent .field-spotlight-copy em{color:#ff9daf}
@media(prefers-reduced-motion:reduce){#screen-home .field-request-spotlight.is-urgent .field-spotlight-signal{animation:none!important}}

@media(max-width:340px){
  .field-request-modal .field-detail-hero{grid-template-columns:1fr}
  .field-request-modal .field-detail-hero .field-photo-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
}


/* today-refined.css */
/* Local Today presentation layer. No report, visit, auth or data rules. */
#screen-home {
  --today-surface: #fff;
  --today-ink: #252529;
  --today-muted: #62626a;
  --today-line: #dedee3;
  --today-soft: #f6f6f8;
  --today-brand: #cc0030;
  --today-brand-soft: #fff1f4;
  --today-on-brand: #fff;
  --today-green: #15704c;
  --today-travel: #878793;
}
[data-theme="dark"] #screen-home {
  --today-surface: #232326;
  --today-ink: #f4f4f5;
  --today-muted: #bdbdc5;
  --today-line: #45454d;
  --today-soft: #2c2c31;
  --today-brand: #ff8da6;
  --today-brand-soft: #3c252d;
  --today-on-brand: #29191f;
  --today-green: #89d6b5;
  --today-travel: #aaaab8;
}
body.operation-ui-v2 #screen-home .product-dashboard {
  border: 1px solid var(--today-line); border-radius: 12px;
  background: var(--today-surface); box-shadow: none; margin-bottom: 20px;
  color: var(--today-ink); font-family: Arial, sans-serif;
}
/* !important only counters legacy global !important colours and sizes. */
body.operation-ui-v2 #screen-home #managerCommand { gap: 0; }
body.operation-ui-v2 #screen-home #managerCommand>:is(.product-dashboard,.product-people,#managerControlShortcut) { order: 0; }
body.operation-ui-v2 #screen-home .product-dashboard-header {
  display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;
  padding: 20px; min-height: 0; gap: 16px;
  background: var(--today-surface) !important;
  color: var(--today-ink) !important; border-color: var(--today-line);
}
body.operation-ui-v2 #screen-home .product-dashboard-header :is(h1,p,span,small,strong) { color: var(--today-ink) !important; }
body.operation-ui-v2 #screen-home .product-dashboard-title h1 { font-size: 24px; line-height: 1.3; letter-spacing: -.025em; font-weight: 700; }
body.operation-ui-v2 #screen-home .product-dashboard-header { box-shadow: none; border-radius: 0; }
body.operation-ui-v2 #screen-home :is(.product-date-step,.product-refresh) svg { width: 18px; height: 18px; color: var(--today-ink) !important; stroke: currentColor; }
body.operation-ui-v2 #screen-home .product-refresh { display: grid; place-items: center; background: var(--today-surface) !important; border-color: var(--today-line) !important; }
body.operation-ui-v2 #screen-home .product-dashboard-title p { font-size: 13px !important; opacity: 1; color: var(--today-muted) !important; margin-top: 6px; }
body.operation-ui-v2 #screen-home .product-dashboard-header .product-live { color: var(--today-green) !important; font-size: 12px; letter-spacing: 0; margin-bottom: 5px; }
body.operation-ui-v2 #screen-home .product-live i { background: var(--today-green); box-shadow: none; }
body.operation-ui-v2 #screen-home .product-dashboard-header .product-live { background: transparent; }
body.operation-ui-v2 #screen-home .product-dashboard-tools { display: flex; width: auto; flex-wrap: wrap; gap: 8px; }
body.operation-ui-v2 #screen-home .product-date-control { min-height: 48px; max-width: 100%; border: 1px solid var(--today-line) !important; border-radius: 8px !important; background: var(--today-surface) !important; }
body.operation-ui-v2 #screen-home .product-date-control label { min-width: 138px; padding: 6px 10px !important; background: var(--today-surface) !important; }
body.operation-ui-v2 #screen-home .product-date-control label small { color: var(--today-muted) !important; font-size: 11px !important; letter-spacing: 0; font-weight: 500; }
body.operation-ui-v2 #screen-home .product-date-control label strong { color: var(--today-ink) !important; font-size: 14px; }
body.operation-ui-v2 #screen-home .product-date-control input { font-size: 16px; }
body.operation-ui-v2 #screen-home .product-date-control:focus-within { outline: 2px solid var(--today-brand); outline-offset: 2px; }
body.operation-ui-v2 #screen-home .product-date-step { display: grid; width: 44px !important; min-width: 44px; flex-basis: 44px; min-height: 48px; color: var(--today-ink); background: transparent; }
body.operation-ui-v2 #screen-home .product-date-step:disabled { opacity: .45; }
body.operation-ui-v2 #screen-home .product-date-today { min-width: 44px; min-height: 48px; color: var(--today-brand) !important; background: var(--today-brand-soft) !important; font-size: 12px; }
body.operation-ui-v2 #screen-home .product-refresh { width: 48px; height: 48px; min-width: 48px; border: 1px solid var(--today-line); border-radius: 8px; color: var(--today-ink); background: var(--today-surface); }
body.operation-ui-v2 #screen-home .product-summary-grid { background: var(--today-surface); border-color: var(--today-line); grid-template-columns: repeat(4,minmax(0,1fr)); }
body.operation-ui-v2 #screen-home .product-summary-card { min-height: 128px; padding: 20px 16px; gap: 4px; box-shadow: none; background: var(--today-surface); border: 0; border-right: 1px solid var(--today-line); }
body.operation-ui-v2 #screen-home .product-summary-card:last-child { border-right: 0; }
body.operation-ui-v2 #screen-home .product-summary-card::before { content: none; }
body.operation-ui-v2 #screen-home .product-summary-card>span { color: var(--today-ink) !important; font-size: 13px !important; font-weight: 500; text-transform: none; letter-spacing: 0; padding-right: 14px; }
body.operation-ui-v2 #screen-home .product-summary-card>strong { color: var(--today-ink) !important; font-size: 30px; font-weight: 600; margin-top: 6px; }
body.operation-ui-v2 #screen-home .product-summary-card>strong em { color: var(--today-muted); font-size: 16px; font-weight: 400; }
body.operation-ui-v2 #screen-home .product-summary-card>small { color: var(--today-muted) !important; font-size: 12px !important; line-height: 1.5; }
body.operation-ui-v2 #screen-home .product-summary-card>i { color: var(--today-muted); top: 20px; right: 10px; }
body.operation-ui-v2 #screen-home .product-summary-card>i { background: transparent; box-shadow: none; }
body.operation-ui-v2 #screen-home .product-summary-card:hover { background: var(--today-soft); }
body.operation-ui-v2 #screen-home .product-mobile-disclosure { display: block; background: var(--today-surface); border-color: var(--today-line); }
body.operation-ui-v2 #screen-home .product-allocation { padding: 0; }
body.operation-ui-v2 #screen-home .product-allocation .product-disclosure-body { padding: 20px; }
body.operation-ui-v2 #screen-home .product-allocation header { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
body.operation-ui-v2 #screen-home .product-allocation header>div { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
body.operation-ui-v2 #screen-home .product-allocation header span { color: var(--today-muted); font-size: 12px; letter-spacing: 0; font-weight: 500; }
body.operation-ui-v2 #screen-home .product-allocation header strong { color: var(--today-ink); font-size: 18px; font-weight: 600; }
body.operation-ui-v2 #screen-home .product-allocation header button { display: inline-flex; align-items: center; min-height: 44px; padding: 8px; border: 0; background: transparent; color: var(--today-brand); font-size: 13px; }
body.operation-ui-v2 #screen-home .product-allocation header button { width: auto; max-width: none; white-space: nowrap; gap: 4px; flex: 0 0 auto; }
body.operation-ui-v2 #screen-home .product-allocation header button svg { width: 16px; height: 16px; flex: 0 0 16px; }
body.operation-ui-v2 #screen-home .product-time-track { height: 8px; margin: 16px 0; border: 0; border-radius: 6px; }
body.operation-ui-v2 #screen-home :is(.product-time-track,.product-time-legend) .onsite { background: var(--today-green); }
body.operation-ui-v2 #screen-home :is(.product-time-track,.product-time-legend) .travel { background: var(--today-travel); }
body.operation-ui-v2 #screen-home :is(.product-time-track,.product-time-legend) .other { background: var(--today-line); }
body.operation-ui-v2 #screen-home .product-time-legend { display: flex; flex-wrap: wrap; gap: 8px 24px; }
body.operation-ui-v2 #screen-home .product-time-legend>span { display: flex; gap: 6px; }
body.operation-ui-v2 #screen-home .product-time-legend :is(small,em) { font-size: 12px; color: var(--today-muted); }
body.operation-ui-v2 #screen-home .product-time-legend strong { font-size: 13px; color: var(--today-ink); font-weight: 500; }
body.operation-ui-v2 #screen-home .product-mobile-disclosure>summary { min-height: 52px; color: var(--today-ink); }
body.operation-ui-v2 #screen-home .product-mobile-disclosure>summary b { font-size: 14px; }
body.operation-ui-v2 #screen-home .product-mobile-disclosure>summary small { font-size: 12px; color: var(--today-muted); }
body.operation-ui-v2 #screen-home .product-mobile-disclosure>summary svg { background: transparent; color: var(--today-muted); }
body.operation-ui-v2 #screen-home #managerControlShortcut { margin: 0 0 20px; padding: 20px; border: 1px solid var(--today-line); border-radius: 12px; background: var(--today-surface); box-shadow: none; font-family: Arial,sans-serif; }
body.operation-ui-v2 #screen-home .manager-control-launch-copy { grid-template-columns: 32px minmax(0,1fr); align-items: start; gap: 12px; }
body.operation-ui-v2 #screen-home .manager-control-launch-copy>span { width: 32px; height: 32px; color: var(--today-muted); background: transparent; }
body.operation-ui-v2 #screen-home .manager-control-launch-copy small { color: var(--today-muted); font-size: 11px; letter-spacing: .02em; font-weight: 500; }
body.operation-ui-v2 #screen-home .manager-control-launch h1 { color: var(--today-ink); font-size: 18px; line-height: 1.4; margin: 4px 0; }
body.operation-ui-v2 #screen-home .manager-control-launch p { color: var(--today-muted); font-size: 13px; line-height: 1.5; }
body.operation-ui-v2 #screen-home .manager-control-launch-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
body.operation-ui-v2 #screen-home .manager-control-launch-actions button { flex: 0 1 auto; min-width: 0; min-height: 48px; padding: 10px 14px; border-radius: 8px; box-shadow: none; gap: 10px; }
body.operation-ui-v2 #screen-home .manager-control-launch-actions button strong { font-size: 14px; font-weight: 600; }
body.operation-ui-v2 #screen-home .manager-control-launch-actions button small { font-size: 12px; font-weight: 400; opacity: 1; }
body.operation-ui-v2 #screen-home #openVisitPlanning { background: var(--today-brand); border: 1px solid var(--today-brand); color: var(--today-on-brand); }
body.operation-ui-v2 #screen-home #openCustomerControl { background: var(--today-surface); border: 1px solid var(--today-line); color: var(--today-ink); }
body.operation-ui-v2 #screen-home .manager-control-help { margin-top: 8px; color: var(--today-muted); font-size: 13px; }
body.operation-ui-v2 #screen-home .manager-control-help>summary { cursor: pointer; min-height: 44px; padding: 12px 0; }
body.operation-ui-v2 #screen-home .manager-control-help .manager-control-flow { display: flex; flex-wrap: wrap; border: 0; margin: 0; padding: 8px 0; gap: 12px; color: var(--today-muted); font-size: 13px; }
body.operation-ui-v2 #screen-home .manager-control-flow b { background: var(--today-soft); color: var(--today-ink); }
body.operation-ui-v2 #screen-home #managerControlShortcut:not(.hidden) { grid-template-columns: minmax(0,1fr) auto; gap: 8px 20px; align-items: center; }
body.operation-ui-v2 #screen-home .manager-control-launch-copy { display: grid; }
body.operation-ui-v2 #screen-home .manager-control-launch-actions { margin-top: 0; }
body.operation-ui-v2 #screen-home .manager-control-launch-actions button { width: auto; }
body.operation-ui-v2 #screen-home .manager-control-help { grid-column: 1 / -1; margin-top: 0; }
body.operation-ui-v2 #screen-home .product-date-context { background: var(--today-soft); color: var(--today-ink); border-color: var(--today-line); }
body.operation-ui-v2 #screen-home .product-date-context>span { flex-wrap: wrap; }
body.operation-ui-v2 #screen-home .product-date-context :is(small,strong) { font-size: 12px; color: var(--today-muted); }
@media(max-width:760px) {
  body.operation-ui-v2 #screen-home .product-dashboard-header { padding: 16px; }
  body.operation-ui-v2 #screen-home .product-dashboard-tools { width: 100%; }
  body.operation-ui-v2 #screen-home .product-dashboard-title h1 { font-size: 22px; }
  body.operation-ui-v2 #screen-home .product-summary-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body.operation-ui-v2 #screen-home .product-summary-card { padding: 16px; min-height: 124px; }
  body.operation-ui-v2 #screen-home .product-summary-card:nth-child(2) { border-right: 0; }
  body.operation-ui-v2 #screen-home .product-summary-card:nth-child(-n+2) { border-bottom: 1px solid var(--today-line); }
  body.operation-ui-v2 #screen-home .product-summary-card>strong { font-size: 28px; }
  body.operation-ui-v2 #screen-home .product-allocation .product-disclosure-body { padding: 16px; }
  body.operation-ui-v2 #screen-home #managerControlShortcut { padding: 16px; }
  body.operation-ui-v2 #screen-home #managerControlShortcut:not(.hidden) { grid-template-columns: 1fr; }
  body.operation-ui-v2 #screen-home .manager-control-launch-actions { margin-top: 8px; }
  body.operation-ui-v2 #screen-home .manager-control-launch-actions button { flex: 1 1 180px; }
}
@media(max-width:380px) {
  body.operation-ui-v2 #screen-home .product-date-control { flex-wrap: wrap; }
  body.operation-ui-v2 #screen-home .product-dashboard-tools { gap: 8px; }
  body.operation-ui-v2 #screen-home .product-date-control label { min-width: 114px; }
}


/* profile-summary.css */
/* Scoped profile summary only. */
[data-theme="dark"] .modal-sheet:has(.profile-summary-view){--surface:#101f2b;--surface-raised:#152735;--canvas:#08131d;--border:#294050;--border-strong:#47606f;--ink:#f1f6f9;--muted:#b1c0cb;--brand:#ff8295;--brand-soft:#3d2733;--accent-strong:#83dec5;--accent-soft:#153a32;background:var(--surface);color:var(--ink)}
.profile-summary-launch{margin:12px 0;min-height:48px}
.profile-summary-view{color:var(--ink);font-size:15px;line-height:1.5;min-width:0}
.profile-summary-view *{box-sizing:border-box}
.profile-summary-view [hidden]{display:none!important}
.profile-summary-view h3{font-size:18px;margin:0 0 12px;color:var(--ink)}
.profile-summary-view small{display:block;font-size:12px;color:var(--muted);line-height:1.5}
.profile-summary-view button,.profile-summary-view select,.profile-summary-view input{min-height:48px;font:inherit;max-width:100%}
.profile-summary-view button:active{filter:brightness(.95)}
.profile-summary-view .ps-period{display:flex;flex-wrap:wrap;gap:12px;align-items:end}
.profile-summary-view label{display:grid;gap:6px;min-width:0}
.profile-summary-view .ps-custom{display:flex;flex-wrap:wrap;gap:12px;align-items:end}
.profile-summary-view input,.profile-summary-view select{font-size:16px}
.profile-summary-view .ps-person{padding:20px 0;font-size:19px}
.profile-summary-view .ps-section{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:16px;margin-bottom:16px}
.profile-summary-view .ps-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}
.profile-summary-view .ps-metrics>div{padding:14px;background:var(--canvas);border-radius:12px}
.profile-summary-view .ps-metrics b{display:block;font-size:30px;color:var(--ink)}
.profile-summary-view .ps-metrics span{display:block;font-weight:650}
.profile-summary-view .ps-attendance{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.profile-summary-view .ps-attendance>div,.profile-summary-view .ps-attendance>button{padding:12px;text-align:left;min-width:0}
.profile-summary-view .ps-attendance>button{border:1px solid var(--border);border-radius:12px;background:var(--accent-soft);color:var(--ink)}
.profile-summary-view .ps-attendance b{display:block;font-size:20px}
.profile-summary-view summary{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:48px;cursor:pointer;font-weight:650}
.profile-summary-view .ps-customers,.profile-summary-view .ps-member{border-top:1px solid var(--border);margin-top:12px;padding-top:8px}
.profile-summary-view .ps-visit-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--border);align-items:start}
.profile-summary-view .ps-visit-row>span:first-child{min-width:0;overflow-wrap:anywhere}
.profile-summary-view .ps-visit-row>b{white-space:nowrap}
.profile-summary-view .ps-status{font-size:12px;color:var(--accent-strong);flex-shrink:0}
.profile-summary-view .ps-calendar-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.profile-summary-view .ps-calendar-head button{width:48px;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--ink)}
.profile-summary-view .ps-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;text-align:center;margin-top:12px}
.profile-summary-view .ps-calendar-grid button{padding:4px 0;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink);min-width:0}
.profile-summary-view .ps-calendar-grid button[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft)}
.profile-summary-view .ps-calendar-grid button small{min-height:18px}
.profile-summary-view button:disabled{opacity:.4;cursor:default}
.profile-summary-view .ps-legend{font-size:12px;color:var(--muted)}
.profile-summary-view .ps-session{display:flex;flex-wrap:wrap;gap:8px 16px;padding:10px 0;border-top:1px solid var(--border)}
@media(max-width:420px){.profile-summary-view .ps-section{padding:10px}.profile-summary-view .ps-member>summary{flex-direction:column;align-items:start}.profile-summary-view .ps-metrics>div{padding:10px}.profile-summary-view .ps-custom{display:grid;grid-template-columns:1fr 1fr}.profile-summary-view .ps-calendar-grid{gap:2px}}


/* sales-performance.css */
:root{--sp-navy:#07324a;--sp-blue:#2368ee;--sp-green:#0d8b68;--sp-amber:#c57508;--sp-violet:#6d47df;--sp-ink:#092b3d;--sp-muted:#667d89;--sp-line:#dbe5ea;--sp-soft:#f4f8fa}
.sp-dashboard{display:grid;gap:16px;max-width:920px;margin:0 auto 24px;color:var(--sp-ink)}
.sp-profile{display:flex;align-items:center;gap:12px;padding:15px 16px;border:1px solid var(--sp-line);border-radius:18px;background:linear-gradient(135deg,#fff 0%,#f4f9fb 100%);box-shadow:0 8px 24px rgba(7,50,74,.07)}
.sp-profile>span:first-child{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:#fff;background:linear-gradient(145deg,#0d8b68,#08694f)}
.sp-profile svg,.sp-metric svg,.sp-upload-card svg,.sp-no-visits svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sp-profile div{min-width:0;flex:1}.sp-profile small,.sp-section-heading span,.sp-target-head span,.sp-upload-card header span{display:block;font-size:10px;font-weight:850;letter-spacing:.09em;color:#b31328}.sp-profile h1{margin:2px 0 1px;font-size:18px;line-height:1.18}.sp-profile p{margin:0;color:var(--sp-muted);font-size:12px}.sp-live{display:flex!important;align-items:center;gap:5px!important;padding:6px 8px;border-radius:99px;background:#e8f7f0;color:#087354!important;letter-spacing:.04em!important}.sp-live i{width:6px;height:6px;border-radius:50%;background:#0d9a70}
.sp-performance,.sp-today{padding:16px;border:1px solid var(--sp-line);border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(7,50,74,.055)}
.sp-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.sp-section-heading h2{margin:3px 0 2px;font-size:20px;line-height:1.15}.sp-section-heading p{margin:0;font-size:12px;color:var(--sp-muted)}.sp-snapshot-pill{padding:7px 9px;border-radius:99px;background:#eaf8f2;color:#087354!important;letter-spacing:0!important;white-space:nowrap}
.sp-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sp-metric{position:relative;min-width:0;padding:13px;border:1px solid var(--sp-line);border-radius:15px;background:var(--sp-soft);overflow:hidden}.sp-metric:after{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:currentColor}.sp-metric-icon{display:grid;width:30px;height:30px;place-items:center;margin-bottom:9px;border-radius:9px;background:#fff}.sp-metric-icon svg{width:17px;height:17px}.sp-metric>span:nth-child(2){display:block;color:var(--sp-muted);font-size:11px;font-weight:700}.sp-metric strong{display:block;margin-top:4px;font-size:clamp(18px,5vw,25px);letter-spacing:-.035em;white-space:nowrap}.sp-tone-blue{color:var(--sp-blue)}.sp-tone-green{color:var(--sp-green)}.sp-tone-amber{color:var(--sp-amber)}.sp-tone-violet{color:var(--sp-violet)}.sp-metric>span:nth-child(2),.sp-metric strong{color:var(--sp-ink)}
.sp-target-card{margin-top:12px;padding:15px;border-radius:17px;background:linear-gradient(145deg,#082f46,#0d435c);color:#fff}.sp-target-head{display:flex;justify-content:space-between;gap:12px}.sp-target-head span{color:#91dcca}.sp-target-head h3{margin:3px 0 0;font-size:17px}.sp-target-status{align-self:flex-start;padding:5px 8px;border-radius:99px;background:rgba(255,255,255,.12);color:#e6fff7!important;letter-spacing:0!important;white-space:nowrap}.sp-target-body{display:grid;grid-template-columns:128px minmax(0,1fr);align-items:center;gap:16px;padding:16px 0 12px}.sp-donut{width:124px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#39d5a2 calc(var(--sp-progress)*1%),rgba(255,255,255,.14) 0);position:relative}.sp-donut:before{content:"";position:absolute;inset:11px;border-radius:50%;background:#0a394f}.sp-donut div{position:relative;text-align:center}.sp-donut strong{display:block;font-size:27px;letter-spacing:-.05em}.sp-donut span{font-size:10px;color:#b6d3dd;text-transform:uppercase;font-weight:700}.sp-target-values{margin:0}.sp-target-values div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.12)}.sp-target-values div:last-child{border:0}.sp-target-values dt{font-size:11px;color:#b6d3dd}.sp-target-values dd{margin:0;font-size:13px;font-weight:800}.sp-collection-rate{display:flex;align-items:center;justify-content:space-between;padding-top:11px;border-top:1px solid rgba(255,255,255,.14)}.sp-collection-rate b,.sp-collection-rate em{display:block}.sp-collection-rate b{font-size:12px}.sp-collection-rate em{margin-top:2px;color:#a8c7d3;font-size:10px;font-style:normal}.sp-collection-rate>strong{font-size:18px;color:#69e1b7}.sp-audit{margin:10px 2px 0;font-size:10px;line-height:1.45;color:var(--sp-muted)}
.sp-today-count{display:grid;place-items:center;min-width:42px;height:42px;padding:0 10px;border-radius:13px;background:#eaf8f2;color:#087354;font-size:20px}.sp-today-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:10px;border:1px solid var(--sp-line);border-radius:12px;overflow:hidden}.sp-today-stats span{padding:9px 5px;text-align:center;font-size:10px;color:var(--sp-muted);border-right:1px solid var(--sp-line)}.sp-today-stats span:last-child{border:0}.sp-today-stats strong{display:block;color:var(--sp-ink);font-size:15px}.sp-visit-list{border:1px solid var(--sp-line);border-radius:15px;overflow:hidden}.sp-visit{display:grid;grid-template-columns:34px minmax(0,1fr) auto 18px;align-items:center;gap:9px;width:100%;min-height:84px;padding:11px;border:0;border-bottom:1px solid var(--sp-line);background:#fff;color:var(--sp-ink);text-align:left;cursor:pointer;transition:background .18s ease}.sp-visit:last-child{border-bottom:0}.sp-visit:hover,.sp-visit:focus-visible{background:#f5fafb;outline:2px solid transparent}.sp-visit-index{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#edf4f6;font-size:11px;font-weight:850}.sp-visit-main{min-width:0}.sp-visit-main strong,.sp-visit-main small,.sp-visit-main em{display:block}.sp-visit-main strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-visit-main small{margin-top:3px;color:var(--sp-muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-visit-main em{margin-top:5px;color:#1b7185;font-size:10px;font-style:normal;font-weight:700}.sp-visit-result{text-align:right}.sp-visit-result>b,.sp-visit-result>small{display:block}.sp-visit-result>b{font-size:16px}.sp-visit-result>small{font-size:8px;color:var(--sp-muted);white-space:nowrap}.sp-visit-result i{display:inline-block;margin-top:5px;padding:4px 7px;border-radius:99px;font-size:9px;font-style:normal;font-weight:850;white-space:nowrap}.sp-visit-result i.done{color:#087354;background:#e7f6ef}.sp-visit-result i.active{color:#9b5900;background:#fff1da}.sp-visit-arrow{color:#78909a}.sp-visit-arrow svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}.sp-no-visits{padding:28px 16px;text-align:center}.sp-no-visits>span{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 10px;border-radius:14px;background:#edf4f6;color:#52707d}.sp-no-visits h3{margin:0;font-size:15px}.sp-no-visits p{margin:5px 0 0;color:var(--sp-muted);font-size:12px}.sp-empty-performance{display:flex;gap:14px;align-items:flex-start;padding:18px;border:1px dashed #aabcc4;border-radius:18px;background:#f8fbfc}.sp-empty-icon{display:grid;place-items:center;min-width:44px;height:44px;border-radius:13px;background:#e6f0f3;color:#315d6c}.sp-empty-performance span:not(.sp-empty-icon){font-size:10px;color:#b31328;font-weight:850;letter-spacing:.08em}.sp-empty-performance h3{margin:3px 0;font-size:17px}.sp-empty-performance p{margin:0;font-size:12px;line-height:1.5;color:var(--sp-muted)}
.sp-loading{min-height:300px;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.sp-loading>span{width:9px;height:9px;border-radius:50%;background:#0d8b68;animation:sp-pulse 1s ease-in-out infinite}.sp-loading>span:nth-child(2){animation-delay:.12s}.sp-loading>span:nth-child(3){animation-delay:.24s}.sp-loading p{flex-basis:100%;margin:4px 0;text-align:center;color:var(--sp-muted);font-size:12px}@keyframes sp-pulse{50%{opacity:.28;transform:translateY(-4px)}}.sp-error{padding:24px;border:1px solid #efc4c9;border-radius:16px;text-align:center}.sp-error strong{display:block}.sp-error button{min-height:44px;margin-top:12px;padding:0 18px;border:0;border-radius:10px;background:var(--sp-navy);color:#fff;font-weight:800}
.sp-upload-card{margin:16px 0;padding:18px;border:1px solid var(--sp-line);border-top:3px solid #0d8b68;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(7,50,74,.06);color:var(--sp-ink)}.sp-upload-card>header{display:flex;align-items:flex-start;gap:12px}.sp-upload-card header>div{min-width:0;flex:1}.sp-upload-card header h2{margin:3px 0;font-size:19px}.sp-upload-card header p{margin:0;color:var(--sp-muted);font-size:12px;line-height:1.45}.sp-upload-mark{display:grid!important;place-items:center;width:44px;height:44px;border-radius:13px;background:#e7f6ef;color:#087354!important}.sp-upload-access{padding:5px 7px;border:1px solid #dbbbc0;border-radius:99px;color:#b31328!important;letter-spacing:.04em!important}.sp-upload-rule{display:flex;gap:10px;align-items:center;margin:14px 0;padding:11px;border-radius:12px;background:#eff8f5}.sp-upload-rule>b{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#0d8b68;color:#fff}.sp-upload-rule svg{width:16px;height:16px}.sp-upload-rule strong,.sp-upload-rule small{display:block}.sp-upload-rule strong{font-size:12px}.sp-upload-rule small{margin-top:2px;color:var(--sp-muted);font-size:10px}.sp-upload-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sp-upload-actions button,.sp-upload-actions label{display:flex;align-items:center;gap:10px;min-height:62px;padding:10px;border:1px solid var(--sp-line);border-radius:12px;background:#fff;color:var(--sp-ink);cursor:pointer;text-align:left}.sp-upload-actions label{border-color:#0d8b68;background:#f4fbf8}.sp-upload-actions strong,.sp-upload-actions small{display:block}.sp-upload-actions strong{font-size:12px}.sp-upload-actions small{margin-top:3px;color:var(--sp-muted);font-size:9px}.sp-upload-actions input{position:absolute;width:1px;height:1px;opacity:0}.sp-uploading{margin-top:12px;padding:13px;border-radius:11px;background:#edf5f7;font-size:12px}.sp-preview{margin-top:12px;padding:13px;border:1px solid var(--sp-line);border-radius:13px}.sp-preview.valid{border-color:#8ccbb8;background:#f5fbf9}.sp-preview.invalid{border-color:#e2a7af;background:#fff7f8}.sp-preview header{display:flex;gap:10px;align-items:center}.sp-preview header>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#fff}.sp-preview header strong,.sp-preview header small{display:block}.sp-preview header small{margin-top:2px;color:var(--sp-muted);font-size:10px}.sp-preview ul{margin:10px 0;padding:0;list-style:none}.sp-preview li{display:flex;gap:8px;padding:7px 0;border-top:1px solid #ecd8db;font-size:11px}.sp-preview-total{display:grid;grid-template-columns:repeat(3,1fr);margin:12px 0;border:1px solid var(--sp-line);border-radius:10px}.sp-preview-total span{padding:8px;border-right:1px solid var(--sp-line)}.sp-preview-total span:last-child{border:0}.sp-preview-total small,.sp-preview-total b{display:block}.sp-preview-total small{font-size:9px;color:var(--sp-muted)}.sp-preview-total b{margin-top:3px;font-size:13px}.sp-preview>button{width:100%;min-height:48px;border:0;border-radius:11px;background:#087354;color:#fff;font-weight:850}.sp-preview>button:disabled{background:#bdc9cd;color:#627680}
@media(min-width:720px){.sp-dashboard{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start}.sp-profile{grid-column:1/-1}.sp-today{grid-column:2;grid-row:2}.sp-performance{grid-column:1}.sp-upload-card{max-width:920px}.sp-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sp-target-body{grid-template-columns:150px minmax(0,1fr)}.sp-donut{width:142px}.sp-visit{grid-template-columns:34px minmax(0,1fr) auto 18px}}
@media(max-width:380px){.sp-performance,.sp-today{padding:13px}.sp-profile{padding:12px}.sp-profile h1{font-size:16px}.sp-target-body{grid-template-columns:112px minmax(0,1fr);gap:10px}.sp-donut{width:108px}.sp-donut strong{font-size:23px}.sp-visit{grid-template-columns:30px minmax(0,1fr) auto 14px;padding:9px 7px;gap:6px}.sp-visit-index{width:29px;height:29px}.sp-upload-actions{grid-template-columns:1fr}}
[data-theme="dark"] .sp-dashboard,[data-theme="dark"] .sp-upload-card{--sp-ink:#edf7fa;--sp-muted:#a5bdc7;--sp-line:#2b4c5c;--sp-soft:#12394b}.operation-ui-v2[data-theme="dark"] .sp-profile,[data-theme="dark"] .sp-profile,[data-theme="dark"] .sp-performance,[data-theme="dark"] .sp-today,[data-theme="dark"] .sp-upload-card,[data-theme="dark"] .sp-visit{background:#0c2938;color:var(--sp-ink)}[data-theme="dark"] .sp-profile{background:linear-gradient(135deg,#0c2938,#10384a)}[data-theme="dark"] .sp-metric-icon,[data-theme="dark"] .sp-preview header>span{background:#0c2938}[data-theme="dark"] .sp-empty-performance{background:#102f3f}[data-theme="dark"] .sp-upload-actions button{background:#0c2938;color:var(--sp-ink)}[data-theme="dark"] .sp-upload-actions label{background:#123d3b;color:var(--sp-ink)}
@media(prefers-reduced-motion:reduce){.sp-loading>span{animation:none}.sp-visit{transition:none}}

/* Confirmed upload receipt and complete finance totals. */
.sp-preview.published{border:2px solid #0d8b68;background:linear-gradient(145deg,#effbf6,#f8fffc);box-shadow:0 9px 22px rgba(13,139,104,.1)}
.sp-preview.published header>span{color:#fff;background:#0d8b68}.sp-preview.published header>div{min-width:0;flex:1}.sp-preview.published header strong{font-size:15px;color:#087354}
.sp-done-badge{padding:6px 9px;border-radius:99px;background:#087354;color:#fff;font-size:10px;letter-spacing:.06em;white-space:nowrap}
.sp-published-audit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.sp-published-audit span{min-width:0;padding:9px;border:1px solid #b7dfd1;border-radius:9px;background:rgba(255,255,255,.75)}.sp-published-audit small,.sp-published-audit b{display:block}.sp-published-audit small{color:var(--sp-muted);font-size:9px}.sp-published-audit b{margin-top:3px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp-preview-total{grid-template-columns:repeat(5,minmax(0,1fr));overflow:hidden}.sp-preview-total b{white-space:nowrap}
.sp-published-confirmation{padding:12px;border-radius:10px;background:#087354;color:#fff;text-align:center;font-size:12px;font-weight:800}
@media(max-width:620px){.sp-published-audit{grid-template-columns:1fr}.sp-preview-total{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-preview-total span{border-bottom:1px solid var(--sp-line)}.sp-preview-total span:nth-child(even){border-right:0}.sp-preview-total span:last-child{border-bottom:0}}

/* Exact workbook values remain reviewable before the snapshot is published. */
.sp-row-check{margin:12px 0;border:1px solid var(--sp-line);border-radius:11px;background:#fff;overflow:hidden}.sp-row-check>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;cursor:pointer;list-style:none}.sp-row-check>summary::-webkit-details-marker{display:none}.sp-row-check>summary span{min-width:0}.sp-row-check>summary strong,.sp-row-check>summary small{display:block}.sp-row-check>summary strong{font-size:12px}.sp-row-check>summary small{margin-top:2px;color:var(--sp-muted);font-size:9px}.sp-row-check>summary>b{padding:5px 8px;border-radius:99px;background:#e7f6ef;color:#087354;font-size:10px;white-space:nowrap}.sp-row-check>div{max-height:330px;overflow:auto;border-top:1px solid var(--sp-line)}.sp-row-check table{width:100%;min-width:760px;border-collapse:collapse;font-size:11px;font-variant-numeric:tabular-nums}.sp-row-check th{position:sticky;top:0;z-index:1;padding:8px 10px;background:#edf4f6;color:#52707d;text-align:right;font-size:9px;text-transform:uppercase;letter-spacing:.04em}.sp-row-check th:first-child{text-align:left}.sp-row-check td{padding:9px 10px;border-top:1px solid var(--sp-line);text-align:right;white-space:nowrap}.sp-row-check td:first-child{text-align:left}.sp-row-check td strong,.sp-row-check td small{display:block}.sp-row-check td small{margin-top:2px;color:var(--sp-muted);font-size:9px}.sp-metric strong{font-variant-numeric:tabular-nums}.sp-preview-total b{font-variant-numeric:tabular-nums}
[data-theme="dark"] .sp-row-check{background:#0c2938}[data-theme="dark"] .sp-row-check th{background:#12394b;color:#a5bdc7}

/* Simple controller workflow: one file, one preview, one publish action. */
.sp-upload-card{max-width:980px;padding:20px;border-top:0;box-shadow:0 8px 24px rgba(7,50,74,.05)}
.sp-upload-card>header{align-items:center;padding-bottom:16px;border-bottom:1px solid var(--sp-line)}
.sp-upload-card header h2{font-size:18px}.sp-upload-card header p{max-width:650px}
.sp-upload-access{align-self:flex-start;background:#fff7f8;font-size:9px;white-space:nowrap}
.sp-latest-slot{margin:12px 0}.sp-latest-empty{padding:10px 12px;border-radius:10px;background:var(--sp-soft);color:var(--sp-muted);font-size:11px}
.sp-latest{border:1px solid #b9dfd1;border-radius:12px;background:#f4fbf8;overflow:hidden}.sp-latest>summary{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;list-style:none}.sp-latest>summary::-webkit-details-marker{display:none}.sp-latest>summary>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#0d8b68;color:#fff}.sp-latest>summary svg{width:15px;height:15px}.sp-latest>summary strong,.sp-latest>summary small{display:block}.sp-latest>summary strong{font-size:12px}.sp-latest>summary small{margin-top:2px;color:var(--sp-muted);font-size:10px}.sp-latest>summary>b{color:#087354;font-size:10px}.sp-latest>div{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px;padding:10px 12px;border-top:1px solid #cfe8df;background:#fff}.sp-latest>div span{min-width:0}.sp-latest>div small,.sp-latest>div strong{display:block}.sp-latest>div small{color:var(--sp-muted);font-size:9px}.sp-latest>div strong{margin-top:2px;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-file-drop{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:72px;padding:13px 15px;border:1.5px dashed #79bda7;border-radius:14px;background:#f7fcfa;cursor:pointer}.sp-file-drop>svg{color:#087354}.sp-file-drop strong,.sp-file-drop small{display:block}.sp-file-drop strong{font-size:13px}.sp-file-drop small{margin-top:3px;color:var(--sp-muted);font-size:10px}.sp-file-drop>b{padding:9px 13px;border-radius:9px;background:#087354;color:#fff;font-size:11px}.sp-file-drop input{position:absolute;width:1px;height:1px;opacity:0}
.sp-upload-help{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 2px 0;color:var(--sp-muted);font-size:10px}.sp-upload-help button{border:0;background:none;color:#087354;font:inherit;font-weight:800;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.sp-uploading{display:flex;align-items:center;min-height:48px;margin-top:12px;background:#edf7f5;color:#365c52}
.sp-preview{padding:14px}.sp-preview header>div{min-width:0;flex:1}.sp-preview.valid{border-color:#78bea8}.sp-preview.invalid{border-color:#df9aa4}
.sp-detected{display:grid;grid-template-columns:2fr 1fr;gap:7px;margin-top:11px}.sp-detected span{padding:8px 9px;border-radius:9px;background:rgba(255,255,255,.7)}.sp-detected small,.sp-detected b{display:block}.sp-detected small{color:var(--sp-muted);font-size:9px}.sp-detected b{margin-top:2px;font-size:11px}
.sp-error-list{margin:11px 0!important;padding:0!important}.sp-error-list li{align-items:flex-start}.sp-error-list li b{flex:0 0 54px;color:#a00d23}.sp-error-list li span{line-height:1.4}
.sp-notes{margin-top:10px;border:1px solid var(--sp-line);border-radius:9px;background:rgba(255,255,255,.55)}.sp-notes>summary{padding:9px 10px;cursor:pointer;color:#456673;font-size:10px;font-weight:800}.sp-notes ul{margin:0!important;padding:0 10px 8px!important}.sp-notes li{display:flex;gap:7px;border:0;padding:5px 0;color:#456673}.sp-notes li svg{flex:0 0 14px;width:14px;height:14px;color:#087354}
.sp-preview-total{grid-template-columns:repeat(4,minmax(0,1fr));margin:11px 0}.sp-preview-total span{min-width:0}.sp-preview-total b{overflow:hidden;text-overflow:ellipsis}
.sp-publish-success{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:12px;padding:12px;border:1px solid #8ccbb8;border-radius:12px;background:#f1faf6}.sp-publish-success>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#087354;color:#fff}.sp-publish-success svg{width:16px;height:16px}.sp-publish-success strong,.sp-publish-success small{display:block}.sp-publish-success strong{font-size:12px;color:#087354}.sp-publish-success small{margin-top:2px;color:var(--sp-muted);font-size:10px}.sp-publish-success button{padding:8px 10px;border:1px solid #8ccbb8;border-radius:8px;background:#fff;color:#087354;font-size:10px;font-weight:800;cursor:pointer}
@media(max-width:620px){.sp-upload-card{padding:14px}.sp-upload-card>header{align-items:flex-start}.sp-upload-mark{width:38px;height:38px}.sp-upload-access{display:none!important}.sp-file-drop{grid-template-columns:30px minmax(0,1fr)}.sp-file-drop>b{grid-column:1/-1;text-align:center}.sp-upload-help{align-items:flex-start;flex-direction:column}.sp-latest>div{grid-template-columns:1fr}.sp-preview-total{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-publish-success{grid-template-columns:32px minmax(0,1fr)}.sp-publish-success button{grid-column:1/-1}.sp-detected{grid-template-columns:1fr 1fr}}
[data-theme="dark"] .sp-latest,[data-theme="dark"] .sp-file-drop,[data-theme="dark"] .sp-publish-success{background:#123d3b}[data-theme="dark"] .sp-latest>div,[data-theme="dark"] .sp-detected span,[data-theme="dark"] .sp-notes{background:#0c2938}


/* management-summary.css */
/* Management summary styles are isolated from existing reports and field workflows. */
.management-summary-launch{display:flex;width:100%;justify-content:space-between;align-items:center;gap:16px;padding:18px;margin:0 0 16px;background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--brand);border-radius:14px;color:var(--ink);text-align:left;min-height:64px;cursor:pointer}
.management-summary-launch strong{display:block;font-size:18px}
.management-summary-launch small{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.management-summary-launch[hidden]{display:none}
.management-summary-view .ms-filters,.management-summary-view .ms-custom{display:flex;align-items:end;flex-wrap:wrap;gap:12px;justify-content:space-between}
.management-summary-view .ms-custom{justify-content:start;margin-top:12px}
.management-summary-view .ms-segments{display:flex;flex-wrap:wrap;gap:6px}
.management-summary-view .ms-segments button{background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--ink);padding:10px 12px}
.management-summary-view .ms-segments button[aria-pressed=true]{background:var(--brand-soft);border-color:var(--brand);color:var(--brand)}
.management-summary-view .ms-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}
.management-summary-view .ms-metrics>div{padding:14px 12px;background:var(--canvas);border-radius:12px}
.management-summary-view .ms-metrics b{display:block;font-size:28px;font-variant-numeric:tabular-nums}
.management-summary-view .ms-metrics strong{display:block;font-size:14px}
.management-summary-view .ms-tabs{margin-bottom:16px}
.management-summary-view .ms-row{display:grid;grid-template-columns:minmax(120px,1fr) repeat(3,60px) 14px;gap:8px;align-items:center;width:100%;padding:14px 0;text-align:left;background:var(--surface);border:0;border-top:1px solid var(--border);border-radius:0}
.management-summary-view .ms-row>span:not(:first-child){text-align:center}
.management-summary-view .ms-row strong{display:block;overflow-wrap:anywhere}
.management-summary-view .ms-row b{font-size:19px}
.management-summary-view .ms-row-head{font-size:12px;color:var(--muted);min-height:32px}
.management-summary-view .ms-person-head,.management-summary-view .ms-coverage-head{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;margin:12px 0}
.management-summary-view .ms-shop{border-top:1px solid var(--border)}
.management-summary-view .ms-shop summary{padding:12px 0;gap:12px}
.management-summary-view .ms-shop summary>span:first-child{min-width:0;overflow-wrap:anywhere}
.management-summary-view .ms-shop-count{white-space:nowrap;font-size:13px;color:var(--accent-strong)}
.management-summary-view .ms-track{height:7px;background:var(--canvas);border-radius:5px;margin-bottom:14px;overflow:hidden}
.management-summary-view .ms-track>div{height:100%;background:var(--accent)}
.management-summary-view .ms-load{width:100%;margin-top:12px}
.management-summary-view .ms-source-note{margin:12px 0}
@media(max-width:480px){.management-summary-view .ms-metrics{grid-template-columns:1fr 1fr}.management-summary-view .ms-row{grid-template-columns:minmax(86px,1fr) repeat(3,40px) 10px;gap:4px}.management-summary-view .ms-row small{font-size:11px}.management-summary-view .ms-row-head{font-size:11px}.management-summary-view .ms-custom{display:grid;grid-template-columns:1fr 1fr}.management-summary-view .ms-custom label{min-width:0}}


/* team-evaluation.css */
.te-launch{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;margin-top:14px;padding:16px 18px;text-align:left;background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--brand);border-radius:14px;color:var(--ink);cursor:pointer}.te-launch strong,.te-launch small{display:block}.te-launch strong{font-size:17px}.te-launch small{color:var(--muted);margin-top:4px}
.te-dialog{width:min(1120px,96vw);max-width:96vw;height:94dvh;max-height:94dvh;padding:0;border:1px solid var(--border);border-radius:20px;background:var(--canvas);color:var(--ink);overflow:hidden;box-shadow:0 22px 70px #0005}.te-dialog::backdrop{background:#061b2ab3}.te-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;background:var(--surface);border-bottom:1px solid var(--border)}.te-head h2{margin:5px 0;font-size:24px}.te-head p{margin:0;color:var(--muted)}.te-head button{min-width:44px;min-height:44px;border:1px solid var(--border);border-radius:12px;color:var(--ink);background:var(--surface);cursor:pointer}.te-body{height:calc(100% - 116px);overflow:auto;padding:20px 24px 40px;overscroll-behavior:contain}.te-dialog *{box-sizing:border-box}.te-dialog button,.te-dialog summary{cursor:pointer}.te-dialog button:focus-visible,.te-dialog summary:focus-visible,.te-dialog input:focus-visible,.te-dialog select:focus-visible,.te-dialog textarea:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.te-dialog input,.te-dialog select,.te-dialog textarea{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit}.te-dialog label{display:grid;gap:6px;font-size:14px;font-weight:600}.te-dialog button{min-height:44px;font:inherit}.te-dialog p,.te-dialog li{line-height:1.55}.te-dialog small{font-size:12px;line-height:1.5}.te-filters{display:flex;align-items:end;flex-wrap:wrap;gap:12px}.te-filters label{flex:1;min-width:140px}.te-filters button{flex:0 0 auto}.te-context,.te-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin:20px 0 12px}.te-context h3{font-size:18px;margin:5px 0}.te-badge,.te-status{display:inline-block;padding:5px 9px;border-radius:7px;border:1px solid var(--border);background:var(--surface);font-size:12px;line-height:1.4}.te-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.te-metrics>div{background:var(--surface);padding:16px;border:1px solid var(--border);border-radius:14px}.te-metrics strong{display:block;font-size:28px;font-variant-numeric:tabular-nums}.te-metrics span{display:block;font-size:13px;color:var(--muted);margin-top:4px}.te-method,.te-days{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin:16px 0;padding:12px 16px}.te-dialog summary{min-height:44px;align-content:center;font-weight:600;line-height:1.5}.te-method p,.te-method li{font-size:14px}.te-muted{color:var(--muted);font-size:13px}.te-toolbar h3{margin:0}.te-toolbar label{min-width:220px}.te-person{display:grid;grid-template-columns:minmax(140px,2fr) repeat(3,minmax(75px,1fr)) 20px;align-items:center;gap:12px;text-align:left;width:100%;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--ink);margin:10px 0}.te-person strong,.te-person small{display:block;overflow-wrap:anywhere}.te-person b{font-size:20px}.te-person small{color:var(--muted);margin-top:4px}.te-empty{padding:32px 16px;text-align:center;background:var(--surface);border:1px dashed var(--border);border-radius:12px}.te-day{border-top:1px solid var(--border);padding:8px 0}.te-day summary span{font-weight:400;font-size:13px;margin-left:12px}.te-day-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px 0}.te-day-facts strong,.te-day-facts span{display:block}.te-day-facts span{font-size:12px;color:var(--muted)}.te-visit{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin:12px 0;overflow:hidden}.te-visit>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:18px;list-style:none}.te-visit>summary::-webkit-details-marker{display:none}.te-visit-heading strong,.te-visit-heading small{display:block;overflow-wrap:anywhere;margin-top:4px}.te-visit-heading strong{font-size:17px}.te-visit-stats{display:flex;gap:20px;text-align:right}.te-visit-stats b,.te-visit-stats small{display:block}.te-visit-stats small{color:var(--muted);font-weight:400}.te-badges{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px}.te-visit[open]>summary{border-bottom:1px solid var(--border)}.te-visit-detail{padding:18px}.te-status.te-review,.te-warning{background:var(--brand-soft);color:var(--ink);border-left:3px solid var(--brand)}.te-status.te-data_gap{border-style:dashed}.te-warning{padding:12px;border-radius:8px;font-size:14px}.te-within_history{border-color:var(--accent);color:var(--ink)}.te-comparison{max-width:640px;padding:16px;background:var(--canvas);border:1px solid var(--border);border-radius:12px}.te-comparison>span,.te-comparison>strong,.te-comparison>small{display:block}.te-comparison>strong{font-size:21px;margin:6px 0}.te-comparison p{font-size:13px;color:var(--muted);margin-bottom:0}.te-range{position:relative;height:16px;background:var(--surface);border:1px solid var(--border);border-radius:5px;margin:14px 3px 8px}.te-range span{position:absolute;height:100%;background:var(--accent);opacity:.45}.te-range i{position:absolute;top:-4px;width:3px;height:23px;background:var(--ink);border-radius:2px}.te-samples{margin:10px 0 18px}.te-samples button{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;width:100%;text-align:left;color:var(--ink);background:var(--surface);border:0;border-bottom:1px solid var(--border);padding:10px 0}.te-samples button span{font-size:13px}.te-evidence-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:18px 0}.te-evidence-actions>span{font-size:13px;color:var(--muted)}.te-quality{border:1px dashed var(--border);padding:12px 16px;border-radius:12px}.te-dialog h4{font-size:16px;margin:12px 0 8px}.te-quality ul{padding-left:20px;margin:8px 0;font-size:14px}.te-dialog blockquote{margin:10px 0;padding:12px;background:var(--canvas);border-left:3px solid var(--border);white-space:pre-wrap;overflow-wrap:anywhere}.te-leg,.te-review{margin-top:22px;padding-top:14px;border-top:1px solid var(--border)}.te-leg>p{font-size:14px}.te-leg .te-comparison{margin-top:12px}.te-products{padding:12px 0}.te-product{padding:12px 0;border-bottom:1px solid var(--border)}.te-product strong,.te-product span,.te-product small{display:block;overflow-wrap:anywhere}.te-product span{font-size:13px;margin-top:4px}.te-link{border:0;text-decoration:underline;color:var(--ink);background:transparent;padding:0 4px}.te-review form{display:grid;gap:12px;max-width:680px}.te-review article{padding:12px 0;border-top:1px solid var(--border)}.te-review article small{display:block;color:var(--muted)}.te-more{width:100%;margin-top:16px}[data-te-error]{color:var(--brand);overflow-wrap:anywhere}[data-te-save-status]{margin:0;overflow-wrap:anywhere}
@media(max-width:640px){.te-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;border:0}.te-head{padding:16px}.te-head h2{font-size:21px}.te-head p{font-size:13px}.te-body{padding:16px 12px 40px;height:calc(100% - 111px)}.te-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.te-filters button{width:100%}.te-person{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px}.te-person>div:first-child{grid-column:1/-1}.te-person>span{display:none}.te-person b{font-size:17px}.te-person small{font-size:12px}.te-toolbar label{width:100%}.te-visit>summary{grid-template-columns:1fr;padding:14px}.te-visit-stats{text-align:left;justify-content:space-between}.te-visit-detail{padding:14px}.te-comparison{padding:12px}.te-day-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.te-day summary span{display:block;margin-left:0}.te-body{padding-bottom:max(40px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.te-dialog *{scroll-behavior:auto;transition:none}}

.te-dialog[open]{display:flex;flex-direction:column}.te-head{flex-shrink:0}.te-dialog .te-body{flex:1;min-height:0;height:auto}.te-dialog button:active,.te-launch:active{opacity:.8}.te-dialog button:disabled{opacity:.55;cursor:wait}
.te-team-filter{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 16px;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:16px;position:sticky;top:-20px;z-index:5}.te-team-filter button{min-height:46px;padding:9px 12px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--muted);font-weight:700;white-space:nowrap}.te-team-filter button:hover{background:var(--canvas);color:var(--ink)}.te-team-filter button[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 4px 12px #0002}.te-team-filter+form{margin-bottom:4px}
@media(max-width:640px){.te-team-filter{grid-template-columns:repeat(2,minmax(0,1fr));top:-16px;gap:6px;padding:5px}.te-team-filter button{white-space:normal;line-height:1.25;padding:8px}}

/* Shop overview: one compact comparison row per shop. */
.te-dialog{width:min(1400px,98vw);max-width:98vw}.te-overview-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}.te-overview-metrics>div{border-top:3px solid var(--brand)}.te-shop-controls{display:flex;align-items:end;gap:16px;margin:18px 0}.te-shop-controls label:first-child{flex:1}.te-shop-controls label{min-width:0}.te-shop-table{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--surface)}.te-shop-columns,.te-shop-row{display:grid;grid-template-columns:minmax(200px,2.8fr) .55fr 1fr 1.2fr 1fr 1fr;gap:16px;align-items:center;padding:16px 20px}.te-shop-columns{background:var(--canvas);font-size:12px;color:var(--muted);font-weight:600}.te-shop-row{width:100%;text-align:left;border:0;border-top:1px solid var(--border);border-radius:0;background:var(--surface);color:var(--ink)}.te-shop-row:hover{background:var(--brand-soft)}.te-shop-row strong{font-size:14px;line-height:1.5;display:block}.te-shop-row b{font-size:17px;font-variant-numeric:tabular-nums}.te-shop-row small{display:block;color:var(--muted);margin-top:4px}.te-shop-name{overflow-wrap:anywhere}.te-trend{display:inline-block;font-size:13px;font-weight:700;border:1px solid var(--border);padding:6px 9px;border-radius:20px;white-space:nowrap}.te-up{color:#176b46;background:#e7f5ed;border-color:#a3d7b9}.te-down{color:#a03920;background:#fff0e9;border-color:#efbba9}[data-theme=dark] .te-up{color:#98e0b6;background:#193c2c;border-color:#367952}[data-theme=dark] .te-down{color:#ffb499;background:#482a23;border-color:#965b48}.te-shop-row .te-mobile-label{display:none}.te-shop-history{margin-top:24px;border-top:3px solid var(--brand);padding-top:12px}.te-movement{display:grid;grid-template-columns:1fr 1fr;gap:16px}.te-movement>div{background:var(--surface);border:1px solid var(--border);padding:12px 16px;border-radius:12px;overflow-wrap:anywhere}.te-movement p{font-size:14px}.te-shop-history .te-visit-heading strong{font-size:15px}.te-shop-history h3{overflow-wrap:anywhere}.te-filters{max-width:700px}.te-body>form label{max-width:200px}
@media(max-width:1000px){.te-overview-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.te-shop-columns{display:none}.te-shop-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.te-shop-name{grid-column:1/-1}.te-shop-row .te-mobile-label{display:block;font-size:12px;margin-bottom:5px}}
@media(max-width:640px){.te-dialog{width:100vw;max-width:100vw}.te-overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.te-metrics strong{font-size:24px}.te-shop-row{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px}.te-shop-row>span:last-child{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.te-shop-controls{flex-wrap:wrap;gap:12px}.te-shop-controls label{flex:1 1 130px}.te-shop-controls>span{width:100%}.te-movement{grid-template-columns:1fr}.te-body>form label{max-width:none}.te-head p{max-width:260px}}

@media(min-width:641px){.te-dialog .te-filters button{width:auto}.te-head{padding:16px 24px}.te-context{margin-top:14px}.te-overview-metrics>div{padding:12px 16px}.te-shop-controls{margin:12px 0}.te-toolbar p{margin:6px 0}.te-shop-columns,.te-shop-row{padding:12px 18px}}

/* Dedicated store detail, with a visual comparison and structured inventory. */
.te-filters[hidden]{display:none!important}.te-show-shop>.te-context,.te-show-shop>.te-metrics,.te-show-shop>.te-method,.te-show-shop>[data-te-content]>:not([data-te-shops]),.te-show-shop [data-te-shops]>:not([data-te-shop-detail]){display:none!important}
.te-store-view{--te-positive:#176b46;--te-negative:#a03920;max-width:1200px;margin:0 auto}.te-store-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;color:var(--muted);font-size:12px;letter-spacing:.04em}.te-back-link{border:0;background:transparent;color:var(--ink);padding:0 8px 0 0;font-weight:600!important}.te-store-header{display:flex;align-items:flex-start;gap:24px;justify-content:space-between}.te-store-header>div{min-width:0;max-width:850px}.te-store-header h3{font-size:24px;line-height:1.35;margin:8px 0 10px;overflow-wrap:anywhere;font-weight:700}.te-store-header p{color:var(--muted);font-size:13px;margin:0}.te-store-header p span{display:block;margin-top:2px}.te-store-header>.te-trend{flex-shrink:0;margin-top:8px;padding:8px 14px;font-size:14px}.te-store-facts{display:flex;gap:0;margin:22px 0 28px;padding-bottom:24px;border-bottom:1px solid var(--border)}.te-store-facts>div{padding:0 30px;border-left:1px solid var(--border)}.te-store-facts>div:first-child{padding-left:0;border-left:0}.te-store-facts strong{display:block;font-size:26px;line-height:1.2;font-variant-numeric:tabular-nums}.te-store-facts strong small{font-weight:500;font-size:14px}.te-store-facts>div>span{display:block;font-size:12px;color:var(--muted);margin-top:6px}.te-section-heading{display:flex;justify-content:space-between;gap:16px}.te-section-heading h4{font-size:17px;margin:0 0 6px}.te-section-heading p{font-size:13px;color:var(--muted);margin:0}.te-assortment{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:22px 26px}.te-snapshot-flow{display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:center;gap:24px;margin:24px 0 4px}.te-snapshot>span{font-size:11px;letter-spacing:.08em;font-weight:700;color:var(--muted)}.te-snapshot>strong{display:block;font-size:46px;letter-spacing:-.04em;line-height:1.15;margin:8px 0 10px;font-variant-numeric:tabular-nums}.te-snapshot>strong small{margin-left:8px;font-size:13px;font-weight:500;letter-spacing:0;color:var(--muted)}.te-snapshot time{font-size:12px;color:var(--muted)}.te-snapshot-current{border-left:1px solid var(--border);padding-left:30px}.te-snapshot-movement{text-align:center}.te-snapshot-movement>div{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.te-flow-label{font-size:12px;font-weight:600;padding:6px 10px;border-radius:6px}.te-flow-arrow{display:block;font-size:44px;line-height:1.1;color:var(--muted)}.te-snapshot-movement>small{color:var(--muted);font-size:12px}.te-store-columns{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px;margin-top:30px;align-items:start}.te-inventory-panel,.te-timeline-panel{min-width:0}.te-product-tabs{display:flex;gap:8px;border-bottom:1px solid var(--border);margin-top:18px}.te-product-tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;padding:10px 12px;background:transparent;color:var(--muted);font-weight:600;font-size:13px}.te-product-tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink)}.te-product-tabs b{display:inline-block;margin-left:6px;padding:2px 6px;border-radius:5px;background:var(--surface);font-size:11px}.te-item-list{list-style:none;padding:0;margin:0}.te-item-list li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:12px;align-items:start;padding:16px 0;border-bottom:1px solid var(--border)}.te-item-symbol{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;font-size:18px;font-weight:600;background:var(--surface);color:var(--muted)}.te-item-list li>div>strong{display:block;font-size:13px;line-height:1.55;font-weight:600;overflow-wrap:anywhere}.te-item-list li small{display:block;color:var(--muted);margin-top:4px;font-size:11px}.te-item-state{font-size:11px;padding:4px 7px;border-radius:5px;margin-top:2px}.te-item-list li>.te-item-state:not(.te-up):not(.te-down){color:var(--muted)}.te-product-empty{padding:28px 16px;text-align:center}.te-product-empty strong{font-size:14px}.te-product-empty p{font-size:13px;color:var(--muted)}.te-timeline{margin-top:18px;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--surface)}.te-timeline .te-timeline-visit{border:0;border-top:1px solid var(--border);border-radius:0;margin:0;background:transparent}.te-timeline .te-timeline-visit:first-child{border-top:0}.te-timeline .te-timeline-visit>summary{display:grid;grid-template-columns:42px minmax(0,1fr) 16px;gap:12px;padding:16px}.te-timeline-date{text-align:center;border:1px solid var(--border);border-radius:8px;padding:6px 3px;align-self:start;background:var(--canvas)}.te-timeline-date strong{font-size:19px;line-height:1.1;display:block}.te-timeline-date span{font-size:10px;font-weight:500;color:var(--muted);text-transform:uppercase}.te-timeline .te-visit-heading strong{font-size:13px;margin:0 0 3px;font-weight:600}.te-timeline .te-visit-heading>small{font-size:11px;margin:0;color:var(--muted);font-weight:400}.te-timeline-facts{display:flex;gap:8px 14px;flex-wrap:wrap;margin-top:10px;font-size:12px;font-weight:500}.te-timeline-facts span+span{position:relative}.te-timeline-chevron{color:var(--muted);font-size:18px;transition:transform .15s}.te-timeline-visit[open] .te-timeline-chevron{transform:rotate(180deg)}.te-timeline-action{grid-column:2;font-size:11px;color:var(--muted);font-weight:400}.te-timeline .te-visit-detail{padding:16px}.te-timeline .te-visit-detail .te-badges{margin-bottom:12px}.te-timeline .te-comparison>strong{font-size:17px}.te-store-footnote{font-size:12px;color:var(--muted);padding-top:18px;border-top:1px solid var(--border);margin-top:28px}
@media(max-width:900px){.te-store-columns{grid-template-columns:1fr;gap:28px}.te-store-header h3{font-size:21px}.te-store-header{gap:12px}.te-assortment{padding:20px}.te-snapshot-flow{gap:16px}.te-snapshot>strong{font-size:40px}}
@media(max-width:640px){.te-store-nav{margin-bottom:14px}.te-store-header{flex-direction:column;gap:8px}.te-store-header h3{font-size:20px}.te-store-header>.te-trend{margin:0}.te-store-facts{margin:20px 0;justify-content:space-between;padding-bottom:20px}.te-store-facts>div{padding:0 12px;flex:1}.te-store-facts>div:last-child{padding-right:0}.te-store-facts strong{font-size:23px}.te-store-facts>div>span{font-size:11px;line-height:1.5}.te-assortment{padding:16px;border-radius:14px}.te-snapshot-flow{grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.te-snapshot-movement{grid-column:1/-1;grid-row:2;border-top:1px solid var(--border);padding-top:14px}.te-snapshot-current{padding-left:18px}.te-snapshot>strong{font-size:36px}.te-flow-arrow{display:none}.te-snapshot-movement>small{display:block;margin-top:8px}.te-snapshot>span{font-size:10px}.te-snapshot time{font-size:11px}.te-store-columns{margin-top:24px}.te-item-list li{gap:10px;grid-template-columns:28px minmax(0,1fr)}.te-item-state{grid-column:2;justify-self:start;margin-top:-4px}.te-item-list li>div>strong{font-size:13px}.te-timeline .te-timeline-visit>summary{padding:14px 12px;gap:10px}.te-section-heading h4{font-size:16px}}

.te-dialog:has(.te-show-shop) .te-head p,.te-dialog:has(.te-show-shop) .te-head .eyebrow{display:none}.te-dialog:has(.te-show-shop) .te-head h2{font-size:19px;margin:0}.te-dialog:has(.te-show-shop) .te-head{padding:12px 24px}.te-store-nav{margin-bottom:10px}.te-store-facts{margin:18px 0 22px;padding-bottom:18px}.te-assortment{padding:18px 24px}.te-snapshot-flow{margin-top:18px}.te-snapshot>strong{font-size:40px;margin:6px 0 8px}.te-store-columns{margin-top:24px}.te-item-symbol.te-up{color:#176b46;background:#e7f5ed}.te-item-symbol.te-down{color:#a03920;background:#fff0e9}[data-theme=dark] .te-item-symbol.te-up{color:#98e0b6;background:#193c2c}[data-theme=dark] .te-item-symbol.te-down{color:#ffb499;background:#482a23}
@media(max-width:640px){.te-dialog:has(.te-show-shop) .te-head{padding:10px 14px}.te-assortment{padding:16px}.te-snapshot>strong{font-size:36px}.te-store-nav{margin-bottom:10px}}


/* reporting-polish.css */
/* Reporting landing and Team Evaluation: compact management workspace. */
#screen-customers[data-report-view="hub"]{--rp-navy:#102f4a;--rp-blue:#1b5876;--rp-red:#c6002b;--rp-green:#087d69}
#screen-customers[data-report-view="hub"] .reporting-hub{display:grid!important;gap:14px!important;width:min(1180px,100%);margin:0 auto!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
#screen-customers[data-report-view="hub"] .reporting-hub-head{display:grid!important;grid-template-columns:52px minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;min-height:92px!important;padding:18px 20px!important;border:0!important;border-radius:18px!important;background:linear-gradient(128deg,var(--rp-navy),#173f55 66%,#1f627d)!important;color:#fff!important;box-shadow:0 12px 30px rgba(16,47,74,.16)!important}
#screen-customers[data-report-view="hub"] .reporting-hub-mark{display:grid!important;width:52px!important;height:52px!important;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.1);color:#fff}
#screen-customers[data-report-view="hub"] .reporting-hub-mark svg{width:24px;height:24px}
#screen-customers[data-report-view="hub"] .reporting-hub-head h2{margin:0 0 4px!important;color:#fff!important;font-size:clamp(21px,2vw,28px)!important;font-weight:800!important;letter-spacing:-.025em}
#screen-customers[data-report-view="hub"] .reporting-hub-head p{display:block!important;margin:0!important;color:#cfe0e9!important;font-size:12px!important}
#screen-customers[data-report-view="hub"] .reporting-hub-count{display:inline-flex!important;min-height:32px!important;align-items:center;gap:7px;padding:6px 10px!important;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.1);color:#fff!important;font-size:9px!important;font-weight:850;letter-spacing:.08em}
.reporting-control-suite{display:grid;gap:14px;padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:0 8px 22px rgba(16,47,74,.06)}
.reporting-control-suite[hidden]{display:none!important}.reporting-control-suite>header{display:grid;gap:3px}.reporting-control-suite>header>span{color:var(--brand);font-size:9px;font-weight:900;letter-spacing:.1em}.reporting-control-suite>header h3{margin:0;font-size:18px;letter-spacing:-.015em}.reporting-control-suite>header p{margin:0;color:var(--muted);font-size:11px}.reporting-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.reporting-control-grid .management-summary-launch,.reporting-control-grid .te-launch{display:grid;width:100%;min-height:132px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;margin:0;padding:16px;border:1px solid var(--border);border-left:1px solid var(--border);border-radius:15px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--authority-soft) 55%,var(--surface)));color:var(--ink);text-align:left;box-shadow:none;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.reporting-control-grid .te-launch{background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--success-soft) 58%,var(--surface)))}
.reporting-control-grid :is(.management-summary-launch,.te-launch):hover,.reporting-control-grid :is(.management-summary-launch,.te-launch):focus-visible{border-color:color-mix(in srgb,var(--rp-blue) 42%,var(--border));box-shadow:0 10px 24px rgba(16,47,74,.1);transform:translateY(-1px)}
.reporting-control-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:13px;background:var(--rp-navy);color:#fff;font-size:11px;font-weight:900;letter-spacing:.06em}.te-launch .reporting-control-icon{background:var(--rp-green)}
.reporting-control-copy{display:grid;gap:4px;min-width:0}.reporting-control-copy>span:first-child{color:var(--brand);font-size:8px;font-weight:900;letter-spacing:.1em}.te-launch .reporting-control-copy>span:first-child{color:var(--rp-green)}.reporting-control-copy strong{font-size:17px!important;line-height:1.25}.reporting-control-copy small{max-width:440px;margin:0!important;color:var(--muted);font-size:11px!important;line-height:1.45}.reporting-control-copy em{margin-top:3px;color:var(--rp-blue);font-size:9px;font-style:normal;font-weight:800}.te-launch .reporting-control-copy em{color:var(--rp-green)}
.management-summary-cta,.te-launch-cta{display:inline-flex;align-items:center;gap:7px;align-self:center;padding:9px 10px;border-radius:10px;background:var(--rp-navy);color:#fff;font-size:10px;font-weight:850;white-space:nowrap}.te-launch-cta{background:var(--rp-green)}
#screen-customers[data-report-view="hub"] .reporting-hub-output:empty{display:none}
#screen-customers[data-report-view="hub"] .reporting-module-section{display:block!important;padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:0 8px 22px rgba(16,47,74,.05)}
#screen-customers[data-report-view="hub"] .reporting-module-heading{padding:0 0 12px!important}.reporting-module-heading h3{margin:0;font-size:18px;letter-spacing:-.015em}
#screen-customers[data-report-view="hub"] .reporting-hub-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px!important;padding:0!important}
#screen-customers[data-report-view="hub"] .report-entry{display:grid;min-height:124px;grid-template-columns:42px minmax(0,1fr) 20px;align-items:start;gap:10px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--ink);text-align:left;box-shadow:none;transition:border-color .16s ease,background .16s ease}
#screen-customers[data-report-view="hub"] .report-entry:hover,#screen-customers[data-report-view="hub"] .report-entry:focus-visible{border-color:color-mix(in srgb,var(--rp-blue) 40%,var(--border));background:color-mix(in srgb,var(--authority-soft) 45%,var(--surface))}
#screen-customers[data-report-view="hub"] .report-entry-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:11px;background:var(--authority-soft);color:var(--rp-navy)}
#screen-customers[data-report-view="hub"] .report-entry-copy{display:grid;gap:4px;min-width:0}.report-entry-copy strong{font-size:13px}.report-entry-copy small{color:var(--muted);font-size:9px;line-height:1.45}.report-entry-copy em{margin-top:4px;color:var(--rp-blue);font-size:9px;font-style:normal;font-weight:800}.report-entry-arrow{align-self:center;color:var(--muted)}

/* Team Evaluation dialog */
.te-dialog{--rp-navy:#102f4a;--rp-blue:#1b5876;--rp-green:#087d69;border-color:color-mix(in srgb,var(--rp-navy) 18%,var(--border));border-radius:22px;background:#f4f7f9;box-shadow:0 24px 80px rgba(3,20,31,.38)}
[data-theme="dark"] .te-dialog{background:var(--canvas)}
.te-dialog .te-head{min-height:90px;padding:16px 22px;border:0;background:linear-gradient(128deg,var(--rp-navy),#173f55);color:#fff}.te-dialog .te-head .eyebrow{color:#ffb1bd}.te-dialog .te-head h2{margin:3px 0;font-size:22px;letter-spacing:-.02em}.te-dialog .te-head p{color:#cfe0e9;font-size:12px}.te-dialog .te-head button{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.1);color:#fff}
.te-dialog .te-body{height:auto;padding:16px 20px 34px}.te-dialog .te-team-filter{position:static;gap:5px;margin:0;padding:5px;border-radius:14px;box-shadow:0 5px 16px rgba(16,47,74,.05)}.te-dialog .te-team-filter button{min-height:40px;border-radius:10px;font-size:11px}.te-dialog .te-team-filter button[aria-pressed=true]{background:var(--rp-navy);border-color:var(--rp-navy)}
.te-dialog .te-filters{display:grid;max-width:none;grid-template-columns:minmax(150px,190px) minmax(150px,190px) auto;align-items:end;gap:10px;margin:10px 0 4px;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.te-dialog .te-filters label{max-width:none;font-size:11px}.te-dialog .te-filters input{min-height:42px}.te-dialog .te-filters button{min-height:42px;padding-inline:18px}
.te-dialog .te-context{margin:13px 0 9px}.te-dialog .te-context h3{margin:3px 0;font-size:17px}.te-dialog .te-overview-metrics{gap:9px;margin:10px 0 14px}.te-dialog .te-overview-metrics>div{min-height:86px;padding:12px 13px;border:1px solid var(--border);border-top:3px solid var(--rp-blue);border-radius:13px;background:var(--surface);box-shadow:0 5px 14px rgba(16,47,74,.04)}.te-dialog .te-overview-metrics>div:nth-child(4),.te-dialog .te-overview-metrics>div:nth-child(5){border-top-color:var(--rp-green)}.te-dialog .te-overview-metrics>div:nth-child(6){border-top-color:var(--brand)}.te-dialog .te-metrics strong{font-size:25px;letter-spacing:-.02em}.te-dialog .te-metrics span{font-size:11px}
.te-dialog .te-shop-controls{display:grid;grid-template-columns:minmax(260px,1fr) 180px auto;align-items:end;gap:10px;margin:10px 0}.te-dialog .te-shop-controls label{font-size:11px}.te-dialog .te-shop-table{border-radius:15px;box-shadow:0 7px 20px rgba(16,47,74,.05)}.te-dialog .te-shop-columns{padding:11px 16px;background:#eaf0f4;color:#405866;font-size:10px;font-weight:800;letter-spacing:.02em}.te-dialog .te-shop-row{min-height:76px;padding:12px 16px}.te-dialog .te-shop-row:nth-child(odd){background:color-mix(in srgb,var(--canvas) 34%,var(--surface))}.te-dialog .te-shop-row:hover,.te-dialog .te-shop-row:focus-visible{background:color-mix(in srgb,var(--authority-soft) 60%,var(--surface));box-shadow:inset 3px 0 0 var(--rp-blue)}.te-dialog .te-shop-row strong{font-size:12px}.te-dialog .te-shop-row b{font-size:15px}.te-dialog .te-shop-row small{font-size:9px}.te-dialog .te-trend{padding:5px 8px;font-size:11px}
@media(max-width:900px){#screen-customers[data-report-view="hub"] .reporting-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.te-dialog .te-shop-controls{grid-template-columns:minmax(0,1fr) minmax(150px,.55fr)}.te-dialog .te-shop-controls>span{grid-column:1/-1}}
@media(max-width:640px){#screen-customers[data-report-view="hub"] .reporting-hub-head{grid-template-columns:44px minmax(0,1fr)!important;min-height:82px!important;padding:14px!important}#screen-customers[data-report-view="hub"] .reporting-hub-mark{width:44px!important;height:44px!important}.reporting-hub-count{display:none!important}.reporting-control-suite{padding:13px}.reporting-control-grid{grid-template-columns:1fr}.reporting-control-grid .management-summary-launch,.reporting-control-grid .te-launch{min-height:118px;grid-template-columns:42px minmax(0,1fr) auto;padding:13px;gap:10px}.reporting-control-icon{width:42px;height:42px}.management-summary-cta,.te-launch-cta{padding:8px}.management-summary-cta>span,.te-launch-cta>span{display:none}#screen-customers[data-report-view="hub"] .reporting-module-section{padding:13px}#screen-customers[data-report-view="hub"] .reporting-hub-grid{grid-template-columns:1fr}.te-dialog{border-radius:0}.te-dialog .te-head{min-height:82px;padding:13px 14px}.te-dialog .te-body{padding:12px 10px 28px}.te-dialog .te-filters{grid-template-columns:1fr 1fr;padding:10px}.te-dialog .te-filters button{grid-column:1/-1;width:100%}.te-dialog .te-shop-controls{grid-template-columns:1fr 1fr}.te-dialog .te-shop-controls label:first-child{grid-column:1/-1}.te-dialog .te-shop-row{padding:13px}.te-dialog .te-overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.reporting-control-grid :is(.management-summary-launch,.te-launch),#screen-customers[data-report-view="hub"] .report-entry{transition:none}}


/* reporting-overview.css */
/* Report directory only; details and operational screens retain their styles. */
#reportingHub {--ink:#172b3a;--muted:#526577;--surface:#fff;--border:#dbe3e9;display:flex;flex-direction:column;gap:24px;max-width:1120px;margin-inline:auto;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;}
[data-theme="dark"] #reportingHub {--ink:#edf3f8;--muted:#b6c5d3;--surface:#152d3e;--border:#385163;}
#reportingHub.hidden,#reportingHub [hidden],#reportingHub .reporting-hub-output {display:none!important;}
#reportingHub .reporting-hub-head {display:flex;min-height:0;padding:0;background:none;border:0;box-shadow:none;color:var(--ink);}
#reportingHub .reporting-hub-head h2 {font-size:24px;line-height:1.3;color:var(--ink);margin:0;}
#reportingHub .reporting-hub-head p {display:block;font-size:14px;line-height:1.5;color:var(--muted);margin:4px 0 0;}
#reportingHub .reporting-hub-mark,#reportingHub .reporting-hub-count {display:none;}
#reportingHub [data-management-summary-launch] {display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0;padding:28px;background:#14384b;color:#fff;border:1px solid #28546b;border-radius:16px;box-shadow:none;text-align:left;min-height:172px;cursor:pointer;}
#reportingHub [data-management-summary-launch]>span:first-child {display:grid;gap:12px;}
#reportingHub .management-summary-eyebrow {font-size:12px;letter-spacing:.08em;font-weight:600;color:#c7e5ee;}
#reportingHub [data-management-summary-launch] strong {font-size:28px;line-height:1.25;color:#fff;}
#reportingHub [data-management-summary-launch] small {font-size:15px;line-height:1.6;color:#d4e3eb;max-width:520px;}
#reportingHub .management-summary-cta {display:flex;align-items:center;justify-content:center;gap:16px;flex-shrink:0;min-height:48px;padding:12px 20px;border-radius:8px;background:#fff;color:#14384b;font-size:15px;font-weight:700;}
#reportingHub .reporting-module-section {display:block;padding:0;background:none;border:0;box-shadow:none;}
#reportingHub .reporting-module-heading {margin:0 0 16px;padding:0;border:0;}
#reportingHub .reporting-module-heading h3 {font-size:18px;margin:0;color:var(--ink);}
#reportingHub .reporting-hub-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
#reportingHub .report-entry {display:flex;align-items:flex-start;gap:12px;min-height:144px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:none;color:var(--ink);transform:none;}
#reportingHub .report-entry-icon {flex:0 0 24px;width:24px;height:24px;background:none;color:var(--muted);}
#reportingHub .report-entry-copy {min-width:0;display:grid;gap:8px;}
#reportingHub .report-entry-copy strong {font-size:16px;line-height:1.4;color:var(--ink);white-space:normal;}
#reportingHub .report-entry-copy small {display:block;font-size:13px;line-height:1.5;color:var(--muted);}
#reportingHub .report-entry-copy em,#reportingHub .report-entry-arrow {display:none;}
#reportingHub button:focus-visible {outline:3px solid var(--focus);outline-offset:4px;}
#reportingHub .report-entry:hover {border-color:var(--muted);}
@media(max-width:700px){
 #reportingHub {gap:20px;}
 #reportingHub [data-management-summary-launch] {flex-direction:column;align-items:stretch;padding:24px;gap:20px;}
 #reportingHub [data-management-summary-launch] strong {font-size:26px;}
 #reportingHub .reporting-hub-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
 #reportingHub .report-entry {padding:16px;flex-direction:column;min-height:160px;}
}


/* watchlist.css */
/* Restrained enterprise follow-up. Scoped to avoid legacy card/button overrides. */
.wl-overlay,.wl-launch,.wl-shortcut{--wl-ink:#192b3a;--wl-muted:#526475;--wl-line:#d5e0e8;--wl-surface:#fff;--wl-canvas:#f4f7f9;--wl-primary:#15384c;--wl-on:#fff;--wl-danger:#a62727;--wl-good:#087459;font-family:inherit;color:var(--wl-ink)}
[data-theme=dark] .wl-overlay,[data-theme=dark] .wl-launch,[data-theme=dark] .wl-shortcut{--wl-ink:#edf4f8;--wl-muted:#b3c3cf;--wl-line:#344a59;--wl-surface:#152735;--wl-canvas:#10212d;--wl-primary:#c3deed;--wl-on:#122b3b;--wl-danger:#ffaaa4;--wl-good:#83dec5;color-scheme:dark}
.wl-overlay{position:fixed;inset:0;z-index:20000;background:#091722a8;display:flex;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top)) 16px max(12px,env(safe-area-inset-bottom));font-size:14px;line-height:1.5}
.wl-overlay *{box-sizing:border-box;min-width:0}
.wl-overlay .wl-panel{width:min(960px,100%);max-height:calc(100dvh - 32px);overflow:auto;background:var(--wl-surface);border:1px solid var(--wl-line);border-radius:16px;box-shadow:0 20px 60px #0003;color:var(--wl-ink)}
.wl-overlay .wl-head{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;background:var(--wl-surface);border-bottom:1px solid var(--wl-line)}
.wl-overlay h2,.wl-overlay h3,.wl-overlay p{margin:0;color:inherit;text-transform:none;letter-spacing:normal}
.wl-overlay h2{font-size:22px;font-weight:750}.wl-overlay h3{font-size:18px;line-height:1.4}.wl-overlay .wl-head p{font-size:13px;color:var(--wl-muted);margin-top:4px}
.wl-overlay .wl-body{padding:20px 24px 28px}.wl-overlay button,.wl-overlay input,.wl-overlay select,.wl-overlay textarea{font:inherit;border:1px solid var(--wl-line);border-radius:8px;background:var(--wl-surface);color:var(--wl-ink);box-shadow:none;margin:0}
.wl-overlay button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;cursor:pointer;font-weight:650;text-align:center;text-decoration:none;transition:background 150ms,color 150ms;white-space:normal}
.wl-overlay button:hover{background:var(--wl-canvas)}.wl-overlay button:active{filter:brightness(.94)}.wl-overlay button:disabled{opacity:.55;cursor:wait}.wl-overlay .wl-primary{background:var(--wl-primary);color:var(--wl-on);border-color:var(--wl-primary)}
.wl-overlay :is(button,input,textarea,select):focus-visible,.wl-launch:focus-visible,.wl-shortcut:focus-visible{outline:3px solid #3185b3;outline-offset:3px}
.wl-overlay label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:650;color:var(--wl-ink);margin:0 0 16px}.wl-overlay input,.wl-overlay select,.wl-overlay textarea{display:block;padding:12px;width:100%;min-height:46px;font-size:16px;font-weight:400}.wl-overlay textarea{resize:vertical}.wl-overlay input::placeholder,.wl-overlay textarea::placeholder{color:var(--wl-muted);opacity:1}
.wl-overlay .wl-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,220px) auto;gap:12px;align-items:end}.wl-overlay .wl-tools label{margin:0}.wl-overlay .wl-caption{font-size:12px;color:var(--wl-muted);margin:12px 0}.wl-overlay .wl-rows{border-top:1px solid var(--wl-line)}
.wl-overlay .wl-row{display:grid;width:100%;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(130px,.7fr);gap:20px;border:0;border-bottom:1px solid var(--wl-line);border-radius:0;padding:18px 4px;text-align:left;align-items:center;line-height:1.5;background:var(--wl-surface)}
.wl-overlay .wl-row span{display:flex;flex-direction:column;gap:5px;overflow-wrap:anywhere}.wl-overlay .wl-row strong{font-size:14px;color:var(--wl-ink)}.wl-overlay small{font-size:12px;color:var(--wl-muted);font-weight:400}.wl-overlay .wl-row-status{align-items:flex-end;text-align:right}.wl-overlay .wl-pill{font-size:12px;background:var(--wl-canvas);padding:3px 9px;border-radius:99px;white-space:nowrap}.wl-overlay .wl-pill[data-status=RESOLVED]{color:var(--wl-good)}.wl-overlay .wl-overdue{color:var(--wl-danger)!important}
.wl-overlay .wl-more{display:flex;margin:16px auto 0}.wl-overlay .wl-empty{padding:36px 16px;text-align:center;color:var(--wl-muted)}.wl-overlay .wl-empty p{margin:8px 0 16px}.wl-overlay .wl-empty h3{color:var(--wl-ink)}
.wl-overlay .wl-context{margin:8px 0 20px}.wl-overlay .wl-context h3{margin-top:4px;overflow-wrap:anywhere}.wl-overlay .wl-context button{margin-top:12px}.wl-overlay .wl-fields,.wl-overlay .wl-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wl-overlay .wl-optional{display:inline;color:var(--wl-muted);font-weight:400}.wl-overlay .wl-actions{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.wl-overlay .wl-error{font-size:13px;color:var(--wl-danger);margin:8px 0;white-space:pre-wrap}.wl-overlay .wl-error:empty{display:none}
.wl-overlay .wl-reason{padding:16px;background:var(--wl-canvas);border-left:3px solid var(--wl-line);white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 0;font-size:15px}.wl-overlay .wl-facts{grid-template-columns:1fr 1fr 1fr;border-bottom:1px solid var(--wl-line);padding:8px 0 16px}.wl-overlay .wl-facts div{display:flex;flex-direction:column;gap:5px}.wl-overlay .wl-facts span{font-size:12px;color:var(--wl-muted)}.wl-overlay .wl-facts strong{font-size:14px}
.wl-overlay #wl-reply{border-top:1px solid var(--wl-line);padding-top:20px;margin-top:20px}.wl-overlay .wl-history{border-top:1px solid var(--wl-line);margin-top:24px;padding-top:8px}.wl-overlay summary{cursor:pointer;padding:12px 0;min-height:44px;font-weight:650}.wl-overlay .wl-history ol{list-style:none;padding:0;margin:0}.wl-overlay .wl-history li{padding:16px 0;border-top:1px solid var(--wl-line)}.wl-overlay .wl-history li div{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}.wl-overlay .wl-history time{font-size:12px;color:var(--wl-muted)}.wl-overlay .wl-history p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:6px}
button.wl-launch{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border:1px solid var(--wl-line);border-radius:12px;background:var(--wl-surface);margin:8px 0 12px;text-align:left;cursor:pointer;min-height:60px;box-shadow:none}button.wl-launch span{display:flex;flex:1;flex-direction:column;gap:3px}button.wl-launch strong{font-size:14px;color:var(--wl-ink)}button.wl-launch small{font-size:12px;color:var(--wl-muted)}button.wl-launch b{font-size:12px;color:var(--wl-ink)}button.wl-launch [data-wl-overdue]{color:var(--wl-danger)}
.wl-shortcut,#reportingHub .wl-shortcut{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;min-height:44px;border:1px solid var(--wl-line);background:var(--wl-surface);color:var(--wl-ink);font-size:13px;border-radius:8px;box-shadow:none;cursor:pointer;margin:4px;white-space:normal;font-weight:650;text-decoration:none}.wl-shortcut svg,button.wl-launch svg{width:20px!important;height:20px!important;max-width:20px;max-height:20px;flex:none}.modal-heading:has(.wl-shortcut){flex-wrap:wrap}
@media(max-width:600px){.wl-overlay{padding:8px}.wl-overlay .wl-panel{max-height:calc(100dvh - 16px);border-radius:12px}.wl-overlay .wl-head{padding:16px}.wl-overlay h2{font-size:20px}.wl-overlay .wl-body{padding:16px}.wl-overlay .wl-tools{grid-template-columns:1fr auto}.wl-overlay .wl-tools label:first-child{grid-column:1/-1}.wl-overlay .wl-row{grid-template-columns:1fr auto;gap:12px;padding:16px 0}.wl-overlay .wl-shop-name{grid-column:1/-1}.wl-overlay .wl-assignee{grid-column:1}.wl-overlay .wl-row-status{grid-column:2}.wl-overlay .wl-fields,.wl-overlay .wl-facts{grid-template-columns:1fr}.wl-overlay .wl-facts div{padding:4px 0}.wl-overlay .wl-actions button{flex:1}.wl-overlay .wl-row strong{font-size:14px}.wl-overlay .wl-row-status small{max-width:130px}}
@media(prefers-reduced-motion:reduce){.wl-overlay *{transition:none!important;animation:none!important}}

/* Personal saved reports: compact bookmark toggle and a separate, searchable list. */
.wl-overlay .visit-save-header{flex:none;min-height:44px;padding:9px 13px;border-color:var(--wl-line);background:var(--wl-surface);color:var(--wl-primary);white-space:nowrap}
.wl-overlay .visit-save-header svg{width:18px;height:18px;fill:none;stroke:currentColor;transition:fill 180ms ease}
.wl-overlay .visit-save-header.saved{border-color:var(--wl-good);background:color-mix(in srgb,var(--wl-good),transparent 88%);color:var(--wl-good)}
.wl-overlay .visit-save-header.saved svg{fill:currentColor}
.wl-overlay .visit-followup-header{flex:none;min-height:44px;padding:9px 13px;border-color:var(--wl-primary);background:var(--wl-primary);color:var(--wl-on);white-space:nowrap}
.visit-followup-banner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin-bottom:14px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--wl-danger),transparent 60%);border-left:4px solid var(--wl-danger);border-radius:12px;background:color-mix(in srgb,var(--wl-danger),transparent 94%)}.visit-followup-banner[hidden]{display:none}.visit-followup-banner.next-visit{border-color:color-mix(in srgb,#b06b00,transparent 58%);border-left-color:#b06b00;background:color-mix(in srgb,#ffb11b,transparent 91%)}.visit-followup-copy{display:grid;gap:4px}.visit-followup-copy small{color:var(--wl-danger)!important;font-size:10px!important;font-weight:850!important;letter-spacing:.07em}.visit-followup-banner.next-visit .visit-followup-copy small{color:#8a5100!important}.visit-followup-copy strong{font-size:15px;line-height:1.45;white-space:pre-wrap}.visit-followup-copy span{color:var(--wl-muted);font-size:11px}.visit-followup-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.wl-overlay .visit-followup-actions button{min-height:40px;padding:8px 11px;font-size:12px}
.wl-section-tabs{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:4px;margin-bottom:18px;padding:4px;border:1px solid var(--wl-line);border-radius:12px;background:var(--wl-canvas)}
.wl-overlay .wl-section-tabs button{min-height:46px;border:0;background:transparent;color:var(--wl-muted)}
.wl-overlay .wl-section-tabs button[aria-selected=true]{background:var(--wl-surface);color:var(--wl-ink);box-shadow:0 1px 4px #0b1d2920}
.wl-section-tabs svg{width:18px;height:18px;fill:none;stroke:currentColor}.wl-section-tabs b{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--wl-danger);color:#fff;font-size:10px}
.next-review-intro{margin-bottom:14px;padding:15px 17px;border:1px solid color-mix(in srgb,var(--wl-good),transparent 58%);border-left:4px solid var(--wl-good);border-radius:12px;background:color-mix(in srgb,var(--wl-good),transparent 94%)}.next-review-intro small{color:var(--wl-good)!important;font-size:10px!important;font-weight:850!important;letter-spacing:.07em}.next-review-intro h3{margin:3px 0!important}.next-review-intro p{color:var(--wl-muted)!important;font-size:12px}.next-review-list{display:grid;gap:10px}.next-review-card{display:grid;grid-template-columns:minmax(150px,.55fr) minmax(0,1.5fr) auto;align-items:center;gap:18px;padding:16px;border:1px solid var(--wl-line);border-radius:12px;background:var(--wl-surface)}.next-review-status{display:grid;gap:5px}.next-review-status span{color:var(--wl-good);font-size:9px;font-weight:900;letter-spacing:.07em}.next-review-status time{font-size:12px;font-weight:750}.next-review-main{display:grid;gap:3px}.next-review-main small,.next-review-main span{color:var(--wl-muted);font-size:11px}.next-review-main h3{font-size:15px!important}.next-review-main p{margin:4px 0!important;white-space:pre-wrap}.next-review-card>button{min-width:138px}
.saved-report-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin-bottom:10px}
.saved-report-tools label{margin:0!important}.saved-report-list{display:grid;border:1px solid var(--wl-line);border-radius:12px;overflow:hidden}
.saved-report-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;border-bottom:1px solid var(--wl-line);background:var(--wl-surface)}
.saved-report-row:last-child{border-bottom:0}.wl-overlay .saved-report-open{display:grid;grid-template-columns:92px minmax(0,1fr) 16px;align-items:center;gap:14px;width:100%;min-height:76px;padding:12px 14px;border:0;border-radius:0;text-align:left;background:transparent}
.saved-report-ref{color:var(--wl-primary);font-size:12px;font-weight:800;letter-spacing:.03em}.saved-report-main{display:grid;gap:4px}.saved-report-main strong{font-size:14px;line-height:1.35}.saved-report-main small{color:var(--wl-muted);font-size:11px}.saved-report-arrow{color:var(--wl-muted);font-size:22px}
.wl-overlay .saved-report-remove{align-self:center;min-width:98px;margin:8px 10px 8px 0;padding:8px 10px;color:var(--wl-danger)}.saved-report-remove svg{width:17px;height:17px;fill:currentColor;stroke:currentColor}
@media(max-width:700px){.wl-overlay .wl-head{flex-wrap:wrap;gap:8px}.wl-overlay .wl-head>div{flex:1;min-width:145px}.wl-overlay .visit-save-header{order:5;flex:1 1 140px}.wl-overlay .visit-followup-header{order:6;flex:1 1 140px}.wl-overlay .visit-review-header{order:7}.wl-overlay .visit-reference{order:4}.visit-followup-banner{grid-template-columns:1fr;padding:14px}.visit-followup-actions{display:grid;grid-template-columns:1fr 1fr}.visit-followup-actions [data-followup-open]{grid-column:1/-1}.saved-report-row{grid-template-columns:1fr}.wl-overlay .saved-report-open{grid-template-columns:78px minmax(0,1fr) 14px;min-height:72px;padding:11px 8px}.wl-overlay .saved-report-remove{justify-self:stretch;margin:0 8px 8px;min-height:44px}.saved-report-tools{grid-template-columns:1fr auto}.saved-report-main strong{font-size:13px}}
@media(max-width:420px){.wl-overlay .wl-head{padding:12px}.wl-overlay .wl-head>div{min-width:120px}.wl-overlay .visit-reference{flex:1}.wl-section-tabs{margin-bottom:14px}.saved-report-tools{grid-template-columns:1fr}.saved-report-tools button{width:100%}}
@media(max-width:700px){.wl-section-tabs{grid-template-columns:1fr}.next-review-card{grid-template-columns:1fr}.next-review-card>button{width:100%}.next-review-status{grid-template-columns:1fr auto;align-items:center}}

#reportingHub.reporting-priority .rp-views{flex-wrap:wrap;align-items:center;gap:8px 20px}
#reportingHub.reporting-priority .rp-views .wl-shortcut{margin-left:auto;padding:8px 12px;border:1px solid var(--wl-line);border-radius:8px;color:var(--wl-ink);background:var(--wl-surface)}
@media(max-width:600px){.wl-overlay .wl-facts{grid-template-columns:1fr 1fr}.wl-overlay .wl-facts>div:first-child{grid-column:1/-1}.wl-overlay .wl-facts>div{padding:8px 0}}
.wl-shortcut[hidden],#reportingHub .wl-shortcut[hidden]{display:none!important}

/* Customer follow-up: compact, readable and separate from operational KPIs. */
.wl-followup-label{margin:12px 0;width:100%;justify-content:flex-start;text-align:left;border-left:3px solid #087b69;white-space:normal}.wl-followup-label span,.wl-contact{display:grid;gap:6px}.wl-followup-label small,.wl-contact small{font-size:12px;color:#526371}.wl-contact{padding:14px 0;border-bottom:1px solid #d9e0e6}.wl-contact a{color:#075e52;min-height:44px;display:flex;align-items:center}.wl-body form label{display:grid;gap:6px;margin:12px 0}.wl-body form [hidden]{display:none}.wl-body input,.wl-body select{min-height:44px;max-width:100%;box-sizing:border-box}.wl-body .wl-actions{flex-wrap:wrap}.wl-body .wl-row small{display:block;overflow-wrap:anywhere}

.customer-inline-range{display:flex;align-items:end;flex-wrap:wrap;gap:12px;padding:12px 0}.customer-inline-range label{display:grid;gap:6px;font-size:13px}.customer-inline-range input,.customer-inline-range button{min-height:44px;padding:8px;border:1px solid #ccd5dd;border-radius:8px;font:inherit}.customer-inline-range [role=alert]{color:#b00020}[data-theme="dark"] .wl-contact small,[data-theme="dark"] .wl-followup-label small{color:#bdcbd5}[data-theme="dark"] .wl-contact a{color:#82d8c8}

.ch-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.ch-facts div{border-bottom:1px solid var(--wl-line);padding:8px 0}.ch-facts dt{font-size:12px;color:var(--wl-muted)}.ch-facts dd{margin:4px 0;overflow-wrap:anywhere}.wl-body>h3{margin-top:20px;margin-bottom:12px}

/* Customer history: one compact timeline, with filters out of the way. */
.customer-history-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:2px 0 16px;border-bottom:1px solid var(--wl-line)}
.customer-history-hero>div{display:grid;gap:3px}.customer-history-hero>div>small{color:var(--wl-primary);font-size:10px;font-weight:800;letter-spacing:.07em}.customer-history-hero h3{font-size:18px!important}.customer-history-hero p{color:var(--wl-muted);font-size:12px}.customer-history-hero>[data-ch-followup]{min-height:38px;padding:7px 11px}
.customer-history-filters{margin:12px 0;border:1px solid var(--wl-line);border-radius:10px;background:var(--wl-canvas)}.customer-history-filters>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px}.customer-history-filters>summary small{color:var(--wl-muted);font-weight:500}.customer-history-filters>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.55fr);align-items:end;gap:14px;padding:0 12px 12px;border-top:1px solid var(--wl-line)}
.customer-history-filters .customer-inline-range{padding:4px 0 0}.customer-history-filters .visit-number-search{max-width:none!important;margin:4px 0 0!important}.customer-history-filters .visit-number-search input{width:100%}
.customer-history-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0}.customer-history-list-head strong{font-size:14px}.customer-history-list-head span{color:var(--wl-muted);font-size:11px}
.customer-history-list{border:1px solid var(--wl-line);border-radius:12px;overflow:hidden}.customer-history-list .history-visit-row{display:grid;grid-template-columns:92px minmax(0,1fr) minmax(150px,.55fr) 18px;align-items:center;gap:14px;width:100%;min-height:68px;padding:11px 13px;border:0;border-bottom:1px solid var(--wl-line);border-radius:0;text-align:left;background:var(--wl-surface)}.customer-history-list .history-visit-row:last-child{border-bottom:0}.customer-history-list .history-visit-row:hover{background:var(--wl-canvas)}
.history-visit-ref{display:flex;align-items:flex-start;flex-direction:column;gap:4px}.history-visit-ref b{color:var(--wl-primary);font-size:11px;letter-spacing:.03em}.history-visit-ref em{padding:2px 5px;border-radius:999px;color:var(--wl-good);background:color-mix(in srgb,var(--wl-good),transparent 86%);font-size:8px;font-style:normal;font-weight:800}
.history-visit-main{display:grid;gap:2px}.history-visit-main strong{font-size:13px}.history-visit-main small,.history-visit-state small{color:var(--wl-muted);font-size:10px}.history-visit-main em{color:var(--wl-danger);font-size:9px;font-style:normal}.history-visit-state{display:grid;gap:2px;text-align:right;font-size:10px;font-weight:800;text-transform:uppercase}.history-row-arrow{color:var(--wl-muted);font-size:22px}
@media(max-width:650px){.customer-history-filters>div{grid-template-columns:1fr}.customer-history-list .history-visit-row{grid-template-columns:78px minmax(0,1fr) 16px;gap:9px}.history-visit-state{grid-column:2;text-align:left}.history-row-arrow{grid-column:3;grid-row:1/3}.customer-history-hero{gap:10px}.customer-history-hero h3{font-size:16px!important}.customer-history-hero>[data-ch-followup]{padding:6px 8px;font-size:11px}}

/* Touch-safe report controls */
.wl-overlay,.wl-overlay *{pointer-events:auto}
.wl-overlay button,.wl-overlay a,.wl-overlay [role="button"]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}


/* Follow-up workspace: structured forms, clear fields and predictable actions. */
.wl-overlay .wl-body>form{max-width:760px;margin:0 auto;padding:18px;border:1px solid var(--wl-line);border-radius:14px;background:var(--wl-canvas)}
.wl-overlay .wl-body>form>h3{margin-bottom:4px}.wl-overlay .wl-body>form>h3+p{margin-bottom:18px;color:var(--wl-muted);font-size:13px}
.wl-overlay .wl-body>form label{padding:0;margin:0 0 14px;font-size:12px;font-weight:750}.wl-overlay .wl-body>form input,.wl-overlay .wl-body>form select,.wl-overlay .wl-body>form textarea{margin-top:2px;border-radius:10px;background:var(--wl-surface)}
.wl-overlay .wl-body>form textarea{min-height:104px;line-height:1.5}.wl-overlay .wl-body>form .wl-caption{padding:10px 12px;border-radius:9px;background:var(--wl-surface);line-height:1.5}
.wl-overlay .wl-body>form .wl-actions{justify-content:flex-end;margin:18px 0 0;padding-top:14px;border-top:1px solid var(--wl-line)}
.wl-overlay .wl-body>form .wl-actions button{min-width:132px}.wl-overlay #cf-call label:nth-of-type(3),.wl-overlay #cf-call label:nth-of-type(4),.wl-overlay #cf-call label:nth-of-type(5){display:inline-grid;width:calc(50% - 8px);vertical-align:top}.wl-overlay #cf-call label:nth-of-type(4){margin-left:12px}
@media(max-width:600px){.wl-overlay .wl-body>form{padding:14px}.wl-overlay #cf-call label:nth-of-type(3),.wl-overlay #cf-call label:nth-of-type(4),.wl-overlay #cf-call label:nth-of-type(5){display:grid;width:100%;margin-left:0}.wl-overlay .wl-body>form .wl-actions{display:grid;grid-template-columns:1fr}.wl-overlay .wl-body>form .wl-actions button{width:100%}}

/* Every follow-up keeps a visible, clickable link to the exact source visit. */
.followup-create-origin{display:grid;gap:3px;margin:0 0 16px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--wl-good),transparent 62%);border-left:4px solid var(--wl-good);border-radius:10px;background:color-mix(in srgb,var(--wl-good),transparent 94%)}
.followup-create-origin small,.followup-origin-card small{color:var(--wl-muted);font-size:9px!important;font-weight:850!important;letter-spacing:.07em}.followup-create-origin strong{font-size:14px}.followup-create-origin span{color:var(--wl-muted);font-size:11px}
.followup-origin-card{display:grid;grid-template-columns:minmax(170px,.55fr) minmax(0,1.45fr);gap:12px;margin:0 0 16px}.followup-origin-card>div,.wl-overlay .followup-origin-visit{display:grid;align-content:center;gap:3px;min-height:82px;padding:13px 14px;border:1px solid var(--wl-line);border-radius:10px;background:var(--wl-canvas);text-align:left}.followup-origin-card>div strong,.followup-origin-visit strong{font-size:13px}.followup-origin-card>div span,.followup-origin-visit span{color:var(--wl-muted);font-size:11px}.wl-overlay .followup-origin-visit{position:relative;grid-template-columns:minmax(0,1fr) auto;width:100%;border-color:color-mix(in srgb,var(--wl-primary),transparent 55%);background:var(--wl-surface)}.followup-origin-visit small,.followup-origin-visit strong,.followup-origin-visit span{grid-column:1}.followup-origin-visit b{grid-column:2;grid-row:1/4;align-self:center;color:var(--wl-primary);font-size:12px;white-space:nowrap}.followup-origin-visit:hover{background:var(--wl-canvas)!important}
@media(max-width:600px){.followup-origin-card{grid-template-columns:1fr}.wl-overlay .followup-origin-visit{grid-template-columns:minmax(0,1fr);padding-right:14px}.followup-origin-visit b{grid-column:1;grid-row:auto;margin-top:5px}}


/* discussion-polish.css */
/* Discussion Case correction: compact hierarchy, readable status and in-context Watchlist. */
.inbox-thread-modal{
  --dc-surface:var(--surface,#fff);
  --dc-canvas:var(--canvas,#f4f7f9);
  --dc-ink:var(--ink,#192b3a);
  --dc-muted:var(--muted,#526475);
  --dc-line:var(--border,#d5e0e8);
  color:var(--dc-ink);
}
.inbox-thread-modal>.modal-heading{
  align-items:center;
  gap:12px;
  padding-block:12px;
}
.inbox-thread-modal>.modal-heading .modal-heading-copy{min-width:0}
.inbox-thread-modal>.modal-heading h2{
  overflow-wrap:anywhere;
  color:var(--dc-ink);
  font-size:clamp(1rem,2vw,1.2rem);
  line-height:1.3;
}
.inbox-thread-modal>.modal-heading p{
  display:-webkit-box;
  overflow:hidden;
  color:var(--dc-muted);
  font-size:.68rem;
  line-height:1.4;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.discussion-case-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:56px;
  margin:0 0 10px;
  padding:8px 10px 8px 14px;
  border:1px solid var(--dc-line);
  border-radius:12px;
  background:var(--dc-surface);
}
.discussion-case-toolbar>div{
  display:flex;
  align-items:center;
  gap:10px;
}
.discussion-case-toolbar .eyebrow{
  color:var(--dc-muted);
  font-size:.62rem;
  letter-spacing:.09em;
}
.discussion-case-toolbar .inbox-status{
  padding:5px 9px;
  border:1px solid var(--dc-line);
  font-size:.56rem;
}
.discussion-case-toolbar .inbox-status.status-open{color:var(--warning);background:var(--warning-soft)}
.discussion-case-toolbar .inbox-status.status-replied{color:var(--success);background:var(--success-soft)}
.discussion-case-toolbar .inbox-status.status-resolved{color:var(--dc-muted);background:var(--dc-canvas)}
.discussion-case-toolbar button.wl-shortcut{
  margin:0 0 0 auto;
  min-width:174px;
  min-height:44px;
  padding:9px 12px;
  border-color:var(--dc-line);
  background:var(--dc-canvas);
  color:var(--dc-ink);
}
.discussion-case-toolbar button.wl-shortcut.is-watched{
  border-color:color-mix(in srgb,var(--success) 42%,var(--dc-line));
  background:var(--success-soft);
  color:var(--success);
}
.discussion-visit-card,
.discussion-case-section,
.discussion-conversation-section,
.discussion-visit-note{
  background:var(--dc-surface);
  color:var(--dc-ink);
}
.discussion-visit-card{margin-top:0}
.discussion-visit-card>header{
  align-items:center;
  padding-bottom:14px;
  border-bottom:1px solid var(--dc-line);
}
.discussion-visit-card>header>div>small,
.discussion-owner small,
.discussion-section-heading .eyebrow{color:var(--brand)}
.discussion-visit-card>header>div>strong{
  color:var(--dc-ink);
  font-size:.95rem;
  line-height:1.4;
  overflow-wrap:anywhere;
}
.discussion-visit-card>header>div>span,
.discussion-owner span,
.discussion-section-heading p{color:var(--dc-muted)}
.discussion-owner{
  margin-top:12px;
  padding:10px 12px;
  border:1px solid var(--dc-line);
  border-radius:11px;
  background:var(--dc-canvas);
}
.discussion-visit-facts{margin-top:12px}
.discussion-visit-facts>div{
  min-height:60px;
  background:var(--dc-canvas);
}
.discussion-visit-facts>div span{color:var(--dc-muted)}
.discussion-visit-facts>div strong{color:var(--dc-ink)}
.discussion-map-actions a{
  min-height:52px;
  border-color:color-mix(in srgb,var(--success) 34%,var(--dc-line));
  background:color-mix(in srgb,var(--success-soft) 65%,var(--dc-surface));
}
.discussion-case-section>.discussion-section-heading{
  align-items:flex-start;
  gap:12px;
  padding-bottom:12px;
  border-bottom:1px solid var(--dc-line);
}
.discussion-section-heading h3{
  color:var(--dc-ink);
  font-size:1rem;
  line-height:1.35;
}
.discussion-section-heading>span{
  flex:none;
  color:var(--dc-muted);
}
@media(max-width:620px){
  .inbox-thread-modal>.modal-heading{align-items:flex-start}
  .inbox-thread-modal>.modal-heading-copy{padding-top:2px}
  .discussion-case-toolbar{align-items:stretch;flex-direction:column;padding:10px 12px}
  .discussion-case-toolbar>div{min-height:36px;justify-content:space-between}
  .discussion-case-toolbar button.wl-shortcut{width:100%;min-width:0;margin:0}
  .discussion-visit-card>header{grid-template-columns:44px minmax(0,1fr)}
  .discussion-visit-card>header .visit-state{grid-column:2;justify-self:start}
  .discussion-owner{padding:9px}
  .discussion-visit-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .discussion-visit-facts>div:last-child{grid-column:1/-1}
}
@media(max-width:390px){
  .inbox-thread-modal>.modal-heading p{-webkit-line-clamp:1}
  .discussion-visit-card,
  .discussion-case-section,
  .discussion-conversation-section,
  .discussion-visit-note{padding:12px}
}
@media(prefers-reduced-motion:reduce){
  .discussion-case-toolbar button{transition:none!important}
}



/* Conversation-first layout. Full KPI/review reports live in their dedicated workspaces. */
.inbox-thread-modal{width:min(780px,100%)}
.discussion-reference{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;margin:10px 0 14px;padding:12px 14px;border:1px solid var(--dc-line);border-radius:13px;background:var(--dc-canvas)}
.discussion-reference-code{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;background:var(--dc-ink);color:var(--dc-surface);font-size:11px;font-weight:850;letter-spacing:.04em}
.discussion-reference-copy{display:grid;gap:2px;min-width:0}.discussion-reference-copy small{color:var(--brand);font-size:9px;font-weight:850;letter-spacing:.07em}.discussion-reference-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.discussion-reference-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dc-muted);font-size:11px}
.discussion-reference>.wl-followup-label{grid-column:3;width:auto;min-width:160px;min-height:44px!important;margin:0;padding:8px 10px;border-left:3px solid var(--success);background:var(--dc-surface)}
.discussion-reference>.wl-followup-label span{gap:1px}.discussion-reference>.wl-followup-label strong{font-size:11px}.discussion-reference>.wl-followup-label small{font-size:9px}
.discussion-conversation-section{margin:0!important;padding:0!important;border:1px solid var(--dc-line)!important;border-radius:14px!important;overflow:hidden}
.discussion-conversation-section>.discussion-section-heading{margin:0;padding:14px 16px!important;background:var(--dc-canvas);border-bottom:1px solid var(--dc-line)}
.discussion-conversation-section .inbox-conversation{padding:14px 16px;background:var(--dc-surface)}
.inbox-thread-modal .thread-reply{display:grid;gap:7px;margin:14px 0 8px;padding:14px;border:1px solid var(--dc-line);border-radius:13px;background:var(--dc-canvas);font-size:13px;font-weight:750}
.inbox-thread-modal .thread-reply textarea{width:100%;min-height:110px;padding:12px;border:1px solid var(--dc-line);border-radius:10px;background:var(--dc-surface);color:var(--dc-ink);font:inherit;font-size:16px;line-height:1.5;resize:vertical}
.inbox-thread-modal :is(.thread-send,.thread-resolve){min-height:46px;border-radius:10px}
@media(max-width:520px){.discussion-reference{grid-template-columns:40px minmax(0,1fr);padding:10px}.discussion-reference-code{width:40px;height:40px}.discussion-reference>.wl-followup-label{grid-column:1/-1;width:100%;min-width:0}.discussion-reference-copy strong,.discussion-reference-copy span{white-space:normal}.discussion-conversation-section .inbox-conversation{padding:10px}.inbox-thread-modal .thread-reply{padding:10px}}


/* brand-family.css */
/* Shared presentation-only layer. Do not add visibility, navigation or data logic. */
body[data-brand-family] {
 --family-bg:#f6f6f8;--family-surface:#fff;--family-ink:#252529;--family-muted:#62626b;--family-line:#dedee4;
 --family-action:#c9002d;--family-action-hover:#a80026;--family-action-soft:#fff0f3;--family-on-action:#fff;
 --family-good:#15704c;--family-good-soft:#e9f6ef;--family-warning:#895600;--family-warning-soft:#fff5dd;
 --canvas:var(--family-bg);--surface:var(--family-surface);--surface-raised:var(--family-surface);
 --ink:var(--family-ink);--muted:var(--family-muted);--border:var(--family-line);
 --brand:var(--family-action);--brand-strong:var(--family-action-hover);--brand-soft:var(--family-action-soft);
 --accent:var(--family-good);--accent-strong:var(--family-good);--accent-soft:var(--family-good-soft);
 --success:var(--family-good);--success-soft:var(--family-good-soft);
 --warning:var(--family-warning);--warning-soft:var(--family-warning-soft);
 --fi-surface:var(--family-surface);--fi-soft:var(--family-bg);--fi-border:var(--family-line);--fi-text:var(--family-ink);--fi-muted:var(--family-muted);
 font-family:Arial,'Segoe UI',sans-serif;font-size:15px;line-height:1.5;background:var(--family-bg);color:var(--family-ink);
}
body[data-brand-family="merch"] {--family-action:#36363f;--family-action-hover:#202026;--family-action-soft:#eeeeF2}
[data-theme="dark"] body[data-brand-family],body[data-brand-family][data-theme="dark"] {
 --family-bg:#19191c;--family-surface:#232328;--family-ink:#f4f4f5;--family-muted:#bdbdc7;--family-line:#45454e;
 --family-action:#ff8ea7;--family-action-hover:#ffacc0;--family-action-soft:#3b252e;--family-on-action:#2b1820;
 --family-good:#89d6b5;--family-good-soft:#20382e;--family-warning:#f0ca77;--family-warning-soft:#3b321f;
}
[data-theme="dark"] body[data-brand-family="merch"],body[data-brand-family="merch"][data-theme="dark"] {--family-action:#dedee8;--family-action-hover:#fff;--family-action-soft:#36363f}
body[data-brand-family] :is(button,input,select,textarea) {font-family:inherit}
body[data-brand-family] :is(h1,h2,h3) {line-height:1.35;letter-spacing:-.02em}
body[data-brand-family] :is(.screen-heading,.section-heading,.workflow-card,.simple-visit-card,.auth-card,.modal-header) h1 {font-size:24px}
body[data-brand-family] :is(.section-heading,.workflow-card,.simple-visit-card,.auth-card,.modal-header) h2 {font-size:19px}
body[data-brand-family] :is(.eyebrow,.field-hint) {font-size:12px;line-height:1.5;letter-spacing:.02em}
body[data-brand-family] :is(.primary-button,.secondary-button,.text-button,.danger-button,.danger-outline-button) {font-size:14px;line-height:1.4;min-height:44px;border-radius:8px;box-shadow:none;font-weight:600}
body[data-brand-family] .primary-button {background:var(--family-action);border-color:var(--family-action);color:var(--family-on-action)}
body[data-brand-family] .primary-button:hover {background:var(--family-action-hover)}
body[data-brand-family] .secondary-button {background:var(--family-surface);border-color:var(--family-line);color:var(--family-ink)}
body[data-brand-family] .text-button {color:var(--family-action)}
body[data-brand-family] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]),select,textarea) {font-size:16px;line-height:1.5;border-radius:8px}
body[data-brand-family] :is(.auth-form,.field-grid,.workflow-card,.visit-planner,.field-compose-form,.ps-period,.ms-filters) label {font-size:14px;line-height:1.5}
body[data-brand-family] :is(button,input,select,textarea,summary):focus-visible {outline:2px solid var(--family-action);outline-offset:3px}
body[data-brand-family] .topbar {display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;background:var(--family-surface);border-bottom:1px solid var(--family-line);box-shadow:none}
body[data-brand-family] .topbar::after {content:none}
body[data-brand-family] .topbar-copy {min-width:0}
body[data-brand-family] .topbar-copy strong {font-size:17px;line-height:1.3;color:var(--family-ink)}
body[data-brand-family] .topbar-copy>span {font-size:12px;color:var(--family-muted)}
body[data-brand-family] :is(.brand-logo-mark,.intelligence-logo) {width:104px;height:56px;min-width:104px;flex:0 0 104px;border-radius:0;border:0;box-shadow:none;background:#fff;padding:3px}
body[data-brand-family] :is(.brand-logo-mark,.intelligence-logo) img {width:100%;height:100%;object-fit:contain;object-position:center;border-radius:0}
body[data-brand-family] .bottom-nav {background:var(--family-surface);border-color:var(--family-line);box-shadow:0 -2px 12px #00000006}
body[data-brand-family] .bottom-nav .nav-item {color:var(--family-muted);font-size:12px;min-height:48px}
body[data-brand-family] .bottom-nav .nav-item.active {background:var(--family-action-soft);color:var(--family-action);border-color:var(--family-action)}
body[data-brand-family] :is(.auth-card,.workflow-card,.simple-visit-card,.visit-review-card,.primary-card,.hero-card,.section-block,.field-composer,.field-request-card,.customer-intake,.visit-planner,.customer-assignment,.profile-card) {background:var(--family-surface);border-color:var(--family-line);border-radius:12px;box-shadow:none;color:var(--family-ink)}
body[data-brand-family] :is(.hero-card,.primary-card,.workflow-card,.simple-visit-card) :is(h1,h2,h3) {color:var(--family-ink)}
body[data-brand-family] :is(.hero-card,.primary-card,.workflow-card,.simple-visit-card) p {color:var(--family-muted);font-size:14px;line-height:1.55}
body[data-brand-family] :is(.field-masthead,.control-masthead,.inbox-header,.reporting-hub-head,.report-workspace-head) {background:var(--family-surface)!important;color:var(--family-ink);border:1px solid var(--family-line);border-radius:12px;box-shadow:none;padding:20px}
body[data-brand-family] :is(.field-masthead,.control-masthead,.inbox-header,.reporting-hub-head,.report-workspace-head) :is(h1,h2,h3,strong) {color:var(--family-ink)!important;font-size:22px;line-height:1.35}
body[data-brand-family] :is(.field-masthead,.control-masthead,.inbox-header,.reporting-hub-head,.report-workspace-head) :is(p,small,.eyebrow) {color:var(--family-muted);font-size:13px;line-height:1.5}
body[data-brand-family] :is(.field-masthead-icon,.field-masthead .icon-button) {color:var(--family-action);background:var(--family-action-soft);border-color:var(--family-line)}
body[data-brand-family] .field-masthead {grid-template-columns:40px minmax(0,1fr) 44px;gap:12px}
body[data-brand-family] .field-masthead-icon {width:40px;height:40px;border-radius:8px}
body[data-brand-family] .field-filter-bar {background:var(--family-surface);border-color:var(--family-line);flex-wrap:wrap;width:fit-content}
body[data-brand-family] .field-filter-bar button {font-size:13px;min-height:44px;padding:0 14px}
body[data-brand-family] .field-filter-bar button.active {color:var(--family-on-action);background:var(--family-action);box-shadow:none}
body[data-brand-family] .field-request-copy :is(h2,h3,strong) {font-size:16px;line-height:1.45}
body[data-brand-family] :is(.field-request-copy p,.field-request-meta span,.field-request-stat span) {font-size:13px;line-height:1.5}
body[data-brand-family] .field-request-stat strong {font-size:26px}
body[data-brand-family] .modal-sheet {background:var(--family-surface);color:var(--family-ink);border-radius:16px}
body[data-brand-family] .modal-header {border-color:var(--family-line);background:var(--family-surface)}
body[data-brand-family] .modal-header :is(h1,h2,h3) {font-size:20px;color:var(--family-ink)}
body[data-brand-family] :is(.sku-availability-copy strong,.baseline-product-list li,.sku-review-step p,.baseline-confirmation p) {font-size:14px;line-height:1.5}
body[data-brand-family] :is(.sku-availability-copy small,.sku-availability-copy b,.baseline-confirmation small,.baseline-audit small) {font-size:12px}
body[data-brand-family] :is(.baseline-confirmation,.sku-expectation,.baseline-audit) {border-radius:12px;box-shadow:none}
body[data-brand-family] #screen-customers .management-summary-launch {background:var(--family-surface)!important;border:1px solid var(--family-line);border-left:3px solid var(--family-action);border-radius:12px;color:var(--family-ink)!important;padding:24px;box-shadow:none;min-height:104px}
body[data-brand-family] #screen-customers .management-summary-launch strong {font-size:23px;color:var(--family-ink)!important}
body[data-brand-family] #screen-customers .management-summary-launch :is(small,.management-summary-eyebrow) {color:var(--family-muted)!important;font-size:13px;line-height:1.5}
body[data-brand-family] #screen-customers .management-summary-launch .management-summary-cta {background:var(--family-action);color:var(--family-on-action);border-radius:8px;padding:12px 16px;font-size:14px;min-height:44px}
body[data-brand-family] #screen-customers .management-summary-cta>span {color:inherit}
body[data-brand-family] #screen-customers :is(.reporting-module-section,.reporting-module-card,.report-module-card,.reporting-module) {background:var(--family-surface);border-color:var(--family-line);border-radius:12px;box-shadow:none}
body[data-brand-family] #screen-customers .reporting-module-section :is(h2,h3,strong) {font-size:17px;color:var(--family-ink)}
body[data-brand-family] #screen-customers .reporting-module-section :is(p,small) {font-size:13px;line-height:1.5;color:var(--family-muted)}
body[data-brand-family] :is(.period-control,.reporting-global-filter,.ps-period,.ms-filters) {background:var(--family-surface);border-color:var(--family-line);border-radius:10px;box-shadow:none}
body[data-brand-family] :is(.date-presets,.ms-segments,.report-tabs) button {min-height:44px;font-size:13px;border-radius:8px}
body[data-brand-family] :is(.ms-row,.ps-row) {color:var(--family-ink)}
body[data-brand-family] :is(.ms-row,.ps-row) small {font-size:12px;color:var(--family-muted)}
body[data-brand-family] .ps-calendar button {min-height:40px}
body[data-brand-family] :is(.field-request-spotlight,.field-unseen-notice) {border-radius:12px;box-shadow:none}
@media(max-width:600px){
 body[data-brand-family] .topbar {gap:10px}
 body[data-brand-family] .topbar .brand-logo-mark {width:80px;min-width:80px;flex-basis:80px;height:44px}
 body[data-brand-family] .topbar-copy strong {font-size:15px}
 body[data-brand-family] .topbar-copy>span {font-size:12px}
 body[data-brand-family] :is(.field-masthead,.control-masthead,.inbox-header,.reporting-hub-head,.report-workspace-head) {padding:16px}
 body[data-brand-family] :is(.field-masthead,.control-masthead,.inbox-header,.reporting-hub-head,.report-workspace-head) :is(h1,h2,h3) {font-size:21px}
 body[data-brand-family] #screen-customers .management-summary-launch {padding:18px;gap:16px;flex-wrap:wrap}
 body[data-brand-family] #screen-customers .management-summary-launch strong {font-size:21px}
 body[data-brand-family] .field-request-card {grid-template-columns:minmax(0,1fr);gap:12px;padding:16px}
 body[data-brand-family] .field-request-card .field-request-actions {justify-content:flex-start}
}
@media(prefers-reduced-motion:reduce){body[data-brand-family] :is(button,input,select,textarea){transition:none}}


/* announcements.css */
/* Scoped company notice UI; shares the approved app theme. */
.an-overlay,.an-launch{--an-bg:var(--family-surface,#fff);--an-ink:var(--family-ink,#252529);--an-muted:var(--family-muted,#62626b);--an-line:var(--family-line,#dedee4);--an-action:var(--family-action,#c9002d);--an-soft:var(--family-action-soft,#fff0f3);color:var(--an-ink);font:15px/1.5 Arial,'Segoe UI',sans-serif}
.an-launch{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:16px;margin:12px 0;border:1px solid var(--an-line);border-radius:12px;background:var(--an-bg);cursor:pointer;min-height:76px}
.an-launch svg{width:24px;height:24px;flex:none;color:var(--an-action)}
.an-launch>span{flex:1;min-width:0}
.an-launch strong{display:block;font-size:16px}
.an-launch small{display:block;font-size:13px;color:var(--an-muted)}
.an-launch b:empty{display:none}
.an-launch>b{background:var(--an-action);color:var(--family-on-action,#fff);padding:4px 10px;border-radius:20px}
.an-launch.an-attention{border-left:4px solid var(--an-action);background:var(--an-soft)}
.an-overlay{position:fixed;inset:0;z-index:14000;background:#0008;display:flex;align-items:center;justify-content:center;padding:24px}
.an-panel{width:min(100%,800px);max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain;background:var(--an-bg);border:1px solid var(--an-line);border-radius:16px;box-shadow:0 24px 64px #0003}
.an-head{display:flex;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid var(--an-line)}
.an-head img{object-fit:contain;flex:none;background:white}
.an-head>div{flex:1;min-width:0}
.an-head small{font-size:11px;letter-spacing:.08em;color:var(--an-muted)}
.an-head h2{font-size:20px;line-height:1.3;margin:2px 0}
.an-content{padding:24px}
.an-content h3{font-size:22px;line-height:1.4;margin:0 0 12px;overflow-wrap:anywhere}
.an-overlay button{font:600 14px/1.4 Arial,'Segoe UI',sans-serif;min-height:44px;padding:10px 16px;border:1px solid var(--an-line);border-radius:8px;cursor:pointer;background:var(--an-bg);color:var(--an-ink);touch-action:manipulation}
.an-overlay button:hover,.an-launch:hover{border-color:var(--an-action)}
.an-overlay button:disabled{opacity:.6;cursor:wait}
.an-overlay button.an-primary{background:var(--an-action);border-color:var(--an-action);color:var(--family-on-action,#fff)}
.an-overlay :is(button,input,textarea,select,a,summary):focus-visible,.an-launch:focus-visible{outline:3px solid var(--an-action);outline-offset:3px}
.an-overlay :is(button,input,textarea,select){transition:border-color .15s ease,background-color .15s ease}
.an-overlay label{display:grid;gap:8px;font-size:14px;font-weight:600;min-width:0}
.an-overlay label small{font-size:12px;color:var(--an-muted);font-weight:400}
.an-overlay :is(input,textarea,select){box-sizing:border-box;width:100%;min-width:0;min-height:46px;font:16px/1.5 Arial,'Segoe UI',sans-serif;border:1px solid var(--an-line);background:var(--an-bg);color:var(--an-ink);border-radius:8px;padding:10px 12px}
.an-overlay textarea{resize:vertical;min-height:140px}
.an-form{display:grid;gap:20px}
.an-form h3,.an-form p{margin:0}
.an-toolbar,.an-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.an-toolbar{justify-content:space-between;margin-bottom:12px}
.an-actions{margin-top:16px}
.an-hint,.an-author{font-size:13px;color:var(--an-muted)}
.an-hint{margin:12px 0 20px}
.an-list{display:grid;gap:12px}
.an-overlay .an-card{display:grid;gap:10px;text-align:left;width:100%;padding:20px;font-weight:400;border-radius:12px}
.an-card>strong{font-size:17px}
.an-tags{font-size:12px;color:var(--an-muted)}
.an-card>span,.an-message{overflow-wrap:anywhere}
.an-card-bottom{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}
.an-card-bottom b{font-size:12px;color:var(--an-action)}
.an-card-bottom small{font-size:12px;color:var(--an-muted)}
.an-notice{margin:20px 0}
.an-notice h3{margin-top:12px}
.an-message{font-size:16px;line-height:1.65;white-space:pre-wrap}
.an-photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:20px 0}
.an-overlay .an-photos button{display:block;min-width:0;padding:0;border:0;background:transparent}
.an-lightbox{position:absolute;inset:16px;z-index:1;background:var(--an-bg);border:1px solid var(--an-line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:16px}
.an-lightbox button{align-self:flex-start;flex:none}
.an-lightbox img{min-height:0;flex:1;width:100%;object-fit:contain}
.an-photos img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;border:1px solid var(--an-line);border-radius:10px;background:var(--family-bg,#f6f6f8)}
.an-confirm{border-top:1px solid var(--an-line);padding-top:20px;display:grid;gap:12px}
.an-confirm p{font-size:14px;color:var(--an-muted);margin:0}
.an-confirmed{padding:16px;border:1px solid var(--an-line);border-radius:8px;color:var(--family-good,#15704c);font-size:14px}
.an-error{color:var(--an-action);font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}
.an-error:empty{display:none}
.an-empty{text-align:center;padding:32px 16px;color:var(--an-muted)}
.an-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;background:var(--family-bg,#f6f6f8);padding:16px;border:1px solid var(--an-line);border-radius:12px}
.an-metrics strong{display:block;font-size:26px;line-height:1.3}
.an-metrics span{font-size:12px;color:var(--an-muted)}
.an-receipt-tools{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}
.an-recipients{padding:0;margin:16px 0;list-style:none}
.an-recipients li{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--an-line)}
.an-recipients strong,.an-recipients b{font-size:14px;overflow-wrap:anywhere}
.an-recipients small{display:block;font-size:12px;color:var(--an-muted);overflow-wrap:anywhere}
.an-recipients .an-good,.an-card-bottom .an-good{color:var(--family-good,#15704c)}
.an-upload-list{display:flex;gap:12px;flex-wrap:wrap}
.an-upload-list>div{width:120px;display:grid;gap:8px}
.an-upload-list img{width:120px;height:90px;object-fit:contain;border:1px solid var(--an-line);border-radius:8px}
.an-audience{border:1px solid var(--an-line);border-radius:8px;padding:12px}
.an-audience summary{cursor:pointer;min-height:44px;font-size:14px}
.an-audience ol{max-height:240px;overflow:auto;font-size:14px}
@media(max-width:600px){
 .an-overlay{padding:env(safe-area-inset-top,0px) 0 0;align-items:flex-end}
 .an-panel{border-radius:16px 16px 0 0;max-height:calc(100dvh - env(safe-area-inset-top,0px));padding-bottom:env(safe-area-inset-bottom,0px)}
 .an-head{padding:16px;gap:12px}.an-head img{width:70px;height:38px}.an-head h2{font-size:17px}
 .an-head small{display:none}.an-head button{padding:10px 12px}
 .an-content{padding:20px 16px}.an-content h3{font-size:21px}
 .an-receipt-tools{grid-template-columns:1fr}.an-recipients li{grid-template-columns:1fr;gap:6px}
 .an-metrics{gap:8px;padding:12px}.an-metrics strong{font-size:24px}
 .an-actions>*{flex:1 1 auto}
}
@media(prefers-reduced-motion:reduce){.an-overlay :is(button,input,textarea,select){transition:none}}


/* visit-plan-manager.css */
/* Visit plan management only. Brand-family tokens preserve both app themes. */
.vp-row-actions{display:flex;flex-direction:column;gap:8px}
.vp-progress-actions{display:flex;justify-content:flex-end;padding:8px 0 16px}
.vp-progress-actions .vp-button{min-height:44px;padding:10px 16px;border:1px solid var(--family-action,var(--brand));border-radius:8px;background:var(--family-surface,var(--surface));color:var(--family-action,var(--brand));font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.vp-progress-actions .vp-button:focus-visible{outline:2px solid var(--family-action,var(--brand));outline-offset:3px}
@media(max-width:900px){.vp-row-actions{grid-column:2/-1;flex-direction:row;flex-wrap:wrap}}
@media(max-width:540px){.vp-row-actions{grid-column:2}.vp-row-actions .vp-button{flex:1}.vp-progress-actions .vp-button{width:100%}}
#visitPlannerSection{scroll-margin-top:150px}
#visitPlannerSection>header.vp-host-heading{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:16px;align-items:center}
#visitPlannerSection>header.vp-host-heading .customer-intake-icon{width:44px;height:44px}
.vp-workspace [hidden]{display:none!important}
.vp-workspace,.vp-sheet,.vp-view-switch{color:var(--family-ink,var(--ink));font:inherit;line-height:1.5}
.vp-workspace *,.vp-sheet *{box-sizing:border-box;min-width:0}
.vp-view-switch{display:flex;gap:8px;margin:16px 0;flex-wrap:wrap}
.vp-workspace .vp-button,.vp-sheet .vp-button,.vp-view-switch .vp-button{min-height:44px;padding:10px 16px;border:1px solid var(--family-line,var(--border));border-radius:8px;background:var(--family-surface,var(--surface));color:var(--family-ink,var(--ink));font:inherit;font-size:14px;font-weight:600;line-height:1.4;cursor:pointer;touch-action:manipulation;box-shadow:none;white-space:normal;transition:background .15s}
.vp-button:hover:not(:disabled){background:var(--family-action-soft,var(--brand-soft))}
.vp-button:active:not(:disabled){filter:brightness(.94)}
.vp-button:disabled{opacity:.5;cursor:not-allowed}
.vp-workspace .vp-primary,.vp-sheet .vp-primary{background:var(--family-action,var(--brand));border-color:var(--family-action,var(--brand));color:var(--family-on-action,#fff)}
.vp-workspace .vp-primary:hover:not(:disabled),.vp-sheet .vp-primary:hover:not(:disabled){background:var(--family-action-hover,var(--brand-strong))}
.vp-button[aria-pressed="true"]{background:var(--family-action-soft,var(--brand-soft));border-color:var(--family-action,var(--brand));color:var(--family-action,var(--brand))}
.vp-workspace :is(input,select,textarea),.vp-sheet :is(input,select,textarea){display:block;width:100%;min-height:44px;border:1px solid var(--family-line,var(--border));border-radius:8px;background:var(--family-surface,var(--surface));color:var(--family-ink,var(--ink));padding:10px 12px;font:inherit;font-size:16px;line-height:1.5}
.vp-workspace :is(button,input,select,textarea):focus-visible,.vp-sheet :is(button,input,select,textarea,summary):focus-visible{outline:2px solid var(--family-action,var(--brand));outline-offset:3px}
.vp-intro{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}
.vp-intro h3{margin:0;font-size:20px}.vp-intro p{margin:4px 0 0;font-size:14px;color:var(--family-muted,var(--muted))}
.vp-intro>.vp-button{flex-shrink:0}
.vp-period{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.vp-filters{display:grid;grid-template-columns:minmax(180px,2fr) repeat(3,minmax(120px,1fr));gap:12px;margin-bottom:16px}
.vp-workspace label,.vp-sheet label{display:grid;gap:6px;font-size:14px;font-weight:600;color:var(--family-ink,var(--ink))}
.vp-custom,.vp-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.vp-custom{max-width:500px}
.vp-summary{display:flex;gap:12px 20px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--family-line,var(--border));padding:16px 0;font-size:14px}
.vp-summary span{color:var(--family-muted,var(--muted))}
.vp-selection{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px;background:var(--family-bg,var(--canvas));border-radius:10px;margin-bottom:12px;font-size:14px}
.vp-selection>span{margin-right:auto;font-weight:600}
.vp-list{border:1px solid var(--family-line,var(--border));border-radius:12px;overflow:hidden}
.vp-row{display:grid;grid-template-columns:44px minmax(180px,2fr) minmax(130px,1fr) 132px auto;gap:16px;padding:18px 16px;align-items:center;background:var(--family-surface,var(--surface));border-bottom:1px solid var(--family-line,var(--border))}
.vp-row:last-child{border-bottom:0}
.vp-row .vp-check{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;cursor:pointer}
.vp-check input[type=checkbox]{width:20px;height:20px;min-height:20px;margin:0;accent-color:var(--family-action,var(--brand))}
.vp-shop strong,.vp-person strong{display:block;font-size:15px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.vp-shop small,.vp-person small,.vp-selected-shops small{display:block;font-size:13px;color:var(--family-muted,var(--muted));margin-top:3px;overflow-wrap:anywhere}
.vp-shop p{font-size:13px;margin:6px 0 0;color:var(--family-muted,var(--muted))}
.vp-app-label{font-size:12px;letter-spacing:.03em;font-weight:600;color:var(--family-muted,var(--muted));display:block;margin-bottom:4px}
.vp-date strong{display:block;font-size:14px;font-variant-numeric:tabular-nums;margin-bottom:6px}
.vp-status{display:inline-block;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:600;background:var(--family-bg,var(--canvas));color:var(--family-muted,var(--muted))}
.vp-status[data-status=SCHEDULED],.vp-status[data-status=RESCHEDULED]{background:var(--family-warning-soft);color:var(--family-warning)}
.vp-status[data-status=COMPLETED]{background:var(--family-good-soft);color:var(--family-good)}
.vp-status[data-status=IN_PROGRESS]{background:var(--family-action-soft);color:var(--family-action)}
.vp-empty{padding:40px 24px;text-align:center;font-size:15px;color:var(--family-muted,var(--muted))}
.vp-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding-top:20px;font-size:14px}
.vp-warning{background:var(--family-warning-soft);color:var(--family-warning);padding:12px 16px;border-radius:8px;line-height:1.6;font-size:14px}
.vp-overlay.modal-overlay{position:fixed;inset:0;z-index:1500;background:#0009;display:flex;align-items:center;justify-content:center;padding:24px;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom));backdrop-filter:none}
.vp-sheet{width:min(760px,100%);max-height:100%;max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain;background:var(--family-surface,var(--surface));border:1px solid var(--family-line,var(--border));border-radius:16px}
.vp-sheet>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--family-line,var(--border))}
.vp-sheet h2{font-size:22px;line-height:1.4;margin:0}.vp-sheet h3{font-size:18px;line-height:1.5;margin:0;overflow-wrap:anywhere}
.vp-dialog-body{padding:24px}.vp-dialog-body p{font-size:15px;line-height:1.6}
.vp-detail-identity{padding-bottom:16px}.vp-detail-identity p{margin:6px 0;color:var(--family-muted)}
.vp-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0}
.vp-facts div{border-bottom:1px solid var(--family-line);padding-bottom:12px}
.vp-facts dt{font-size:13px;color:var(--family-muted)}.vp-facts dd{margin:4px 0 0;font-size:15px;font-weight:600;overflow-wrap:anywhere}
.vp-notes{white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;background:var(--family-bg);border-radius:8px}
.vp-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 0}
.vp-history{margin-top:24px;border-top:1px solid var(--family-line);padding-top:12px}
.vp-history summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:600;font-size:15px}
.vp-history article,.vp-review article{border:1px solid var(--family-line);border-radius:10px;padding:16px;margin:12px 0;overflow-wrap:anywhere}
.vp-history small{display:block;font-size:13px;color:var(--family-muted)}
.vp-history p,.vp-review p{margin:6px 0}
.vp-selected-shops{max-height:220px;overflow-y:auto;background:var(--family-bg);border-radius:10px;padding:12px 16px;margin-bottom:20px}
.vp-selected-shops p{margin:0;padding:8px 0;font-size:14px;overflow-wrap:anywhere}
#vp-edit-form>label{margin:16px 0}#vp-form-error,#vp-save-error{color:var(--family-action);white-space:pre-wrap}
#vp-shop-results .vp-button{display:block;width:100%;text-align:left;margin-top:12px}
#vp-shop-results small{display:block}
@media(max-width:900px){.vp-filters{grid-template-columns:1fr 1fr}.vp-row{grid-template-columns:44px minmax(0,1fr) 130px;gap:12px}.vp-shop{grid-column:2/-1}.vp-check{grid-row:1/3}.vp-person{grid-column:2}.vp-date{grid-column:3}.vp-row>.vp-button{grid-column:2/-1;justify-self:start}}
@media(max-width:540px){.vp-intro{align-items:flex-start;flex-direction:column}.vp-filters{grid-template-columns:1fr 1fr}.vp-search{grid-column:1/-1}.vp-row{padding:16px 12px;grid-template-columns:32px minmax(0,1fr);gap:10px}.vp-shop{grid-column:2}.vp-person,.vp-date{grid-column:2}.vp-row .vp-check{min-width:32px;margin-left:-6px;width:44px;align-self:start}.vp-date{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.vp-date strong{margin:0}.vp-row>.vp-button{width:100%;grid-column:2}.vp-selection>.vp-button{flex-grow:1}.vp-selection>span{width:100%}.vp-overlay.modal-overlay{padding:12px;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}.vp-sheet{max-height:calc(100dvh - 24px);border-radius:12px}.vp-sheet>header,.vp-dialog-body{padding:16px}.vp-sheet h2{font-size:20px}.vp-edit-grid,.vp-facts{grid-template-columns:1fr}.vp-actions .vp-button{flex:1}.vp-pagination{gap:8px}.vp-period .vp-button{flex-grow:1}}
@media(prefers-reduced-motion:reduce){.vp-button{transition:none}}

.vp-more-fields{margin:16px 0;border:1px solid var(--family-line);border-radius:10px;padding:0 12px}.vp-more-fields summary{min-height:44px;display:flex;align-items:center;font-size:14px;font-weight:600;cursor:pointer}.vp-more-fields[open]{padding-bottom:16px}.vp-more-fields>label{margin-top:16px}

/* Calm, mobile-first plan workspace. Advanced workflows remain available. */
.vp-workspace [hidden],#vp-view-switch[hidden]{display:none!important}
.vp-workspace .vp-intro{align-items:center;margin-bottom:16px}
.vp-workspace .vp-intro p{font-size:15px;line-height:1.5}
.vp-workspace .vp-period{display:flex;gap:8px;margin-bottom:16px}
.vp-workspace .vp-period .vp-button{flex:1;min-height:44px}
.vp-advanced{border:1px solid var(--vp-border,#dce2e8);border-radius:12px;padding:12px 16px;margin:12px 0}
.vp-advanced summary{cursor:pointer;font-size:14px;font-weight:600;min-height:24px}
.vp-advanced .vp-actions{margin:16px 0}
.vp-workspace .vp-row{padding:18px;gap:12px;border-radius:14px;margin-bottom:10px;grid-template-columns:minmax(0,1fr) auto}
.vp-workspace .vp-shop{grid-column:1 / -1}
.vp-workspace .vp-shop strong{font-size:16px;line-height:1.45;white-space:normal;overflow-wrap:anywhere}
.vp-workspace .vp-shop p{margin:5px 0;font-size:13px}
.vp-workspace .vp-person strong,.vp-workspace .vp-date strong{font-size:14px;line-height:1.5}
.vp-workspace .vp-row-actions{grid-column:1 / -1;display:flex;gap:8px;border-top:1px solid var(--vp-border,#dce2e8);padding-top:12px}
.vp-workspace .vp-row-actions .vp-button{min-height:44px;flex:1}
.vp-workspace .vp-check:not([hidden]){grid-column:1 / -1}
.vp-sheet .vp-selected-shops strong{font-size:16px;line-height:1.5}
.vp-sheet .vp-actions .vp-button{min-height:48px}
@media(min-width:900px){.vp-workspace .vp-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.vp-workspace .vp-row{margin:0}.vp-workspace .vp-period{max-width:520px}}

.vp-quick-dates{display:flex;gap:8px;margin-bottom:14px}.vp-quick-dates .vp-button{min-height:44px}.vp-workspace .vp-row-actions{flex-direction:row;flex-wrap:wrap}

#visitPlannerSection>header.vp-host-heading{grid-template-columns:44px minmax(0,1fr) auto!important;gap:12px!important}
#visitPlannerSection>header.vp-host-heading>.visit-planner-actions{grid-column:auto!important;grid-row:auto!important;width:auto!important}
#visitPlannerSection>header.vp-host-heading p{font-size:13px;line-height:1.5}
#visitPlannerSection .vp-workspace .vp-intro{flex-direction:row;align-items:center;text-align:left;gap:12px}
#visitPlannerSection .vp-workspace .vp-intro p{font-size:14px}
.vp-workspace .vp-list{border:0;overflow:visible}
.vp-workspace .vp-row{border:1px solid var(--family-line,var(--border))}
.vp-workspace .vp-row:last-child{border-bottom:1px solid var(--family-line,var(--border))}
.vp-workspace .vp-person{grid-column:1;grid-row:auto;text-align:left}
.vp-workspace .vp-date{grid-column:2;grid-row:auto;text-align:right;display:block}
.vp-workspace .vp-row-actions{grid-column:1 / -1}
@media(max-width:540px){.vp-workspace .vp-row{grid-template-columns:minmax(0,1fr) minmax(112px,auto);padding:16px;gap:12px}.vp-workspace .vp-row-actions .vp-button{padding:10px 8px}.vp-workspace .vp-date strong{font-size:13px}}

/* Customer selection: initial results, live search and readable mobile rows. */
#vp-shop-search{display:grid;gap:12px}#vp-shop-search input{font-size:16px;min-height:48px}
#vp-shop-results{display:grid;gap:8px;margin-top:16px;min-width:0}
#vp-shop-results [data-shop]{display:grid;gap:4px;width:100%;min-height:60px;text-align:left;white-space:normal;overflow-wrap:anywhere}
#vp-shop-results [data-shop] strong{font-size:15px;line-height:1.4}#vp-shop-results [data-shop] small,#vp-shop-results p{font-size:14px;line-height:1.5}

/* Visit Plans only: supervisor > employee > complete, untruncated shop list. */
.vp-workspace .vph-toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:12px 0}
.vp-workspace .vph-toolbar label{flex:1;min-width:190px;display:grid;gap:6px;font-size:13px}
.vp-workspace .vph-toolbar input{width:100%;min-height:44px;border:1px solid var(--family-line,var(--border));background:var(--family-surface,var(--surface));color:var(--family-ink,var(--ink));border-radius:8px;padding:10px 12px;font:inherit;font-size:16px}
.vp-workspace .vph-toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}
.vp-workspace .vp-list.vph-list{display:block}
.vph-list .vph-supervisor{border:1px solid var(--family-line,var(--border));border-radius:10px;background:var(--family-surface,var(--surface));margin-bottom:12px;overflow:hidden}
.vph-list summary{list-style:none;display:flex;align-items:center;gap:12px;min-height:64px;cursor:pointer;touch-action:manipulation;padding:16px}
.vph-list summary::-webkit-details-marker{display:none}
.vph-list summary:focus-visible{outline:2px solid var(--family-action,var(--brand));outline-offset:-3px}
.vph-list .vph-supervisor>summary{border-left:3px solid var(--family-action,var(--brand));background:var(--family-bg,var(--canvas))}
.vph-list .vph-plus{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border:1px solid var(--family-line,var(--border));border-radius:7px;color:var(--family-ink,var(--ink));background:var(--family-surface,var(--surface));font-size:22px}
.vph-list .vph-plus:before{content:'+'}
.vph-list details[open]>summary .vph-plus:before{content:'−'}
.vph-list .vph-identity{display:grid;gap:4px;flex:1;min-width:0}
.vph-list .vph-identity>small{font-size:12px;color:var(--family-muted,var(--muted));line-height:1.5}
.vph-list .vph-identity>strong{font-size:16px;line-height:1.5;overflow-wrap:anywhere;color:var(--family-ink,var(--ink))}
.vph-list .vph-counts{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;line-height:1.5;color:var(--family-muted,var(--muted))}
.vph-list .vph-team{margin:4px 16px 12px 26px}
.vph-list .vph-member{border-left:2px solid var(--family-line,var(--border))}
.vph-list .vph-member+.vph-member{border-top:1px solid var(--family-line,var(--border))}
.vph-list .vph-member>summary{padding:14px 12px}
.vph-list .vph-shops{padding:0 14px 8px 18px}
.vp-workspace .vph-list .vp-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;border:0;border-top:1px solid var(--family-line,var(--border));border-radius:0;box-shadow:none;background:transparent;padding:14px 0;margin:0}
.vp-workspace .vph-list .vp-row .vp-person,.vp-workspace .vph-list .vp-row .vp-app-label{display:none}
.vp-workspace .vph-list .vp-row .vp-shop{grid-column:1;grid-row:1}
.vp-workspace .vph-list .vp-row .vp-shop strong{font-size:14px;line-height:1.5;white-space:normal;overflow:visible;display:block;overflow-wrap:anywhere}
.vp-workspace .vph-list .vp-row .vp-shop small,.vp-workspace .vph-list .vp-row .vp-shop p{font-size:12px;line-height:1.5;white-space:normal}
.vp-workspace .vph-list .vp-date{grid-column:2;grid-row:1;align-self:start;font-size:12px}
.vp-workspace .vph-list .vp-row-actions{grid-column:1/-1;display:flex;flex-direction:row;justify-content:flex-end;border:0;padding:0;gap:8px;flex-wrap:wrap}
.vp-workspace .vph-list .vp-row-actions .vp-button{flex:0 1 auto;font-size:13px;min-height:44px;padding:8px 14px}
.vp-workspace .vph-list .vp-check:not([hidden]){grid-column:1/-1;grid-row:1}
.vp-workspace .vph-list .vp-row:has(.vp-check:not([hidden])) .vp-shop,.vp-workspace .vph-list .vp-row:has(.vp-check:not([hidden])) .vp-date{grid-row:2}
.vp-workspace .vp-status[data-status="Overdue"],.vp-workspace .vp-status[data-status="MISSED"]{background:var(--danger-soft,#fff0f1);color:var(--danger,#b42336)}
[data-theme="dark"] .vp-workspace .vp-status[data-status="Overdue"],[data-theme="dark"] .vp-workspace .vp-status[data-status="MISSED"]{background:#47262d;color:#ffb3c0}
@media(max-width:540px){.vp-workspace .vph-toolbar-actions{width:100%}.vp-workspace .vph-toolbar-actions .vp-button{flex:1}.vph-list .vph-team{margin-left:10px;margin-right:6px}.vph-list .vph-shops{padding-left:10px;padding-right:8px}.vph-list summary{padding:14px 10px;gap:8px}.vp-workspace .vph-list .vp-row{grid-template-columns:minmax(0,1fr)}.vp-workspace .vph-list .vp-date{grid-column:1;grid-row:2;display:flex;gap:12px;align-items:center;justify-content:space-between}.vp-workspace .vph-list .vp-row:has(.vp-check:not([hidden])) .vp-date{grid-row:3}.vp-workspace .vph-list .vp-row-actions{justify-content:start}.vp-workspace .vph-list .vp-row-actions .vp-button{flex:1}}

.vp-workspace .vph-list .vp-status[data-status="SCHEDULED"],.vp-workspace .vph-list .vp-status[data-status="RESCHEDULED"]{background:var(--family-bg);color:var(--family-muted)}
.vp-workspace .vph-list .vp-status[data-status="IN_PROGRESS"]{background:#e9f1fc;color:#245a92}
[data-theme="dark"] .vp-workspace .vph-list .vp-status[data-status="IN_PROGRESS"]{background:#233d58;color:#afd1ff}


/* office-activity.css */
.dip-panel {background:var(--surface,#fff);color:var(--ink,#192d39);border:1px solid var(--border,#d7e0e6);border-radius:16px;padding:20px;margin:16px 0}
.dip-heading {display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.dip-panel h2 {font-size:18px;line-height:1.4;margin:0 0 4px}
.dip-panel p,.dip-form p {font-size:14px;line-height:1.6;margin:4px 0 12px}
.dip-panel .dip-muted,.dip-form .dip-muted {color:var(--muted,#526575)}
.dip-panel summary {min-height:48px;display:flex;align-items:center;cursor:pointer;font-size:15px;font-weight:600}
.dip-panel summary::before {content:"+";margin-right:12px;font-size:22px}
.dip-panel details[open]>summary::before {content:"−"}
.dip-row {border-top:1px solid var(--border,#d7e0e6);padding:16px 0;overflow-wrap:anywhere}
.dip-row strong,.dip-row span {display:block;font-size:15px;line-height:1.5}
.dip-row dl {display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin:12px 0 0}
.dip-row dt {font-size:12px;color:var(--muted,#526575)}
.dip-row dd {margin:4px 0 0;font-size:14px}
.dip-form {padding:4px 4px 20px;display:grid;gap:12px}
.dip-form label {display:block;font-size:15px;font-weight:600;margin-bottom:8px}
.dip-form select,.dip-form textarea {width:100%;box-sizing:border-box;font:inherit;font-size:16px;padding:12px;border:1px solid var(--border,#acbac5);border-radius:10px;color:var(--ink,#192d39);background:var(--surface,#fff);min-height:48px}
.dip-form button,.dip-panel button {min-height:48px;font-size:15px;cursor:pointer}
.dip-form button:disabled {opacity:.6;cursor:wait}
.dip-form [hidden] {display:none}
.dip-form #dipError {color:var(--danger,#af1533);margin:0}
.dip-form :focus-visible,.dip-panel :focus-visible {outline:3px solid #5986a2;outline-offset:3px}
.dip-allocation {background:#8b6b35}
@media(max-width:600px){.dip-panel{padding:16px}.dip-heading>button{width:100%}.dip-row dl{grid-template-columns:1fr 1fr}.dip-row dl>div:first-child{grid-column:1/-1}.dip-form{padding-bottom:24px}}


/* sku-entry.css */
.sku-entry-card{max-width:680px;margin:0 auto;padding:24px;background:var(--family-surface);color:var(--family-ink);border:1px solid var(--family-line);border-radius:16px;display:grid;gap:16px}
.sku-entry-card header{display:flex;justify-content:space-between;align-items:center;gap:16px}
.sku-entry-card header img{object-fit:contain;background:#fff;padding:4px}
.sku-entry-card header span{font-size:12px;font-weight:700;color:var(--family-good)}
.sku-entry-card h2{font-size:22px!important;margin:0}.sku-entry-card h3{font-size:16px;margin:0 0 8px}.sku-entry-card p{margin:0;font-size:16px;line-height:1.6}.sku-entry-card small{font-size:13px;color:var(--family-muted);line-height:1.5}
.sku-entry-shop{font-weight:600;overflow-wrap:anywhere}.sku-entry-reference{padding:20px;background:var(--family-bg);border:1px solid var(--family-line);border-radius:12px;display:grid;gap:12px}.sku-entry-count{display:flex;align-items:center;gap:16px}.sku-entry-count>strong{font-size:40px;line-height:1.2}.sku-entry-count span{font-size:14px}.sku-entry-card .sku-entry-warning{font-size:14px;color:var(--family-warning)}
.sku-entry-card button{width:100%;min-height:48px!important;cursor:pointer}.sku-entry-card button:disabled{opacity:.6;cursor:wait}
.sku-entry-product{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,190px);gap:16px;padding:16px;border:1px solid var(--family-line);border-radius:12px;background:var(--family-surface);color:var(--family-ink)}
.sku-entry-product-title{display:grid;gap:4px;min-width:0}.sku-entry-product-title>span{font-size:13px;font-weight:700;color:var(--family-action)}.sku-entry-product-title>strong{font-size:16px;line-height:1.5;overflow-wrap:anywhere}.sku-entry-product-title small{font-size:13px;color:var(--family-muted)}
.sku-entry-product label{display:grid;gap:8px;font-size:14px}.sku-entry-product select{width:100%;min-height:48px;background:var(--family-surface);color:var(--family-ink);border:1px solid var(--family-line)}.sku-entry-reason{grid-column:1/-1}.sku-entry-product button{min-height:48px;align-self:center}.sku-entry-product[data-review-state="available"]{border-left:4px solid var(--family-good)}.sku-entry-product[data-review-state="unavailable"]{border-left:4px solid var(--family-warning)}
.sku-entry-product select:focus-visible{outline:2px solid var(--family-action);outline-offset:2px}.sku-entry-card button:active,.sku-entry-product button:active{opacity:.8}
@media(max-width:480px){.sku-entry-card{padding:16px;gap:16px}.sku-entry-reference{padding:16px}.sku-entry-product{grid-template-columns:1fr}.sku-entry-product-title{gap:4px}}

.sku-other-note{display:grid;gap:8px;grid-column:1/-1;font-size:14px}.sku-other-note textarea{box-sizing:border-box;width:100%;min-height:96px;padding:12px;resize:vertical;background:var(--family-surface);color:var(--family-ink);border:1px solid var(--family-line);border-radius:8px;font:inherit;font-size:16px;line-height:1.5}.sku-other-note small{font-size:13px;color:var(--family-muted)}.sku-other-note textarea:focus-visible{outline:2px solid var(--family-action);outline-offset:2px}.sku-other-note textarea[aria-invalid="true"]{border-color:var(--family-action)}


/* Temporary is a status, not an error: violet + a visible text label. */
:root{--temporary-bg:#f5f0ff;--temporary-ink:#5b328b;--temporary-line:#ccb8e5}
[data-theme="dark"]{--temporary-bg:#292236;--temporary-ink:#e2caff;--temporary-line:#70578c}
.temporary-shop-badge,.temporary-customer-result em,.customer-master-status{background:var(--temporary-bg)!important;color:var(--temporary-ink)!important;border:1px solid var(--temporary-line);border-radius:6px;padding:5px 8px;font-size:12px;font-style:normal;font-weight:700}
.temporary-customer-result,.selected-customer.temporary{border-left:4px solid var(--temporary-ink)!important;background:var(--temporary-bg)!important;color:var(--temporary-ink)!important}
.temporary-visit-card{border-top:4px solid var(--temporary-ink);padding-bottom:24px}
.temporary-visit-card h2{font-size:22px;line-height:1.35;overflow-wrap:anywhere}
.temporary-visit-card h3{font-size:18px;margin:24px 0 8px}
.temporary-choices{display:grid;gap:12px;margin:20px 0}
.temporary-visit-card label{display:grid;gap:8px;margin:20px 0;font-size:16px}
.temporary-visit-card input[type="file"]{width:100%;min-width:0;font-size:14px}
.temporary-visit-card textarea{width:100%;box-sizing:border-box;min-height:100px;font:inherit;line-height:1.5;border:1px solid var(--family-line);border-radius:10px;padding:12px;background:var(--family-surface);color:var(--family-ink)}
.temporary-visit-card .visit-confirmation{display:flex;align-items:flex-start;line-height:1.5}
.temporary-visit-card button{min-height:44px;white-space:normal}
.temporary-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.temporary-photos img{width:100%;height:100px;object-fit:cover;border-radius:8px}
.temporary-photos button{font-size:13px;width:100%}
#temporaryError{color:var(--family-action);white-space:pre-wrap}

.temporary-visit-card h3{margin:4px 0}.temporary-choices button[aria-pressed="true"]{border:2px solid var(--temporary-ink);background:var(--temporary-bg);color:var(--temporary-ink)}

/* Scoped extension: preserve existing brand, availability and KPI layouts. */
.sku-rsp{grid-column:1/-1;min-width:0;border-top:1px solid var(--family-line);padding-top:16px;color:var(--family-ink)}
.sku-rsp label{font-size:14px;font-weight:700;display:block}.sku-rsp label span{color:var(--family-muted)}
.sku-rsp p{font-size:14px;line-height:1.5;margin:6px 0 12px;color:var(--family-muted)}
.sku-rsp-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sku-rsp input{flex:1 1 140px;width:140px;min-width:0;min-height:48px;padding:10px 12px;border:1px solid var(--family-line);border-radius:8px;background:var(--family-surface);color:var(--family-ink);font:inherit;font-size:16px;box-sizing:border-box}
.sku-rsp-controls button{flex:1 1 150px;min-height:48px;font-size:14px;padding:10px 12px;white-space:normal}
.sku-rsp input:focus-visible,.sku-rsp button:focus-visible,.sku-rsp summary:focus-visible{outline:2px solid var(--family-action);outline-offset:2px}
.sku-rsp-error{display:block;color:var(--family-action);font-size:14px;line-height:1.5}.sku-rsp-error:empty{display:none}
.sku-rsp-previous{display:block;margin-top:10px;color:var(--family-muted);font-size:13px;line-height:1.6}
.sku-rsp summary{font-size:14px;min-height:44px;display:flex;align-items:center;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.sku-rsp ul{padding:0;margin:0;list-style:none}.sku-rsp li{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:space-between;padding:8px 0;border-top:1px solid var(--family-line);font-size:13px;line-height:1.5}.sku-rsp li span{color:var(--family-muted)}
.sku-rsp-review{grid-column:2/-1;font-size:14px;color:var(--family-muted);line-height:1.5}

/* Read-only visit RSP: no latest-price substitution in historical reports. */
.kpi-product-row.has-rsp{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}
.kpi-product-rsp{min-width:100px;text-align:right;padding-left:12px;border-left:1px solid var(--family-line);color:var(--family-ink)}
.kpi-product-rsp>span,.kpi-product-rsp>small{display:block;font-size:12px;line-height:1.5;color:var(--family-muted)}
.kpi-product-rsp>strong{display:block;font-size:15px;line-height:1.5;font-variant-numeric:tabular-nums;color:var(--family-ink)}
@media(max-width:480px){.kpi-product-row.has-rsp{grid-template-columns:auto minmax(0,1fr)}.kpi-product-rsp{grid-column:2;text-align:left;padding:8px 0 0;border-left:0;border-top:1px solid var(--family-line);min-width:0}}

.sku-delist-confirm{display:flex!important;align-items:flex-start;gap:12px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:10px;grid-column:1/-1}.sku-delist-confirm input{width:22px!important;min-width:22px;min-height:22px!important;margin:0}.sku-delist-confirm span{font-size:13px;line-height:1.5}

/* Return visits are exception based: compact defaults, expanded controls on demand. */
.sku-entry-product.compact{grid-template-columns:minmax(0,1fr) auto 92px;align-items:center;gap:12px;padding:13px 14px}
.sku-entry-snapshot{display:grid;justify-items:end;gap:3px;min-width:105px}.sku-entry-snapshot>strong{font-size:15px;font-variant-numeric:tabular-nums;white-space:nowrap}.sku-entry-snapshot>small{color:var(--family-muted);font-size:11px}.sku-entry-pill{padding:4px 8px;border-radius:999px;font-size:10px;font-weight:850}.sku-entry-pill.available{background:color-mix(in srgb,var(--family-good) 12%,var(--family-surface));color:var(--family-good)}.sku-entry-pill.unavailable{background:color-mix(in srgb,var(--family-warning) 14%,var(--family-surface));color:var(--family-warning)}
.sku-entry-change,.sku-entry-done{min-height:44px!important;padding:0 13px;border:1px solid var(--family-line);border-radius:10px;background:var(--family-surface);color:var(--family-action);font:inherit;font-size:13px;font-weight:800;cursor:pointer}.sku-entry-change:hover,.sku-entry-done:hover{border-color:var(--family-action);background:color-mix(in srgb,var(--family-action) 6%,var(--family-surface))}.sku-entry-change:focus-visible,.sku-entry-done:focus-visible{outline:3px solid color-mix(in srgb,var(--family-action) 26%,transparent);outline-offset:2px}
.sku-entry-product.editing{box-shadow:0 8px 24px color-mix(in srgb,var(--family-ink) 7%,transparent)}.sku-entry-done{grid-column:1/-1;justify-self:end;width:auto!important;min-width:108px}.sku-review-summary.exception-summary{grid-template-columns:repeat(5,minmax(0,1fr))}.sku-review-summary.exception-summary>div:nth-child(4) strong{color:#b56a00}.sku-review-summary.exception-summary>div:nth-child(5) strong{color:var(--family-action)}
@media(max-width:620px){.sku-entry-product.compact{grid-template-columns:minmax(0,1fr) auto}.sku-entry-snapshot{justify-items:start;grid-column:1}.sku-entry-change{grid-column:2;grid-row:1/3}.sku-review-summary.exception-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.sku-review-summary.exception-summary>div{border-bottom:1px solid var(--family-line)}.sku-review-summary.exception-summary>div:nth-child(even){border-right:0}.sku-review-summary.exception-summary>div:last-child{grid-column:1/-1;border-bottom:0}.sku-entry-done{justify-self:stretch;width:100%!important}}


/* v6 — compact mobile SKU editing: one dense product row, one RSP control. */
.sku-entry-product.editing{
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:8px 10px;
  padding:12px;
}
.sku-entry-product.editing .sku-entry-product-title{gap:2px;min-width:0}
.sku-entry-product.editing .sku-entry-product-title>span{font-size:11px}
.sku-entry-product.editing .sku-entry-product-title>strong{font-size:15px;line-height:1.3}
.sku-entry-product.editing .sku-entry-product-title>small{font-size:11px;line-height:1.25}
.sku-entry-remove{
  min-width:72px;
  min-height:36px;
  padding:6px 10px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--surface);
  color:var(--danger);
  font:inherit;
  font-size:11px;
  font-weight:800;
}
.sku-entry-product.editing>.sku-entry-status,
.sku-entry-product.editing>.sku-entry-reason,
.sku-entry-product.editing>.sku-rsp,
.sku-entry-product.editing>.sku-entry-done{grid-column:1/-1}
.sku-rsp.sku-rsp-compact{
  display:grid;
  gap:7px;
  margin-top:2px;
  padding:9px 10px;
  border:1px solid var(--border);
  border-radius:11px;
  background:color-mix(in srgb,var(--canvas) 58%,var(--surface));
}
.sku-rsp-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sku-rsp-head label{margin:0;font-size:12px;font-weight:850}
.sku-rsp-head label span{color:var(--muted);font-size:10px}
.sku-rsp-head>small{color:var(--muted);font-size:10px;font-weight:700}
.sku-rsp-compact .sku-rsp-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.sku-rsp-compact .sku-rsp-controls input{min-height:44px;padding:8px 11px;font-size:17px;font-weight:750}
.sku-rsp-compact .sku-rsp-controls .secondary-button{min-height:44px;padding:8px 11px;white-space:nowrap;font-size:11px}
.sku-rsp-compact .sku-rsp-error:empty{display:none}
.sku-rsp-compact details{margin:0;padding-top:2px;border:0}
.sku-rsp-compact details summary{min-height:30px;padding:5px 0;color:var(--muted);font-size:10px}
@media(max-width:420px){
  .sku-entry-product.editing{padding:10px}
  .sku-entry-product.editing .sku-entry-product-title>strong{font-size:14px}
}
.photo-proof-summary{padding:10px 12px;margin:10px 0;background:#edf6f3;border:1px solid #c9e2d9;border-radius:8px;color:#173548;font-size:13px;line-height:1.6}.photo-preview .photo-proof-tag{position:static!important;inset:auto!important;display:block;width:100%;height:auto;min-height:44px;margin-top:6px;border:1px solid #b7cdd9;border-radius:6px;background:white;color:#173548;font-size:11px;line-height:1.4;padding:7px;transform:none}.photo-proof-picker{position:fixed;inset:0;margin:auto;width:min(1040px,96vw);height:min(850px,94dvh);max-height:94dvh;padding:0;border:1px solid #bfd1dd;border-radius:12px;background:white;color:#173548;color-scheme:light;font:15px/1.5 Arial,sans-serif;box-shadow:0 15px 65px #17354855}.photo-proof-picker[open]{display:flex;flex-direction:column}.photo-proof-picker::backdrop{background:#10273799}.photo-proof-picker *{box-sizing:border-box}.photo-proof-picker header,.photo-proof-picker footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;background:#f4f8fa;flex-shrink:0}.photo-proof-picker h2{font-size:21px;margin:0;color:#173548}.photo-proof-picker p{margin:5px 0;font-size:13px}.photo-proof-picker button,.photo-proof-picker input[type=search]{font:inherit;min-height:44px;border:1px solid #b7cdd9;border-radius:7px;padding:8px 12px;background:white;color:#173548}.photo-proof-picker [data-proof-done]{background:#00866f;border-color:#00866f;color:white}.photo-proof-body{display:grid;grid-template-columns:minmax(220px,1fr) minmax(300px,1.3fr);gap:20px;padding:20px;overflow:auto;min-height:0;flex:1}.photo-proof-body>img{width:100%;max-height:500px;object-fit:contain;position:sticky;top:0}.photo-proof-body section>label{display:grid;gap:7px;color:#173548!important;font-size:13px}.photo-proof-list{display:grid;gap:6px;margin-top:12px}.photo-proof-list>label{display:flex;align-items:center;gap:12px;min-height:56px;padding:10px;border:1px solid #d4e2e9;border-radius:7px;cursor:pointer;color:#173548!important}.photo-proof-list>label[hidden]{display:none}.photo-proof-list input{width:21px;height:21px;flex-shrink:0;accent-color:#00866f}.photo-proof-list strong{font-size:13px}.photo-proof-list small{display:block;font-size:12px;line-height:1.5}.photo-proof-report{border:1px solid #d4e2e9;background:#f8fbfa;border-radius:9px;padding:14px;margin:14px 0;color:#173548}.photo-proof-report summary{cursor:pointer;min-height:44px;font-weight:bold;align-content:center}.photo-proof-report p{font-size:12px;color:#526b7d}.photo-proof-report ul{padding:0;list-style:none}.photo-proof-report li{display:flex;gap:12px;padding:9px 0;border-bottom:1px solid #d4e2e9;font-size:12px;align-items:center}.photo-proof-report li>span{flex:1}.photo-proof-report li>em{font-style:normal;font-size:11px;color:#60778b}.photo-proof-report h4{font-size:13px;margin:12px 0 6px}@media(max-width:650px){.photo-proof-picker{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.photo-proof-body{grid-template-columns:1fr;padding:12px;gap:14px}.photo-proof-body>img{position:static;max-height:220px}.photo-proof-picker header,.photo-proof-picker footer{padding:12px;gap:8px}.photo-proof-picker h2{font-size:18px}.photo-proof-report li{flex-wrap:wrap}.photo-proof-report li>em{width:100%}}


.sku-rsp-controls{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.sku-rsp-controls>input{flex:1;min-width:80px;width:100px}.sku-rsp-unit-label{display:grid;gap:3px;font-size:10px;flex:1;min-width:110px}.sku-rsp-unit-label select{min-height:44px;width:100%}.sku-rsp-controls>button{min-height:44px}.sku-rsp-compact .sku-rsp-controls>input{min-height:44px}

/* Keep product, availability, price and price basis inside the report width. */
.visit-sku-overview,.visit-sku-overview>header,.visit-sku-overview>header>div{min-width:0;max-width:100%}
.visit-sku-overview .visit-sku-list{display:block;overflow:visible;min-width:0;max-width:100%}
.visit-sku-overview .visit-sku-list>.visit-sku-row{display:grid;grid-template-columns:24px 105px minmax(0,1fr) 100px minmax(115px,145px);gap:10px;min-width:0;max-width:100%;padding:12px;align-items:center}
.visit-sku-overview .visit-sku-row>*{min-width:0;grid-row:auto;grid-column:auto}
.visit-sku-overview .visit-sku-row>code{display:flex;align-items:center;gap:7px;white-space:normal;overflow-wrap:anywhere}
.visit-sku-overview .visit-sku-row>code>.pm-thumb{display:inline-flex!important;flex:0 0 40px;width:40px;height:44px;margin:0!important}
.visit-sku-overview .visit-sku-name{min-width:0;width:auto}.visit-sku-overview .visit-sku-name strong,.visit-sku-overview .visit-sku-name small{white-space:normal;overflow-wrap:anywhere;overflow:visible;text-overflow:clip}
.visit-sku-overview .visit-sku-state{grid-row:auto;grid-column:auto;white-space:normal;font-size:10px}
.visit-sku-overview .visit-sku-rsp{grid-row:auto;grid-column:auto;min-width:0;white-space:normal;text-align:right}
.visit-sku-rsp strong{font-size:14px;overflow-wrap:anywhere}.visit-sku-rsp .sku-price-unit{display:block;font-size:12px;color:var(--muted,#60778b);line-height:1.5}
.visit-sku-summary{grid-template-columns:repeat(4,minmax(0,1fr));min-width:0}.visit-sku-summary>span{min-width:0;white-space:normal;overflow-wrap:anywhere}
@media(max-width:900px){.visit-sku-overview .visit-sku-list>.visit-sku-row{grid-template-columns:22px 85px minmax(0,1fr);gap:8px}.visit-sku-overview .visit-sku-row>.visit-sku-index{grid-row:1/3}.visit-sku-overview .visit-sku-row>code{grid-column:2;grid-row:1/3;flex-direction:column;align-items:flex-start}.visit-sku-overview .visit-sku-name{grid-column:3;grid-row:1}.visit-sku-overview .visit-sku-state{grid-column:3;grid-row:2;justify-self:start}.visit-sku-overview .visit-sku-rsp{grid-column:3;grid-row:3;text-align:left;display:flex;gap:8px;flex-wrap:wrap;align-items:baseline}.visit-sku-overview .visit-sku-rsp>small{display:none}.visit-sku-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.visit-sku-overview .visit-sku-list>.visit-sku-row{grid-template-columns:18px 62px minmax(0,1fr);padding:10px 8px;gap:6px 8px}.visit-sku-overview>header{flex-wrap:wrap}.visit-sku-head-actions{flex-wrap:wrap}.visit-sku-name strong{font-size:13px!important}.visit-sku-name small{font-size:11px!important}}
/* Two obvious fields, including on return visits: no hidden price-unit control. */
.sku-entry-product.compact .sku-rsp{grid-column:1/-1;width:100%}.sku-entry-snapshot{min-width:0}.sku-entry-snapshot>strong{white-space:normal}
.sku-rsp-compact .sku-rsp-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:10px}
.sku-rsp-compact .sku-rsp-controls label{display:grid;gap:5px;min-width:0;font-size:12px;margin:0}
.sku-rsp-compact .sku-rsp-controls input,.sku-rsp-compact .sku-rsp-controls select{width:100%;max-width:100%;min-width:0;min-height:46px;box-sizing:border-box;margin:0;font:inherit;font-size:16px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text)}
.sku-rsp-compact .sku-rsp-head{display:none}.sku-rsp-compact .sku-rsp-controls>button{grid-column:1/-1}.sku-confirm-list{margin:10px 0}.sku-confirm-list>summary{min-height:44px;align-content:center;font-weight:700;font-size:13px;cursor:pointer}
.photo-proof-price{display:block;font-size:13px;font-style:normal;color:var(--family-good,#08745b);font-weight:700;margin-top:4px}.photo-proof-picker [data-proof-done]:disabled{opacity:.45;cursor:default}.photo-proof-tag.needs-product-links{border-color:var(--warning,#a26300);color:var(--warning,#a26300)}
.photo-proof-body>img{max-height:260px}.photo-proof-picker .photo-proof-list>label{min-height:66px}.photo-proof-report{min-width:0}.photo-proof-report li{flex-wrap:wrap}.photo-proof-report li>span{min-width:100px;overflow-wrap:anywhere}

.photo-proof-picker .photo-proof-price{color:#08745b}

/* Explicit product-to-photo coverage; catalogue thumbnails are not visit evidence. */
.sku-photo-status{display:inline-flex;align-items:center;gap:5px;max-width:100%;width:fit-content;padding:5px 7px;border:1px solid var(--family-line);border-radius:6px;background:var(--family-bg);color:var(--family-muted);font:500 11px/1.5 Arial,sans-serif;white-space:normal;text-transform:none;letter-spacing:0}
.sku-photo-status>b{font:inherit;color:inherit;white-space:normal}.sku-photo-status>span{font-size:12px;font-weight:700;color:inherit}
.sku-photo-status.is-linked{background:#e9f7ef;color:#076346;border-color:#b7dfca}
.visit-sku-overview .visit-sku-list>.visit-sku-row.visit-sku-row{grid-template-columns:24px 100px minmax(0,1fr) 92px minmax(125px,145px) minmax(105px,130px)}
.visit-sku-overview .visit-sku-row>.visit-sku-proof{display:grid;gap:5px;min-width:0;justify-items:start}
.visit-sku-proof>small{font-size:10px;line-height:1.4;color:var(--family-muted)}
.sku-proof-draft{grid-column:1/-1;min-width:0}
.photo-proof-products{margin:12px 0 20px;border:1px solid var(--family-line);border-radius:10px;background:var(--family-surface);color:var(--family-ink);overflow:hidden}
.photo-proof-products>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px;min-height:48px;font-size:13px;font-weight:600;cursor:pointer}
.photo-proof-products>summary>span{font-size:12px;font-weight:400;color:var(--family-muted)}
.photo-proof-products:not([open])>div{display:none}
.photo-proof-products>div{max-height:340px;overflow:auto;border-top:1px solid var(--family-line);padding:0 14px}
.photo-proof-products article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--family-line)}
.photo-proof-products article:last-child{border-bottom:0}.photo-proof-products article>span:first-child{min-width:0;display:grid;gap:3px;flex:1}
.photo-proof-products article strong{font-size:11px;color:var(--family-muted)}.photo-proof-products article b{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.photo-proof-products article small{font-size:11px;color:var(--family-muted)}
html[data-theme="dark"] .sku-photo-status.is-linked{color:#a2edc8;background:#153b2e;border-color:#2e6950}
@media(max-width:1000px){.visit-sku-overview .visit-sku-list>.visit-sku-row.visit-sku-row{grid-template-columns:22px 85px minmax(0,1fr);gap:8px}.visit-sku-overview .visit-sku-row>.visit-sku-index{grid-row:1/5}.visit-sku-overview .visit-sku-row>code{grid-column:2;grid-row:1/5;flex-direction:column;align-items:flex-start}.visit-sku-overview .visit-sku-row>.visit-sku-name{grid-column:3;grid-row:1}.visit-sku-overview .visit-sku-row>.visit-sku-state{grid-column:3;grid-row:2;justify-self:start}.visit-sku-overview .visit-sku-row>.visit-sku-proof{grid-column:3;grid-row:3}.visit-sku-overview .visit-sku-row>.visit-sku-proof>small{display:none}.visit-sku-overview .visit-sku-row>.visit-sku-rsp{grid-column:3;grid-row:4;text-align:left;display:flex;gap:8px;flex-wrap:wrap;align-items:baseline}.visit-sku-overview .visit-sku-row>.visit-sku-rsp>small{display:none}}
@media(max-width:480px){.visit-sku-overview .visit-sku-list>.visit-sku-row.visit-sku-row{grid-template-columns:18px 62px minmax(0,1fr);padding:10px 8px;gap:6px 8px}.photo-proof-products article{flex-wrap:wrap}.photo-proof-products article>span:first-child{flex-basis:100%}}

/* Three explicit choices avoid native select popups in mobile WebViews. */
.sku-rsp.sku-rsp-compact .sku-rsp-unit-field{display:grid;gap:5px;border:0;padding:0;margin:0;min-width:0;min-inline-size:0;color:var(--family-ink,var(--ink))}
.sku-rsp.sku-rsp-compact .sku-rsp-unit-field>legend{padding:0;margin:0 0 5px;font-size:12px;line-height:1.5;font-weight:500;color:var(--family-muted,var(--muted));float:none;width:auto}
.sku-rsp.sku-rsp-compact .sku-rsp-unit-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0;align-items:stretch}
.sku-rsp.sku-rsp-compact .sku-rsp-unit-choice{display:flex;align-items:center;justify-content:center;width:100%;min-width:44px;min-height:46px;box-sizing:border-box;margin:0;padding:8px 4px;border:1px solid var(--family-line,var(--border));border-radius:8px;background:var(--family-surface,var(--surface));color:var(--family-ink,var(--ink));font:600 13px/1.4 Arial,sans-serif;white-space:nowrap;cursor:pointer;touch-action:manipulation;appearance:none;box-shadow:none;text-transform:none;letter-spacing:0}
.sku-rsp.sku-rsp-compact .sku-rsp-unit-choice[aria-pressed="true"]{border:2px solid var(--family-action,var(--brand));background:var(--family-action-soft,var(--brand-soft));color:var(--family-action,var(--brand));padding:7px 3px}
.sku-rsp.sku-rsp-compact .sku-rsp-unit-choice:focus-visible{outline:3px solid var(--family-action,var(--brand));outline-offset:3px}
.sku-rsp.sku-rsp-compact .sku-rsp-unit-choice:active{filter:brightness(.95)}
.sku-rsp.sku-rsp-compact .sku-rsp-unit-selection{font-size:11px;line-height:1.5;color:var(--family-muted,var(--muted));min-height:17px}
.sku-rsp.sku-rsp-compact .sku-rsp-controls{align-items:start;grid-template-columns:minmax(78px,1fr) minmax(144px,1.4fr)}
.sku-rsp.sku-rsp-compact .sku-rsp-price-label{padding-top:0}
.sku-rsp.sku-rsp-compact .sku-rsp-unit-field[aria-invalid="true"] .sku-rsp-unit-selection{color:var(--family-warning,var(--warning))}
@media(max-width:600px){.sku-rsp.sku-rsp-compact .sku-rsp-controls{grid-template-columns:minmax(78px,1fr) minmax(144px,1.7fr);gap:8px}.sku-rsp.sku-rsp-compact .sku-rsp-unit-choice{min-height:48px}}
@media(max-width:340px){.sku-rsp.sku-rsp-compact .sku-rsp-controls{grid-template-columns:1fr}.sku-rsp.sku-rsp-compact .sku-rsp-unit-field{width:100%}}

/* Product identity has its own full-width row: image first, readable name next. */
.sku-entry-product.sku-entry-product{display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--family-line);border-radius:12px;box-shadow:none;min-width:0;max-width:100%;color:var(--family-ink);background:var(--family-surface)}
.sku-entry-product.sku-entry-product .sku-entry-product-head{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:start;gap:12px;margin:0;padding:0;min-width:0;direction:ltr}
.sku-entry-product.sku-entry-product .sku-entry-product-head>.pm-thumb{position:static!important;inset:auto!important;grid-column:1;grid-row:1;display:flex!important;width:56px;height:64px;min-height:64px;align-self:start;margin:0!important;padding:5px!important;box-sizing:border-box}
.sku-entry-product.sku-entry-product .sku-entry-product-head>.pm-thumb img{width:44px;height:52px;object-fit:contain}
.sku-entry-product.sku-entry-product .sku-entry-product-title{position:static;grid-column:2;grid-row:1;padding:0!important;display:flex;flex-direction:column;gap:4px;min-width:0;align-self:center}
.sku-entry-product.sku-entry-product .sku-entry-product-title>span{display:flex;align-items:center;gap:8px;font:600 11px/1.4 Arial,sans-serif;color:var(--family-muted)}
.sku-entry-product-title>span>em{font:600 10px/1.4 Arial,sans-serif;font-style:normal;background:var(--family-action-soft);color:var(--family-action);padding:2px 5px;border-radius:4px}
.sku-entry-product.sku-entry-product .sku-entry-product-title>strong{font:600 15px/1.45 Arial,sans-serif;color:var(--family-ink);white-space:normal;word-break:normal;overflow-wrap:break-word;max-width:100%}
.sku-entry-product.sku-entry-product .sku-entry-product-title>small{font:400 12px/1.4 Arial,sans-serif;color:var(--family-muted);white-space:normal}
.sku-entry-product-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
.sku-entry-product-status{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}
.sku-entry-product-status>small{font-size:11px;color:var(--family-muted)}
.sku-entry-product-toolbar>.sku-photo-status{margin:0;font-size:11px;padding:4px 6px;border:0;background:var(--family-bg);min-width:0}
.sku-entry-product.sku-entry-product .sku-entry-product-toolbar>button{min-height:44px;min-width:68px;width:auto!important;justify-self:auto;align-self:center;margin:0 0 0 auto;padding:8px 10px;border-radius:8px;font:600 12px/1.4 Arial,sans-serif;box-shadow:none;background:var(--family-surface);border:1px solid var(--family-line);color:var(--family-ink)}
.sku-entry-product .sku-entry-product-status .sku-entry-status{display:grid;grid-template-columns:auto auto;gap:8px;align-items:center;margin:0;font-size:12px}
.sku-entry-product .sku-entry-product-status .sku-entry-status select{min-width:100px;min-height:44px;padding:6px 8px;font-size:13px;border-radius:8px}
.sku-entry-product .sku-entry-pill{font:500 11px/1.5 Arial,sans-serif;padding:4px 7px}
.sku-entry-product.sku-entry-product .sku-rsp.sku-rsp-compact{width:100%;box-sizing:border-box;margin:0;padding:12px 0 0;border:0;border-top:1px solid var(--family-line);border-radius:0;background:transparent}
.sku-entry-product.sku-entry-product .sku-rsp-price-label{font-weight:500;color:var(--family-muted)}
.sku-entry-product.sku-entry-product .sku-rsp-controls{grid-template-columns:minmax(78px,1fr) minmax(144px,1.7fr)}
.sku-entry-product.sku-entry-product .sku-rsp input{background:var(--family-surface);color:var(--family-ink);border-color:var(--family-line);font-weight:600}
.sku-baseline-modal .sku-review-banner h3,.sku-baseline-modal .sku-review-banner .eyebrow{color:inherit}

/* Summary is a readable, unit-aware list. Never combine prices with different units. */
.sku-price-summary,.sku-current-shared{margin:14px 0;border:1px solid var(--family-line);border-radius:10px;min-width:0;background:var(--family-surface);color:var(--family-ink);text-align:left}
.sku-price-summary>summary,.sku-current-shared>summary{min-height:48px;padding:12px;cursor:pointer;font:600 14px/1.5 Arial,sans-serif;box-sizing:border-box;color:var(--family-ink)}
.sku-price-summary ol{list-style:none;padding:0 12px;margin:0}
.sku-price-summary li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding:12px 0;border-top:1px solid var(--family-line);text-align:left}
.sku-price-summary li>.pm-thumb{grid-column:1;grid-row:1;margin:0!important;width:44px;min-height:48px}
.sku-price-summary li>div{min-width:0;display:grid;gap:4px}
.sku-price-summary li>div>small{font:500 11px/1.4 Arial,sans-serif;color:var(--family-muted)}
.sku-price-summary li>div>strong{font:500 13px/1.5 Arial,sans-serif;color:var(--family-ink);overflow-wrap:break-word}
.sku-price-summary li>span{font:600 14px/1.5 Arial,sans-serif;color:var(--family-ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.sku-price-summary li>span>b{font:inherit;color:var(--family-muted)}
.sku-current-shared>p{padding:0 12px;font-size:12px;color:var(--family-muted)}
.sku-current-shared>.visit-sku-overview{margin:12px;border-radius:8px}

/* Saved report: photo on the left, full product identity and explicit price basis. */
.visit-sku-overview .visit-sku-list>.visit-sku-row.visit-sku-row{display:grid;grid-template-columns:56px minmax(0,1fr) 95px minmax(100px,125px) minmax(135px,160px);gap:12px;padding:14px;align-items:center;min-width:0;max-width:100%;box-sizing:border-box}
.visit-sku-overview .visit-sku-row>.visit-sku-photo{grid-column:1;grid-row:1;min-width:0}
.visit-sku-photo>.pm-thumb{width:56px;height:64px;min-height:64px;margin:0!important;padding:5px!important;box-sizing:border-box}
.visit-sku-photo>.pm-thumb img{width:44px;height:52px}
.visit-sku-overview .visit-sku-row>.visit-sku-name{grid-column:2;grid-row:1;display:grid;gap:4px;min-width:0;width:auto}
.visit-sku-name>code{display:flex;gap:10px;align-items:center;font:500 11px/1.5 Arial,sans-serif;color:var(--family-muted);white-space:normal}
.visit-sku-name>code>small{font-size:10px;color:var(--family-muted)}
.visit-sku-overview .visit-sku-name>strong{font:600 14px/1.5 Arial,sans-serif!important;color:var(--family-ink);white-space:normal;word-break:normal;overflow-wrap:break-word}
.visit-sku-overview .visit-sku-name>small{font:400 12px/1.4 Arial,sans-serif!important;color:var(--family-muted);white-space:normal}
.visit-sku-overview .visit-sku-row>.visit-sku-state{grid-column:3;grid-row:1;justify-self:start;font-size:11px}
.visit-sku-overview .visit-sku-row>.visit-sku-proof{grid-column:4;grid-row:1;display:grid;gap:4px;min-width:0}
.visit-sku-overview .visit-sku-row>.visit-sku-rsp{grid-column:5;grid-row:1;display:grid;gap:4px;text-align:right;min-width:0}
.visit-sku-overview .visit-sku-rsp>small{display:block!important;font:400 11px/1.5 Arial,sans-serif;color:var(--family-muted)}
.visit-sku-overview .visit-sku-rsp>strong{font:600 14px/1.5 Arial,sans-serif;color:var(--family-ink);white-space:normal;font-variant-numeric:tabular-nums;overflow-wrap:normal}
@media(max-width:700px){
 .visit-sku-overview .visit-sku-list>.visit-sku-row.visit-sku-row{grid-template-columns:48px minmax(0,1fr);gap:8px 12px;padding:14px 12px}
 .visit-sku-overview .visit-sku-row>.visit-sku-photo{grid-column:1;grid-row:1/3;align-self:start}
 .visit-sku-photo>.pm-thumb{width:48px;height:58px;min-height:58px;padding:4px!important}.visit-sku-photo>.pm-thumb img{width:38px;height:48px}
 .visit-sku-overview .visit-sku-row>.visit-sku-name{grid-column:2;grid-row:1}
 .visit-sku-overview .visit-sku-row>.visit-sku-rsp{grid-column:2;grid-row:2;text-align:left;display:flex;flex-wrap:wrap;gap:2px 10px;align-items:baseline}
 .visit-sku-overview .visit-sku-row>.visit-sku-state{grid-column:2;grid-row:3;justify-self:start}
 .visit-sku-overview .visit-sku-row>.visit-sku-proof{grid-column:2;grid-row:4}
 .visit-sku-overview .visit-sku-proof>small{display:none}
 .sku-price-summary li{grid-template-columns:44px minmax(0,1fr);gap:6px 10px}
 .sku-price-summary li>.pm-thumb{grid-row:1/3}
 .sku-price-summary li>span{grid-column:2;grid-row:2}
}
@media(max-width:340px){.sku-entry-product.sku-entry-product{padding:12px}.sku-entry-product.sku-entry-product .sku-entry-product-head{grid-template-columns:48px minmax(0,1fr);gap:10px}.sku-entry-product.sku-entry-product .sku-entry-product-head>.pm-thumb{width:48px;height:58px;min-height:58px}.sku-entry-product.sku-entry-product .sku-entry-product-head>.pm-thumb img{width:36px;height:46px}.sku-entry-product.sku-entry-product .sku-rsp-controls{grid-template-columns:1fr}.sku-entry-product.sku-entry-product .sku-entry-product-title>strong{font-size:14px}}

.sku-baseline-modal .sku-baseline-hero{display:flex;align-items:start;gap:12px;padding:14px;border:1px solid var(--family-line);border-radius:10px;background:var(--family-bg);color:var(--family-ink);box-shadow:none}
.sku-baseline-modal .sku-baseline-hero .sku-baseline-icon{flex:0 0 36px;width:36px;height:36px;min-height:36px;border-radius:8px;font-size:11px;background:var(--family-surface);color:var(--family-action);border:1px solid var(--family-line)}
.sku-baseline-modal .sku-baseline-hero h3{margin:4px 0;font:600 17px/1.4 Arial,sans-serif;color:var(--family-ink)!important}
.sku-baseline-modal .sku-baseline-hero .eyebrow{font:600 10px/1.4 Arial,sans-serif;color:var(--family-muted)!important}
.sku-baseline-modal .sku-baseline-hero p{font:400 12px/1.5 Arial,sans-serif;color:var(--family-muted);margin:0}
.visit-sku-overview .visit-sku-list{container:sku-report / inline-size}
@container sku-report (max-width:700px){ .visit-sku-overview .visit-sku-list>.visit-sku-row.visit-sku-row{grid-template-columns:48px minmax(0,1fr);gap:8px 12px;padding:14px 12px}
 .visit-sku-overview .visit-sku-row>.visit-sku-photo{grid-column:1;grid-row:1/3;align-self:start}
 .visit-sku-photo>.pm-thumb{width:48px;height:58px;min-height:58px;padding:4px!important}.visit-sku-photo>.pm-thumb img{width:38px;height:48px}
 .visit-sku-overview .visit-sku-row>.visit-sku-name{grid-column:2;grid-row:1}
 .visit-sku-overview .visit-sku-row>.visit-sku-rsp{grid-column:2;grid-row:2;text-align:left;display:flex;flex-wrap:wrap;gap:2px 10px;align-items:baseline}
 .visit-sku-overview .visit-sku-row>.visit-sku-state{grid-column:2;grid-row:3;justify-self:start}
 .visit-sku-overview .visit-sku-row>.visit-sku-proof{grid-column:2;grid-row:4}
 .visit-sku-overview .visit-sku-proof>small{display:none}
}
/* Keep status and photo proof together; reserve the price column for price + unit. */
.visit-sku-overview .visit-sku-list>.visit-sku-row.visit-sku-row{grid-template-columns:56px minmax(0,1fr) minmax(135px,160px);gap:6px 12px}
.visit-sku-overview .visit-sku-row>.visit-sku-photo{grid-column:1;grid-row:1/3;align-self:start}
.visit-sku-overview .visit-sku-row>.visit-sku-name{grid-column:2;grid-row:1}
.visit-sku-overview .visit-sku-row>.visit-sku-meta{grid-column:2;grid-row:2;display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;min-width:0}
.visit-sku-meta>.visit-sku-state{font-size:10px;line-height:1.4;white-space:normal}
.visit-sku-meta>.visit-sku-proof{display:flex;align-items:center;min-width:0}.visit-sku-meta .sku-photo-status{padding:3px 6px;font-size:10px;line-height:1.5}
.visit-sku-overview .visit-sku-row>.visit-sku-rsp{grid-column:3;grid-row:1/3;display:grid;gap:3px;text-align:right;align-self:center}
@container sku-report (max-width:470px){
 .visit-sku-overview .visit-sku-list>.visit-sku-row.visit-sku-row{grid-template-columns:48px minmax(0,1fr);gap:7px 12px}
 .visit-sku-overview .visit-sku-row>.visit-sku-photo{grid-column:1;grid-row:1/4}
 .visit-sku-overview .visit-sku-row>.visit-sku-name{grid-column:2;grid-row:1}
 .visit-sku-overview .visit-sku-row>.visit-sku-rsp{grid-column:2;grid-row:2;text-align:left;display:grid;gap:2px}
 .visit-sku-overview .visit-sku-row>.visit-sku-rsp>small{font-size:10px;line-height:1.2}
 .visit-sku-overview .visit-sku-row>.visit-sku-meta{grid-column:2;grid-row:3}
}

.sku-baseline-modal #modalTitle{color:var(--family-ink)!important}
.sku-baseline-modal .sku-workstep{background:var(--family-surface);border-color:var(--family-line);box-shadow:none}
.visit-sku-overview .visit-sku-row>.visit-sku-rsp{justify-items:end}
@container sku-report (max-width:470px){.visit-sku-overview .visit-sku-row>.visit-sku-rsp{justify-items:start}}


/* team-activity.css */
/* Scoped team-directory presentation; no global navigation or workflow rules. */
.ta-directory{background:var(--family-surface);color:var(--family-ink);border:1px solid var(--family-line);border-radius:14px;margin-top:24px;font:inherit;overflow:hidden}
.ta-directory *{box-sizing:border-box;min-width:0}
.ta-directory [hidden]{display:none!important}
.ta-directory .ta-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px 14px;border-top:3px solid var(--family-action)}
.ta-directory .ta-header h2{margin:0;font-size:23px;line-height:1.3}
.ta-directory .ta-header p{margin:4px 0 0;color:var(--family-muted);font-size:13px}
.ta-directory .ta-button,.ta-directory .ta-team-toggle{min-height:44px;padding:10px 14px;border:1px solid var(--family-line);border-radius:8px;background:var(--family-surface);color:var(--family-ink);font:inherit;font-size:13px;font-weight:600;line-height:1.4;cursor:pointer;touch-action:manipulation;box-shadow:none}
.ta-directory button:hover{background:var(--family-bg)}
.ta-directory button:active{opacity:.75}
.ta-directory :is(button,input,select,summary):focus-visible{outline:2px solid var(--family-action);outline-offset:3px}
.ta-directory .ta-overview{display:flex;flex-wrap:wrap;gap:12px 24px;padding:0 24px 18px;color:var(--family-muted);font-size:13px}
.ta-directory .ta-overview b{color:var(--family-ink);font-size:17px;margin-right:4px}
.ta-directory .ta-toolbar{display:grid;grid-template-columns:minmax(180px,2fr) repeat(2,minmax(140px,1fr));gap:12px;padding:16px 24px;border-block:1px solid var(--family-line);background:var(--family-bg)}
.ta-directory .ta-toolbar label{display:grid;gap:5px;font-size:13px;font-weight:500;color:var(--family-muted)}
.ta-directory :is(input,select){width:100%;min-height:44px;padding:10px 12px;background:var(--family-surface);color:var(--family-ink);border:1px solid var(--family-line);border-radius:8px;font:inherit;font-size:16px}
.ta-directory .ta-group>header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px 6px;color:var(--family-muted);font-size:13px}
.ta-directory .ta-group h3{margin:0;font-size:16px;color:var(--family-ink)}
.ta-directory .ta-person{padding:20px 24px;border-bottom:1px solid var(--family-line)}
.ta-directory .ta-person:last-child{border-bottom:0}
.ta-directory .ta-person-line{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(160px,1fr) 110px;gap:20px;align-items:start}
.ta-directory .ta-identity{display:flex;gap:12px;align-items:flex-start}
.ta-directory .ta-avatar{width:40px;height:40px;flex:0 0 40px;border-radius:10px;background:var(--family-bg);color:var(--family-action);display:grid;place-items:center;font-size:13px;font-weight:600}
.ta-directory .ta-avatar.ta-merch{color:var(--family-good)}
.ta-directory .ta-identity strong{font-size:16px;line-height:1.4;font-weight:600;display:block;overflow-wrap:anywhere}
.ta-directory .ta-identity small,.ta-directory .ta-activity small{display:block;margin-top:4px;font-size:12px;line-height:1.5;color:var(--family-muted)}
.ta-directory .ta-status{display:inline-flex;border-radius:5px;padding:3px 8px;background:var(--family-bg);color:var(--family-muted);font-size:12px;line-height:1.5;font-weight:600}
.ta-directory .ta-status[data-state=IN_STORE]{background:var(--family-good-soft);color:var(--family-good)}
.ta-directory .ta-status[data-state=PENDING_CLOSE],.ta-directory .ta-status[data-state=UNAVAILABLE]{background:var(--family-warning-soft);color:var(--family-warning)}
.ta-directory .ta-activity p{margin:7px 0 0;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.ta-directory .ta-counts{display:flex;justify-content:flex-end;gap:22px;text-align:right;font-variant-numeric:tabular-nums}
.ta-directory .ta-counts b{display:block;font-size:22px;line-height:1.3;font-weight:600}
.ta-directory .ta-counts small{display:block;font-size:12px;color:var(--family-muted);margin-top:4px}
.ta-directory .ta-person-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px}
.ta-directory .ta-team-toggle{border:0;padding-left:0;color:var(--family-good);background:transparent;text-align:left}
.ta-directory .ta-child{margin:14px 0 0 52px;padding:18px;background:var(--family-bg);border-left:2px solid var(--family-good);border-radius:0 10px 10px 0;min-height:180px}
.ta-directory .ta-child .ta-avatar{background:var(--family-surface)}
.ta-directory .ta-child .ta-person-line{gap:16px;grid-template-columns:minmax(0,1.2fr) minmax(140px,1fr) 110px}
.ta-directory .ta-facts{margin-top:8px;font-size:13px}
.ta-directory .ta-facts summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:var(--family-muted);width:fit-content}
.ta-directory .ta-facts summary::before{content:'+';margin-right:8px}
.ta-directory .ta-facts[open] summary::before{content:'−'}
.ta-directory .ta-facts dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:16px;background:var(--family-bg);border-radius:8px}
.ta-directory .ta-facts dt{font-size:12px;color:var(--family-muted)}
.ta-directory .ta-facts dd{margin:4px 0 0;font-size:14px;font-weight:600}
.ta-directory .ta-empty{padding:24px;color:var(--family-muted)}
.ta-directory .ta-results:not(:empty){font-size:12px;color:var(--family-muted);padding:12px 24px 0}
@media(max-width:700px){.ta-directory .ta-toolbar{grid-template-columns:1fr 1fr}.ta-directory .ta-toolbar label:first-child{grid-column:1 / -1}.ta-directory .ta-person-line,.ta-directory .ta-child .ta-person-line{grid-template-columns:minmax(0,1fr) 96px;gap:14px}.ta-directory .ta-activity{grid-column:1 / -1;grid-row:2;padding-left:52px}.ta-directory .ta-counts{grid-column:2;grid-row:1;gap:18px}.ta-directory .ta-child .ta-activity{padding-left:0}.ta-directory .ta-child{margin-left:16px;padding:16px;min-height:240px}}
@media(max-width:450px){.ta-directory .ta-header{padding:18px 16px;align-items:flex-start;flex-wrap:wrap}.ta-directory .ta-header h2{font-size:21px}.ta-directory .ta-overview{padding:0 16px 16px;gap:10px 16px}.ta-directory .ta-toolbar{padding:14px 16px;grid-template-columns:1fr}.ta-directory .ta-group>header{padding:18px 16px 4px;flex-wrap:wrap}.ta-directory .ta-person{padding:18px 16px}.ta-directory .ta-child{padding:14px 12px;margin-left:8px}.ta-directory .ta-identity strong{font-size:16px}.ta-directory .ta-facts dl{grid-template-columns:1fr 1fr}.ta-directory .ta-person-actions .ta-button{padding-inline:10px}}

/* Compact, accessible disclosure hierarchy. Brand roles and labels stay distinct. */
.ta-directory .ta-person{padding:8px 16px;border:0}
.ta-directory .ta-branch{border:1px solid var(--family-line);border-left:3px solid var(--family-action);border-radius:10px;background:var(--family-surface);overflow:hidden}
.ta-directory .ta-branch>summary{display:flex;align-items:center;gap:14px;min-height:88px;padding:16px;cursor:pointer;list-style:none;background:color-mix(in srgb,var(--family-action) 5%,var(--family-surface))}
.ta-directory .ta-branch>summary::-webkit-details-marker{display:none}
.ta-directory .ta-branch-merch{border-left-color:var(--family-good)}
.ta-directory .ta-branch-merch>summary{background:color-mix(in srgb,var(--family-good) 7%,var(--family-surface))}
.ta-directory .ta-expand{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:1px solid var(--family-line);border-radius:7px;background:var(--family-surface);color:var(--family-ink);font-size:20px}
.ta-directory .ta-expand:before{content:'+'}
.ta-directory .ta-branch[open]>summary .ta-expand:before{content:'−'}
.ta-directory .ta-branch-name{flex:1;display:grid;gap:4px;overflow-wrap:anywhere}
.ta-directory .ta-branch-name strong{font-size:16px;line-height:1.4}
.ta-directory .ta-branch-name small,.ta-directory .ta-branch-meta small{font-size:12px;color:var(--family-muted);display:block;line-height:1.5}
.ta-directory .ta-branch-meta{display:grid;justify-items:end;gap:7px;font-size:13px;text-align:right}
.ta-directory .ta-branch-content{padding:16px;border-top:1px solid var(--family-line)}
.ta-directory .ta-child{margin:14px 0 0;padding:0;border:0;background:none;min-height:0}
.ta-directory .ta-expand-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px 0}
.ta-directory .ta-shops{margin-top:16px;border-top:1px solid var(--family-line)}
.ta-directory .ta-shops h4{font-size:14px;margin:14px 0}
.ta-directory .ta-shops h4 span{font-weight:400;color:var(--family-muted)}
.ta-directory .ta-shop{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--family-line);font-size:13px;line-height:1.5}
.ta-directory .ta-shop strong{display:block;overflow-wrap:anywhere}
.ta-directory .ta-shop small,.ta-directory .ta-shop span{display:block;color:var(--family-muted);font-size:12px}
.ta-directory .ta-shops p{font-size:13px;color:var(--family-muted)}
@media(max-width:600px){.ta-directory .ta-branch>summary{flex-wrap:wrap;gap:10px;padding:12px}.ta-directory .ta-branch-meta{margin-left:42px;text-align:left;justify-items:start;width:100%}.ta-directory .ta-branch-content{padding:12px}.ta-directory .ta-person{padding:6px 10px}.ta-directory .ta-shop{flex-direction:column;gap:4px}.ta-directory .ta-shop>div:last-child{display:flex;flex-wrap:wrap;gap:12px}}

/* Team Activity Route Timeline v188/v217 */
.ta-directory .ta-branch>summary{display:grid;grid-template-columns:minmax(220px,1fr) minmax(170px,.8fr) auto;gap:20px;min-height:82px;padding:14px 16px}
.ta-directory .ta-expand-control{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-height:44px;color:var(--family-action);font-size:12px;font-weight:700;white-space:nowrap}
.ta-directory .ta-branch-merch .ta-expand-control{color:var(--family-good)}
.ta-directory .ta-expand-label i{font-style:normal}.ta-directory .ta-expand-label .when-open{display:none}.ta-directory .ta-branch[open]>summary .when-open{display:inline}.ta-directory .ta-branch[open]>summary .when-closed{display:none}
.ta-directory .ta-expand{flex-basis:36px;width:36px;height:36px}
.ta-directory .ta-expanded-summary{display:grid;grid-template-columns:minmax(220px,1fr) minmax(300px,1.2fr) auto;align-items:center;gap:18px;padding:12px 14px;border:1px solid var(--family-line);border-radius:10px;background:var(--family-bg)}
.ta-directory .ta-current{display:grid;justify-items:start;gap:5px}.ta-directory .ta-current>strong{font-size:14px;line-height:1.45;overflow-wrap:anywhere}.ta-directory .ta-current>small{color:var(--family-muted);font-size:12px;line-height:1.45}
.ta-directory .ta-expanded-summary dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0}.ta-directory .ta-expanded-summary dl>div{padding:4px 12px;border-left:1px solid var(--family-line)}.ta-directory .ta-expanded-summary dt{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--family-muted)}.ta-directory .ta-expanded-summary dd{margin:3px 0 0;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
.ta-directory .ta-full-report{white-space:nowrap}
.ta-directory .ta-timeline{margin-top:14px;border:1px solid var(--family-line);border-radius:10px;overflow:hidden;background:var(--family-surface)}
.ta-directory .ta-timeline>header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;background:var(--family-bg);border-bottom:1px solid var(--family-line)}.ta-directory .ta-timeline h4{margin:0;font-size:14px}.ta-directory .ta-timeline>header span{font-size:12px;color:var(--family-muted)}
.ta-directory .ta-visit{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) minmax(100px,auto) 20px;align-items:center;gap:12px;min-height:78px;padding:12px 14px;border:0;background:var(--family-surface);color:var(--family-ink);text-align:left;font:inherit;cursor:pointer;touch-action:manipulation}
.ta-directory .ta-visit:hover{background:color-mix(in srgb,var(--family-action) 4%,var(--family-surface))}.ta-directory .ta-visit.is-live:hover{background:color-mix(in srgb,var(--family-good) 7%,var(--family-surface))}
.ta-directory .ta-visit-sequence{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--family-line);border-radius:8px;background:var(--family-bg);font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}.ta-directory .ta-visit.is-live .ta-visit-sequence{background:var(--family-good);border-color:var(--family-good);color:#fff}
.ta-directory .ta-visit-main{display:grid;gap:3px}.ta-directory .ta-visit-time{color:var(--family-action);font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}.ta-directory .ta-visit-main>strong{font-size:13px;line-height:1.45;overflow-wrap:anywhere}.ta-directory .ta-visit-main>small,.ta-directory .ta-visit-main>em{color:var(--family-muted);font-size:11px;font-style:normal;line-height:1.4}
.ta-directory .ta-visit-result{text-align:right}.ta-directory .ta-visit-result strong{display:block;font-size:14px;font-variant-numeric:tabular-nums}.ta-directory .ta-visit-result small{display:block;margin-top:4px;color:var(--family-muted);font-size:10px}.ta-directory .ta-visit-open{font-size:24px;color:var(--family-muted)}
.ta-directory .ta-travel{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:58px;padding:8px 14px;border:0;border-block:1px solid var(--family-line);background:color-mix(in srgb,var(--family-action) 5%,var(--family-bg));color:var(--family-ink);text-align:left;font:inherit;cursor:pointer;touch-action:manipulation}.ta-directory .ta-travel:hover{background:color-mix(in srgb,var(--family-action) 10%,var(--family-bg))}.ta-directory .ta-travel.is-incomplete{background:var(--family-bg)}
.ta-directory .ta-travel-line{align-self:stretch;position:relative;display:grid;place-items:center}.ta-directory .ta-travel-line:before,.ta-directory .ta-travel-line:after{content:'';position:absolute;left:50%;width:1px;height:calc(50% - 5px);background:var(--family-line)}.ta-directory .ta-travel-line:before{top:0}.ta-directory .ta-travel-line:after{bottom:0}.ta-directory .ta-travel-line i{width:8px;height:8px;border:2px solid var(--family-action);border-radius:50%;background:var(--family-surface)}
.ta-directory .ta-travel-copy{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px}.ta-directory .ta-travel-copy small{font-size:10px;font-weight:800;letter-spacing:.05em;color:var(--family-action)}.ta-directory .ta-travel-copy strong{font-size:12px;font-variant-numeric:tabular-nums}.ta-directory .ta-travel-copy strong i{font-style:normal;color:var(--family-muted);margin:0 5px}.ta-directory .ta-travel-copy em{font-size:11px;font-style:normal;color:var(--family-muted)}.ta-directory .ta-travel-open{display:flex;align-items:center;gap:7px;color:var(--family-action);font-size:11px;font-weight:800}.ta-directory .ta-travel-open b{font-size:22px;font-weight:400}
.ta-directory .ta-empty-route{margin:0;padding:20px 14px;color:var(--family-muted);font-size:13px}
@media(max-width:800px){.ta-directory .ta-branch>summary{grid-template-columns:minmax(0,1fr) auto;gap:10px}.ta-directory .ta-branch-meta{grid-column:1;margin:0;text-align:left;justify-items:start}.ta-directory .ta-expand-control{grid-column:2;grid-row:1 / span 2}.ta-directory .ta-expanded-summary{grid-template-columns:1fr auto}.ta-directory .ta-expanded-summary dl{grid-column:1 / -1;grid-row:2}.ta-directory .ta-expanded-summary dl>div:first-child{border-left:0}.ta-directory .ta-full-report{grid-column:2;grid-row:1}}
@media(max-width:520px){.ta-directory .ta-expand-label{display:none}.ta-directory .ta-branch>summary{grid-template-columns:minmax(0,1fr) 44px;padding:12px}.ta-directory .ta-branch-meta{font-size:12px}.ta-directory .ta-expanded-summary{grid-template-columns:1fr;padding:10px}.ta-directory .ta-expanded-summary dl{grid-column:1;grid-row:auto;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--family-line);padding-top:8px}.ta-directory .ta-expanded-summary dl>div:nth-child(odd){border-left:0}.ta-directory .ta-full-report{grid-column:1;grid-row:auto;width:100%}.ta-directory .ta-visit{grid-template-columns:32px minmax(0,1fr) 16px;gap:9px;padding:11px 10px}.ta-directory .ta-visit-result{grid-column:2;text-align:left;display:flex;gap:8px;align-items:center}.ta-directory .ta-visit-result small{margin:0}.ta-directory .ta-visit-open{grid-column:3;grid-row:1 / span 2}.ta-directory .ta-travel{grid-template-columns:32px minmax(0,1fr);padding:8px 10px}.ta-directory .ta-travel-copy{grid-template-columns:1fr auto;gap:4px 8px}.ta-directory .ta-travel-copy em{grid-column:1 / -1}.ta-directory .ta-travel-open{display:none}}
@media(prefers-reduced-motion:no-preference){.ta-directory .ta-branch-content{animation:ta-reveal .2s ease-out}.ta-directory .ta-visit,.ta-directory .ta-travel{transition:background-color .18s ease-out,opacity .18s ease-out}@keyframes ta-reveal{from{opacity:.65;transform:translateY(-4px)}to{opacity:1;transform:none}}}

.ta-directory .ta-team-summary{display:grid;gap:6px;padding:10px 14px;border-left:2px solid var(--family-good);border-radius:6px;background:var(--family-good-soft);color:var(--family-ink);font-size:13px;line-height:1.5;min-width:180px}
.ta-directory .ta-team-summary strong{font-size:12px;color:var(--family-good)}
.ta-directory .ta-branch-meta small{display:block;font-size:11px;color:var(--family-muted)}
@media(max-width:800px){.ta-directory .ta-team-summary{width:100%;min-width:0;flex-basis:100%;order:3}.ta-directory .ta-branch>summary{flex-wrap:wrap}}

@media(min-width:801px){.ta-directory .ta-branch>summary:has(.ta-team-summary){grid-template-columns:minmax(160px,1fr) auto minmax(180px,1fr) auto;gap:14px}}
@media(max-width:800px){.ta-directory .ta-team-summary{grid-column:1 / -1}}

/* Van Sales day milestones: one glance from Start Day through loading to first customer. */
.ta-directory .ta-branch.ta-has-van-journey>summary{grid-template-columns:minmax(180px,.9fr) minmax(130px,.55fr) minmax(360px,1.35fr) auto;gap:14px}
.ta-directory .ta-van-journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;overflow:hidden;border:1px solid var(--family-line);border-radius:10px;background:var(--family-surface)}
.ta-directory .ta-journey-step{position:relative;display:grid;align-content:center;gap:4px;min-height:64px;padding:8px 11px 8px 19px;border-left:1px solid var(--family-line)}
.ta-directory .ta-journey-step:first-child{border-left:0}
.ta-directory .ta-journey-step:before{content:'';position:absolute;left:9px;top:14px;width:6px;height:6px;border-radius:50%;background:var(--family-muted)}
.ta-directory .ta-journey-step.done:before,.ta-directory .ta-journey-step.direct:before{background:var(--family-good)}
.ta-directory .ta-journey-step.live:before{background:var(--family-action);box-shadow:0 0 0 3px color-mix(in srgb,var(--family-action) 18%,transparent)}
.ta-directory .ta-journey-step.waiting:before{background:#c58b22}
.ta-directory .ta-journey-step small{color:var(--family-muted);font-size:8px;font-weight:850;letter-spacing:.07em;line-height:1.2}
.ta-directory .ta-journey-step strong{font-size:11px;line-height:1.3;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ta-directory .ta-journey-step em{color:var(--family-action);font-size:9px;font-style:normal;font-weight:800;font-variant-numeric:tabular-nums}
.ta-directory .ta-loading-step{gap:5px;padding-right:10px;background:color-mix(in srgb,var(--family-good) 5%,var(--family-surface))}
.ta-directory .ta-loading-range{display:grid;grid-template-columns:auto minmax(18px,1fr) auto;align-items:center;gap:6px;min-width:0;font-variant-numeric:tabular-nums}
.ta-directory .ta-loading-range b{font-size:10px;line-height:1;white-space:nowrap}
.ta-directory .ta-loading-range i{position:relative;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--family-good),color-mix(in srgb,var(--family-good) 42%,var(--family-line)))}
.ta-directory .ta-loading-range i:before,.ta-directory .ta-loading-range i:after{content:'';position:absolute;top:50%;width:7px;height:7px;border:2px solid var(--family-surface);border-radius:50%;background:var(--family-good);box-shadow:0 0 0 1px color-mix(in srgb,var(--family-good) 45%,var(--family-line));transform:translateY(-50%)}
.ta-directory .ta-loading-range i:before{left:-1px}.ta-directory .ta-loading-range i:after{right:-1px}
.ta-directory .ta-loading-step.live .ta-loading-range i{background:linear-gradient(90deg,var(--family-action),color-mix(in srgb,var(--family-action) 28%,var(--family-line)))}
.ta-directory .ta-loading-step.live .ta-loading-range i:before,.ta-directory .ta-loading-step.live .ta-loading-range i:after{background:var(--family-action)}
.ta-directory .ta-loading-step .ta-loading-duration{justify-self:start;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--family-good) 13%,var(--family-surface));color:var(--family-good);font-size:8px;line-height:1.35;white-space:nowrap}
.ta-directory .ta-loading-step.live .ta-loading-duration{background:color-mix(in srgb,var(--family-action) 12%,var(--family-surface));color:var(--family-action)}
@media(max-width:1050px){.ta-directory .ta-branch.ta-has-van-journey>summary{grid-template-columns:minmax(0,1fr) auto}.ta-directory .ta-has-van-journey .ta-branch-meta{grid-column:1}.ta-directory .ta-has-van-journey .ta-van-journey{grid-column:1 / -1;grid-row:auto}.ta-directory .ta-has-van-journey .ta-expand-control{grid-column:2;grid-row:1 / span 2}}
@media(max-width:520px){.ta-directory .ta-van-journey{grid-template-columns:1fr}.ta-directory .ta-journey-step{min-height:46px;border-left:0;border-top:1px solid var(--family-line)}.ta-directory .ta-journey-step:first-child{border-top:0}.ta-directory .ta-expanded-summary dl>div{overflow-wrap:anywhere}}

/* Compact multi-select workstream filter. */
.ta-directory .ta-channel-filter{display:flex;align-items:center;gap:7px;padding:10px 24px;border-top:1px solid var(--family-line);background:var(--family-bg);overflow-x:auto}
.ta-directory .ta-channel-filter>span{margin-right:4px;color:var(--family-muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
.ta-directory .ta-channel-filter button{min-height:36px;padding:7px 11px;border:1px solid var(--family-line);border-radius:999px;background:var(--family-surface);color:var(--family-muted);font:inherit;font-size:12px;font-weight:750;white-space:nowrap;cursor:pointer}
.ta-directory .ta-channel-filter button.active{border-color:var(--family-action);background:color-mix(in srgb,var(--family-action) 11%,var(--family-surface));color:var(--family-action)}
.ta-directory .ta-context-only>.ta-branch{border-left-color:var(--family-good)}.ta-directory .ta-supervisor-context{margin:0 0 8px;color:var(--family-muted);font-size:11px}
@media(max-width:520px){.ta-directory .ta-channel-filter{padding:9px 12px}.ta-directory .ta-channel-filter>span{display:none}}

/* Touch-safe team disclosure and HR profile photos. */
.ta-directory .ta-branch-name{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px}.ta-directory .ta-branch-name>.ta-avatar{grid-row:1;width:38px;height:38px;border-radius:10px}.ta-directory .ta-branch-copy{display:grid;gap:2px;min-width:0}.ta-directory .ta-branch-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ta-directory .ta-branch>summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none}.ta-directory .ta-expand{pointer-events:none}

/* Supervisor review queue stays visible on every employee card. */
.ta-directory .ta-review-state{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;min-height:28px;margin-top:2px;padding:4px 8px;border:1px solid var(--family-line);border-radius:999px;background:var(--family-surface);color:var(--family-muted);font:inherit;font-size:11px;font-weight:750;line-height:1;cursor:pointer;white-space:nowrap}
.ta-directory .ta-review-state b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--family-good-soft);color:var(--family-good);font-size:11px}
.ta-directory .ta-review-state.has-pending{border-color:color-mix(in srgb,var(--family-action) 42%,var(--family-line));background:color-mix(in srgb,var(--family-action) 8%,var(--family-surface));color:var(--family-action)}
.ta-directory .ta-review-state.has-pending b{background:var(--family-action);color:#fff}
.ta-directory .ta-review-state.is-loading,.ta-directory .ta-review-state.is-unavailable{cursor:default}.ta-directory .ta-review-state.is-loading small,.ta-directory .ta-review-state.is-unavailable small{font-size:10px;color:var(--family-muted)}
.ta-directory .ta-review-state:focus-visible{outline:3px solid color-mix(in srgb,var(--family-action) 24%,transparent);outline-offset:2px}
@media(max-width:520px){.ta-directory .ta-review-state{justify-content:flex-start;max-width:100%}}


/* Full-width team directory. Prevent legacy dashboard grids from constraining rows. */
.ta-directory,.ta-directory .ta-roster,.ta-directory .ta-group,.ta-directory .ta-person,.ta-directory .ta-branch{width:100%;max-width:none}
.ta-directory .ta-roster,.ta-directory .ta-group{display:block}
.ta-directory .ta-person{grid-column:1/-1}

/* Sales home alignment: every team row owns the full available content width. */
#managerCommand .ta-directory .ta-roster,#managerCommand .ta-directory .ta-group,#managerCommand .ta-directory .ta-group>.ta-person,#managerCommand .ta-directory .ta-group>.ta-person>.ta-branch,#managerCommand .ta-directory .ta-branch>summary{width:100%!important;max-width:none!important;inline-size:100%!important;float:none!important;clear:both;box-sizing:border-box}
#managerCommand .ta-directory .ta-roster,#managerCommand .ta-directory .ta-group,#managerCommand .ta-directory .ta-group>.ta-person,#managerCommand .ta-directory .ta-group>.ta-person>.ta-branch{display:block!important;grid-template-columns:none!important}
#managerCommand .ta-directory .ta-branch>summary{display:grid!important}

/* Month-to-date finance is shown on every Sales and Van Sales person card. */
.ta-directory .ta-finance-strip{grid-column:1 / -1;display:grid;grid-template-columns:minmax(150px,.8fr) repeat(3,minmax(150px,1fr));align-items:stretch;overflow:hidden;border:1px solid var(--family-line);border-radius:10px;background:var(--family-surface);box-shadow:0 4px 12px color-mix(in srgb,var(--family-ink) 5%,transparent)}
.ta-directory .ta-finance-title,.ta-directory .ta-finance-metric{display:grid;align-content:center;gap:3px;min-height:58px;padding:9px 12px}
.ta-directory .ta-finance-title{background:color-mix(in srgb,var(--family-action) 8%,var(--family-surface));border-right:1px solid var(--family-line)}
.ta-directory .ta-finance-title b{color:var(--family-action);font-size:9px;letter-spacing:.08em}.ta-directory .ta-finance-title small{color:var(--family-muted);font-size:10px}
.ta-directory .ta-finance-metric{position:relative;border-right:1px solid var(--family-line)}.ta-directory .ta-finance-metric:last-child{border-right:0}.ta-directory .ta-finance-metric:before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:var(--family-action)}.ta-directory .ta-finance-metric.collection:before{background:var(--family-good)}.ta-directory .ta-finance-metric.outstanding:before{background:#c57508}
.ta-directory .ta-finance-metric small{color:var(--family-muted);font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.04em}.ta-directory .ta-finance-metric strong{font-size:15px;font-variant-numeric:tabular-nums;white-space:nowrap}
.ta-directory .ta-finance-metric.sales{--ta-finance-tone:#11875d;background:color-mix(in srgb,var(--ta-finance-tone) 10%,var(--family-surface))}
.ta-directory .ta-finance-metric.collection{--ta-finance-tone:#1689b2;background:color-mix(in srgb,var(--ta-finance-tone) 10%,var(--family-surface))}
.ta-directory .ta-finance-metric.outstanding{--ta-finance-tone:#d66a0a;background:color-mix(in srgb,var(--ta-finance-tone) 11%,var(--family-surface))}
.ta-directory .ta-finance-metric:is(.sales,.collection,.outstanding):before{background:var(--ta-finance-tone)}
.ta-directory .ta-finance-metric:is(.sales,.collection,.outstanding) small{color:var(--ta-finance-tone)}
.ta-directory .ta-finance-metric:is(.sales,.collection,.outstanding) strong{color:color-mix(in srgb,var(--ta-finance-tone) 78%,var(--family-ink));font-size:16px}
.ta-directory .ta-finance-strip.is-loading,.ta-directory .ta-finance-strip.is-empty{grid-template-columns:1fr;border-style:dashed;box-shadow:none}.ta-directory .ta-finance-strip.is-loading .ta-finance-title,.ta-directory .ta-finance-strip.is-empty .ta-finance-title{border-right:0;min-height:44px}
@media(max-width:760px){.ta-directory .ta-finance-strip{grid-template-columns:1fr 1fr}.ta-directory .ta-finance-title{grid-column:1 / -1;border-right:0;border-bottom:1px solid var(--family-line);min-height:44px}.ta-directory .ta-finance-metric:nth-last-child(1){grid-column:1 / -1;border-top:1px solid var(--family-line);border-right:0}.ta-directory .ta-finance-metric strong{font-size:14px}}

/* Van Sales summary: calm hierarchy, one linear journey, details on demand. */
.ta-directory .ta-branch.ta-has-van-journey{border:1px solid var(--family-line);border-left:4px solid #0b6f58;border-radius:12px;box-shadow:0 5px 16px color-mix(in srgb,var(--family-ink) 5%,transparent)}
.ta-directory .ta-branch.ta-has-van-journey>summary{grid-template-columns:minmax(220px,1fr) minmax(250px,auto) auto;gap:12px 18px;padding:16px;background:var(--family-surface)}
.ta-directory .ta-has-van-journey .ta-branch-meta{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px 12px;text-align:right}
.ta-directory .ta-has-van-journey .ta-branch-meta>span:not(.ta-status){font-weight:700}.ta-directory .ta-has-van-journey .ta-branch-meta>span:not(.ta-status)>small{display:none}
.ta-directory .ta-has-van-journey .ta-review-state{margin:0}.ta-directory .ta-has-van-journey .ta-expand-control{grid-column:3;grid-row:1;align-self:center}
.ta-directory .ta-has-van-journey .ta-van-journey{grid-column:1 / -1;grid-row:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid var(--family-line);border-radius:10px;background:var(--family-bg);box-shadow:none}
.ta-directory .ta-has-van-journey .ta-journey-step{min-height:52px;padding:8px 28px 8px 34px;border:0;border-right:1px solid var(--family-line);background:transparent}
.ta-directory .ta-has-van-journey .ta-journey-step:last-child{border-right:0}.ta-directory .ta-has-van-journey .ta-journey-step:before{left:16px;top:22px;width:7px;height:7px}
.ta-directory .ta-has-van-journey .ta-journey-step:not(:last-child):after{content:'›';position:absolute;right:10px;top:50%;translate:0 -50%;color:var(--family-muted);font-size:19px;font-weight:400}
.ta-directory .ta-has-van-journey .ta-journey-step small{font-size:9px;letter-spacing:.06em}.ta-directory .ta-has-van-journey .ta-journey-step strong{font-size:13px}.ta-directory .ta-has-van-journey .ta-journey-step>em{display:none}
.ta-directory .ta-has-van-journey .ta-finance-strip{grid-column:1 / -1;margin:0;box-shadow:none}.ta-directory .ta-has-van-journey .ta-finance-title,.ta-directory .ta-has-van-journey .ta-finance-metric{min-height:54px}
.ta-directory .ta-has-van-journey .ta-team-summary{grid-column:1 / -1}
.ta-directory .ta-has-van-journey[open]>summary{border-bottom:1px solid var(--family-line)}
@media(max-width:860px){.ta-directory .ta-branch.ta-has-van-journey>summary{grid-template-columns:minmax(0,1fr) auto}.ta-directory .ta-has-van-journey .ta-branch-meta{grid-column:1;justify-content:flex-start;text-align:left}.ta-directory .ta-has-van-journey .ta-expand-control{grid-column:2;grid-row:1 / span 2}.ta-directory .ta-has-van-journey .ta-van-journey,.ta-directory .ta-has-van-journey .ta-finance-strip{grid-column:1 / -1}}
@media(max-width:520px){.ta-directory .ta-branch.ta-has-van-journey>summary{padding:13px;gap:10px}.ta-directory .ta-has-van-journey .ta-branch-meta{gap:6px 9px}.ta-directory .ta-has-van-journey .ta-review-state{width:auto}.ta-directory .ta-has-van-journey .ta-van-journey{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ta-directory .ta-has-van-journey .ta-journey-step{min-height:50px;border:0;border-bottom:1px solid var(--family-line)}.ta-directory .ta-has-van-journey .ta-journey-step:nth-child(odd){border-right:1px solid var(--family-line)}.ta-directory .ta-has-van-journey .ta-journey-step:nth-last-child(-n+2){border-bottom:0}.ta-directory .ta-has-van-journey .ta-journey-step:after{display:none}}

/* Supervisor cards v393: clear identity, operations, team and finance hierarchy. */
.ta-directory .ta-branch.ta-has-team{position:relative;border:1px solid var(--family-line);border-left:1px solid var(--family-line);border-radius:16px;background:var(--family-surface);box-shadow:0 8px 24px color-mix(in srgb,var(--family-ink) 6%,transparent);overflow:hidden}
.ta-directory .ta-branch.ta-has-team:before{content:'';position:absolute;z-index:2;inset:0 auto 0 0;width:4px;background:var(--family-action)}
.ta-directory .ta-has-team>summary{display:grid!important;grid-template-columns:minmax(240px,1.2fr) minmax(290px,.9fr) auto;grid-template-areas:'identity meta action' 'team team team' 'finance finance finance';align-items:center;gap:14px 24px;min-height:0;padding:18px 20px 16px 22px;background:var(--family-surface);transition:background-color .18s ease-out}
.ta-directory .ta-has-team>summary:hover{background:color-mix(in srgb,var(--family-bg) 55%,var(--family-surface))}
.ta-directory .ta-has-team[open]>summary{background:var(--family-surface);border-bottom:0}
.ta-directory .ta-has-team .ta-branch-name{grid-area:identity;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px}
.ta-directory .ta-has-team .ta-branch-name>.ta-avatar{width:46px;height:46px;border-radius:13px;background:var(--family-bg);box-shadow:inset 0 0 0 1px var(--family-line)}
.ta-directory .ta-has-team .ta-branch-copy{gap:3px}
.ta-directory .ta-has-team .ta-branch-copy>small:first-child{color:var(--family-muted);font-size:10px;font-weight:800;letter-spacing:.055em;text-transform:uppercase}
.ta-directory .ta-has-team .ta-branch-copy>strong{font-size:17px;line-height:1.3;letter-spacing:-.01em}
.ta-directory .ta-has-team .ta-branch-copy>small:last-child{font-size:11px}
.ta-directory .ta-has-team .ta-branch-meta{grid-area:meta;display:flex;align-items:center;justify-content:flex-end;justify-items:unset;flex-wrap:wrap;gap:8px 14px;text-align:right}
.ta-directory .ta-has-team .ta-branch-meta>span:not(.ta-status){font-size:13px;font-weight:750;font-variant-numeric:tabular-nums}
.ta-directory .ta-has-team .ta-branch-meta>span:not(.ta-status)>small{margin-top:2px;font-size:10px;font-weight:500}
.ta-directory .ta-has-team .ta-status{padding:5px 9px;border-radius:999px;font-size:11px}
.ta-directory .ta-has-team .ta-review-state{margin:0;min-height:32px;background:var(--family-bg)}
.ta-directory .ta-has-team .ta-team-summary{grid-area:team;grid-column:1/-1!important;display:flex;align-items:center;gap:14px;width:100%;min-width:0;min-height:48px;padding:9px 12px;border:1px solid var(--family-line);border-left:0;border-radius:10px;background:var(--family-bg);color:var(--family-ink)}
.ta-directory .ta-has-team .ta-team-summary:before{content:'';align-self:stretch;width:3px;flex:0 0 3px;border-radius:999px;background:var(--family-good)}
.ta-directory .ta-team-summary-label{display:flex;align-items:center;gap:8px;padding-right:14px;border-right:1px solid var(--family-line);white-space:nowrap}
.ta-directory .ta-team-summary-label small{color:var(--family-muted);font-size:9px;font-weight:850;letter-spacing:.055em}
.ta-directory .ta-team-summary-label strong{color:var(--family-ink);font-size:12px}
.ta-directory .ta-team-summary-text{overflow:hidden;color:var(--family-muted);font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.ta-directory .ta-has-team .ta-expand-control{grid-area:action;align-self:center;display:flex;justify-content:flex-end;gap:9px;min-width:106px;padding-left:16px;border-left:1px solid var(--family-line);color:var(--family-action)}
.ta-directory .ta-has-team .ta-expand-label{font-size:11px;font-weight:800}
.ta-directory .ta-has-team .ta-expand{width:40px;height:40px;flex-basis:40px;border-radius:10px}
.ta-directory .ta-has-team .ta-finance-strip{grid-area:finance;grid-column:1/-1!important;display:grid;width:100%;grid-template-columns:minmax(150px,.72fr) repeat(3,minmax(150px,1fr));gap:8px;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
.ta-directory .ta-has-team .ta-finance-title,.ta-directory .ta-has-team .ta-finance-metric{min-height:64px;padding:11px 13px;border:1px solid var(--family-line);border-radius:10px;background:var(--family-surface)}
.ta-directory .ta-has-team .ta-finance-title{border-right:1px solid var(--family-line);background:var(--family-bg)}
.ta-directory .ta-has-team .ta-finance-title b{font-size:9px;letter-spacing:.075em}
.ta-directory .ta-has-team .ta-finance-metric{border-right:1px solid var(--family-line)}
.ta-directory .ta-has-team .ta-finance-metric:is(.sales,.collection,.outstanding){background:var(--family-surface)}
.ta-directory .ta-has-team .ta-finance-metric:before{inset:0 0 auto 0;width:auto;height:3px;border-radius:10px 10px 0 0}
.ta-directory .ta-has-team .ta-finance-metric:is(.sales,.collection,.outstanding) strong{color:var(--family-ink);font-size:16px;letter-spacing:-.01em}
.ta-directory .ta-has-team .ta-finance-strip:is(.is-loading,.is-empty){grid-template-columns:1fr}
.ta-directory .ta-has-team .ta-finance-strip:is(.is-loading,.is-empty) .ta-finance-title{min-height:48px;border:1px dashed var(--family-line)}
.ta-directory .ta-has-team .ta-branch-content{padding:16px 18px 18px;background:var(--family-bg)}
.ta-directory .ta-branch-sales:not(.ta-has-van-journey){border-color:var(--family-line);background:var(--family-surface);box-shadow:0 6px 18px color-mix(in srgb,var(--family-ink) 4%,transparent)}
.ta-directory .ta-branch-sales:not(.ta-has-van-journey)>summary{background:var(--family-surface)}
@media(max-width:940px){.ta-directory .ta-has-team>summary{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'identity action' 'meta meta' 'team team' 'finance finance';gap:12px 16px}.ta-directory .ta-has-team .ta-branch-meta{justify-content:flex-start;text-align:left}.ta-directory .ta-has-team .ta-expand-control{grid-row:1;min-width:94px}.ta-directory .ta-has-team .ta-finance-strip{grid-template-columns:minmax(140px,.65fr) repeat(3,minmax(125px,1fr))}}
@media(max-width:700px){.ta-directory .ta-has-team>summary{padding:15px 14px 14px 17px}.ta-directory .ta-has-team .ta-team-summary{align-items:flex-start;flex-direction:column;gap:6px}.ta-directory .ta-team-summary-label{width:100%;padding:0 0 7px;border-right:0;border-bottom:1px solid var(--family-line)}.ta-directory .ta-team-summary-text{width:100%;white-space:normal}.ta-directory .ta-has-team .ta-finance-strip{grid-template-columns:1fr 1fr}.ta-directory .ta-has-team .ta-finance-title{grid-column:1/-1;min-height:48px}.ta-directory .ta-has-team .ta-finance-metric:nth-last-child(1){grid-column:1/-1}.ta-directory .ta-has-team .ta-finance-title,.ta-directory .ta-has-team .ta-finance-metric{min-height:58px}.ta-directory .ta-has-team .ta-expand-control{min-width:44px;padding-left:10px}.ta-directory .ta-has-team .ta-expand-label{display:none}}
@media(max-width:420px){.ta-directory .ta-has-team .ta-branch-name>.ta-avatar{width:42px;height:42px}.ta-directory .ta-has-team .ta-branch-copy>strong{font-size:15px}.ta-directory .ta-has-team .ta-branch-meta{gap:7px 10px}.ta-directory .ta-has-team .ta-finance-strip{gap:6px}.ta-directory .ta-has-team .ta-finance-title,.ta-directory .ta-has-team .ta-finance-metric{padding:10px}.ta-directory .ta-has-team .ta-finance-metric:is(.sales,.collection,.outstanding) strong{font-size:14px}}

button.merch-activity-visit{width:100%;min-height:64px;text-align:left;background:var(--surface);color:var(--ink);font:inherit;cursor:pointer}button.merch-activity-visit:hover{background:var(--surface-soft)}button.merch-activity-visit:focus-visible{outline:3px solid var(--authority);outline-offset:2px}.merch-activity-visit>span{min-width:0}.merch-activity-visit strong{overflow-wrap:anywhere}.merch-activity-visit>b{flex-shrink:0}.merch-activity-visit>b>small{display:block;margin-top:6px;color:var(--authority)}


/* discussion-routing.css */
/* Scoped to Discussion. Shared family tokens keep Sales and Merch visually consistent. */
.dr-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.dr-tabs button{display:flex;gap:8px;align-items:center;min-height:44px;padding:8px 12px;border:1px solid var(--family-line);border-radius:8px;background:var(--family-surface);color:var(--family-ink);font:inherit;cursor:pointer}.dr-tabs button[aria-pressed=true]{background:var(--family-action-soft);color:var(--family-action);border-color:var(--family-action)}.dr-tabs button span{font-size:12px}.dr-list{display:block!important;border:1px solid var(--family-line);border-radius:12px;overflow:hidden;background:var(--family-surface)}.dr-thread{display:flex;justify-content:space-between;gap:20px;width:100%;text-align:left;padding:20px;border:0;border-bottom:1px solid var(--family-line);background:var(--family-surface);color:var(--family-ink);font:inherit;cursor:pointer}.dr-thread:last-child{border-bottom:0}.dr-thread:hover{background:var(--family-bg)}.dr-unread{border-left:3px solid var(--family-action)}.dr-main{min-width:0;display:grid;gap:6px;overflow-wrap:anywhere}.dr-main strong{font-size:16px;line-height:1.45}.dr-main>span{font-size:14px}.dr-main p{font-size:14px;line-height:1.5;color:var(--family-muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dr-main small,.dr-side small,.dr-muted{font-size:13px;color:var(--family-muted);line-height:1.5}.dr-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.dr-badge{display:inline-block;padding:4px 8px;border-radius:6px;background:var(--family-action-soft);color:var(--family-action);font-size:12px}.dr-compose,.dr-tracking{color:var(--family-ink);font-size:16px;line-height:1.5}.dr-compose label:not(.dr-person){display:grid;gap:6px;margin-top:16px}.dr-compose input:not([type=checkbox]),.dr-compose select,.dr-compose textarea{box-sizing:border-box;width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--family-line);border-radius:8px;background:var(--family-surface);color:var(--family-ink);font-size:16px}.dr-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.dr-compose h3,.dr-tracking h3{font-size:18px;line-height:1.45;margin:16px 0 4px}.dr-compose small,.dr-tracking small{display:block;color:var(--family-muted);font-size:13px;line-height:1.5}.dr-person{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 0;cursor:pointer;border-bottom:1px solid var(--family-line)}.dr-person input{width:20px;height:20px;flex-shrink:0;accent-color:var(--family-action)}.dr-person span{min-width:0;overflow-wrap:anywhere;font-size:14px}.dr-context{display:grid;gap:6px;padding:16px;background:var(--family-bg);border-radius:8px}.dr-selected{padding:12px 0}.dr-selected>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0}.dr-selected button{min-height:44px;background:var(--family-action-soft);color:var(--family-action);border:1px solid var(--family-line);padding:6px 10px;border-radius:8px;cursor:pointer}.dr-error{color:var(--family-action)}.dr-compose details,.dr-tracking details,.dr-visit-context{margin:16px 0;border-top:1px solid var(--family-line);padding-top:8px}.dr-compose summary,.dr-tracking summary,.dr-visit-context>summary{padding:12px 0;min-height:44px;cursor:pointer;font-size:15px;color:var(--family-ink)}.dr-progress{display:flex;gap:16px;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--family-line)}.dr-progress strong{font-size:14px;font-weight:600}.dr-tracking p{margin:8px 0;font-size:14px;overflow-wrap:anywhere}.dr-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.dr-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.dr-actions button{min-height:44px;width:auto;font-size:14px;padding:10px 16px}.dr-modal{max-width:800px!important}.inbox-thread-modal .discussion-conversation-section{margin-top:16px}.inbox-thread-modal .inbox-message p{font-size:15px;line-height:1.6}.inbox-thread-modal .discussion-section-heading h3{font-size:18px}.inbox-thread-modal .discussion-section-heading p{font-size:13px}.dr-thread:active,.dr-tabs button:active{opacity:.8}@media(max-width:600px){.dr-thread{flex-direction:column;gap:12px;padding:16px}.dr-side{flex-direction:row;align-items:center;flex-wrap:wrap;flex-shrink:1}.dr-columns{grid-template-columns:1fr;gap:8px}.dr-progress{flex-direction:column;gap:4px}.dr-actions button{flex:1 1 180px}.dr-tabs button{flex:1 1 auto}.dr-main strong{font-size:16px}}

#screen-inbox [hidden]{display:none!important}

.dr-recipient-groups{display:grid;gap:12px;margin-top:16px}.dr-recipient-group{border:1px solid var(--family-line);border-radius:10px;padding:12px 14px}.dr-compose .dr-recipient-group h3{margin:0 0 4px;font-size:16px}.dr-recipient-group h3 span{font-size:12px;color:var(--family-muted);margin-left:6px}.dr-recipient-group[data-recipient-group=TO]{border-left:3px solid var(--family-action)}.dr-recipient-group[data-recipient-group=CC]{border-left:3px solid var(--family-good)}.dr-recipient-empty{font-size:13px;color:var(--family-muted);margin:12px 0 0}.dr-recipient-chip,.dr-recipient-result{display:flex;align-items:center;gap:8px;padding:8px 0}.dr-recipient-chip>span,.dr-recipient-result>span{flex:1;min-width:0;overflow-wrap:anywhere}.dr-recipient-chip strong,.dr-recipient-result strong{font-size:14px}.dr-recipient-chip button,.dr-recipient-result button{min-height:44px;min-width:44px;border:1px solid var(--family-line);border-radius:8px;padding:8px 10px;font:inherit;font-size:13px;background:var(--family-surface);color:var(--family-ink);cursor:pointer}.dr-recipient-result>div{display:flex;gap:8px}.dr-results:not(:empty){margin-top:8px;border:1px solid var(--family-line);border-radius:8px;padding:0 12px}.dr-recipient-result+.dr-recipient-result{border-top:1px solid var(--family-line)}.dr-compose button:focus-visible{outline:2px solid var(--family-action);outline-offset:2px}.dr-compose button:hover{background:var(--family-bg)}
@media(max-width:450px){.dr-recipient-result{flex-wrap:wrap}.dr-recipient-result>span{flex-basis:100%}.dr-recipient-chip{flex-wrap:wrap}.dr-recipient-chip>span{flex-basis:100%}}


/* Professional discussion forms and quieter list hierarchy. */
#screen-inbox .dr-tabs{padding:5px;border:1px solid var(--family-line);border-radius:12px;background:var(--family-bg)}
#screen-inbox .dr-tabs button{flex:1 1 120px;justify-content:center;border-color:transparent;background:transparent;font-weight:700}
#screen-inbox .dr-tabs button[aria-pressed=true]{border-color:var(--family-action);background:var(--family-surface);box-shadow:0 2px 8px color-mix(in srgb,var(--family-ink) 8%,transparent)}
#screen-inbox .dr-thread{min-height:112px;padding:17px 18px}.dr-thread .dr-badge{font-weight:800}.dr-thread.dr-unread{background:color-mix(in srgb,var(--family-action) 4%,var(--family-surface))}
.dr-modal .dr-compose{display:grid;gap:14px}.dr-modal .dr-context{padding:14px 16px;border:1px solid var(--family-line);border-left:4px solid var(--family-action);border-radius:12px;background:var(--family-bg)}
.dr-modal .dr-compose>label{margin:0!important;font-size:13px;font-weight:750}.dr-modal .dr-compose>label>input,.dr-modal .dr-compose>label>textarea,.dr-modal .dr-compose>label>select{margin-top:2px;border-radius:10px}
.dr-modal .dr-compose details{margin:0;padding:0 14px 10px;border:1px solid var(--family-line);border-radius:12px;background:var(--family-bg)}
.dr-modal .dr-compose details>summary{font-weight:750}.dr-modal .dr-recipient-groups{margin:0}.dr-modal .dr-recipient-group{background:var(--family-surface)}
.dr-tracking{padding:14px 16px;border:1px solid var(--family-line);border-radius:14px;background:var(--family-surface)}
.dr-tracking .dr-heading h3{margin:0}.dr-tracking>.dr-actions{padding-top:4px}
@media(max-width:600px){#screen-inbox .dr-tabs{gap:4px}#screen-inbox .dr-tabs button{flex-basis:calc(50% - 4px);padding-inline:8px}.dr-modal .dr-compose{gap:10px}}


/* sales-coverage.css */
.sc-period,.customer-coverage-section{background:var(--family-surface);border:1px solid var(--family-line);border-radius:12px;padding:20px;margin-bottom:16px;color:var(--family-ink)}.sc-period h2{font-size:20px;margin:4px 0}.sc-period small,.sc-period header span{font-size:13px;color:var(--family-muted)}.sc-presets{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.sc-period button{min-height:44px;padding:10px 14px;border:1px solid var(--family-line);background:var(--family-surface);border-radius:8px;color:var(--family-ink);font:inherit;cursor:pointer}.sc-period button:hover{background:var(--family-action-soft)}.sc-period form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.sc-period label{display:grid;gap:6px;flex:1 1 180px;font-size:14px}.sc-period input{min-height:44px;min-width:0;width:100%;box-sizing:border-box;font-size:16px;padding:8px;border-radius:8px;border:1px solid var(--family-line);background:var(--family-surface);color:var(--family-ink)}.sc-period button[type=submit]{background:var(--family-action);color:var(--family-on-action)}#scError{color:var(--family-action);font-size:14px;margin:8px 0 0}.customer-coverage-metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--family-line);border-radius:8px;margin:16px 0;background:var(--family-bg)}.customer-coverage-metrics>div{padding:12px;border-right:1px solid var(--family-line)}.customer-coverage-metrics>div:last-child{border:0}.customer-coverage-metrics strong{font-size:20px;display:block}.customer-coverage-metrics small{font-size:12px;color:var(--family-muted)}.customer-coverage-list,.customer-coverage-visit-list{display:grid;gap:8px}.customer-coverage-row,.customer-coverage-visit{display:flex;align-items:center;gap:12px;width:100%;padding:14px;border:1px solid var(--family-line);border-radius:8px;background:var(--family-surface);color:var(--family-ink);text-align:left;cursor:pointer;min-height:60px}.customer-coverage-row:hover,.customer-coverage-visit:hover{background:var(--family-bg)}.customer-coverage-copy,.customer-coverage-visit-copy{display:grid;gap:4px;flex:1;min-width:0;overflow-wrap:anywhere}.customer-coverage-copy strong,.customer-coverage-visit-copy strong{font-size:14px;line-height:1.5}.customer-coverage-copy small,.customer-coverage-copy em,.customer-coverage-result small,.customer-coverage-result em,.customer-coverage-visit small,.customer-coverage-visit em{font-size:12px;color:var(--family-muted);font-style:normal;line-height:1.5}.customer-coverage-copy em{display:flex;gap:6px;align-items:center}.customer-coverage-copy svg,.customer-coverage-open svg,.customer-coverage-visit svg{width:16px;height:16px}.customer-coverage-rank,.customer-coverage-visit-index{font-size:12px;background:var(--family-bg);border-radius:8px;padding:10px}.customer-coverage-result,.customer-coverage-visit-result{display:grid;text-align:right;flex-shrink:0}.customer-coverage-result strong{font-size:18px}.customer-coverage-modal-summary{display:flex;gap:12px;margin:16px 0}.customer-coverage-modal-summary>svg{width:24px}.customer-coverage-modal-summary div{display:grid;gap:4px}.sc-existing>summary{cursor:pointer;min-height:44px;padding:12px;font-size:16px;color:var(--family-ink)}@media(max-width:600px){.sc-period,.customer-coverage-section{padding:16px}.customer-coverage-metrics{grid-template-columns:repeat(2,1fr)}.customer-coverage-row{flex-wrap:wrap}.customer-coverage-copy{flex-basis:calc(100% - 55px)}.customer-coverage-result{margin-left:45px;text-align:left}.customer-coverage-open{margin-left:auto}.sc-period form button{width:100%}.customer-coverage-section .report-block-heading{display:block}.customer-coverage-section .report-block-heading h2{font-size:18px}.customer-coverage-section .report-block-heading p{font-size:13px}}


/* customer-presentation.css */
/* Customer 360 only. Explicit scope isolates legacy report cascade. */
#historyDetail .customer-refined{--cp-bg:#fff;--cp-ink:#172b3a;--cp-muted:#526474;--cp-line:#dce3e9;--cp-soft:#f4f6f8;--cp-accent:#bd1232;color:var(--cp-ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5;width:100%;max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:16px}
[data-theme=dark] #historyDetail .customer-refined{--cp-bg:#1a2632;--cp-ink:#f0f4f8;--cp-muted:#b4c2ce;--cp-line:#3b4b59;--cp-soft:#121b24;--cp-accent:#ff8198}
#historyDetail .customer-refined *{box-sizing:border-box;min-width:0;text-shadow:none!important;letter-spacing:normal}
#historyDetail .customer-refined :is(.customer-report-summary,.customer-period-overview,.customer-visit-history){background:var(--cp-bg)!important;background-image:none!important;color:var(--cp-ink)!important;border:1px solid var(--cp-line)!important;border-radius:12px!important;padding:24px!important;box-shadow:none!important;margin:0!important;overflow:visible}
#historyDetail .customer-refined .customer-report-summary{border-top:3px solid var(--cp-accent)!important;display:flex;flex-direction:column}
#historyDetail .customer-refined :is(h2,h3,strong){color:var(--cp-ink)!important;text-transform:none!important}
#historyDetail .customer-refined h2{font-size:22px!important;line-height:1.35!important;font-weight:700!important;margin:0;overflow-wrap:anywhere;white-space:normal!important}
#historyDetail .customer-refined .customer-summary-identity h2{font-size:26px!important}
#historyDetail .customer-refined :is(p,em){color:var(--cp-muted)!important;font-size:14px!important;line-height:1.5;font-style:normal}
#historyDetail .customer-refined small{font-size:13px!important;line-height:1.5;color:var(--cp-muted)!important;text-transform:none!important;white-space:normal!important}
#historyDetail .customer-refined .eyebrow{font-size:12px!important;font-weight:700!important;color:var(--cp-muted)!important;letter-spacing:.8px!important}
#historyDetail .customer-refined button{font-size:14px!important;min-height:44px!important;line-height:1.45!important;cursor:pointer;white-space:normal;color:var(--cp-ink);text-align:left}
#historyDetail .customer-refined :is(button,input,summary):focus-visible{outline:3px solid #4e8abc;outline-offset:3px}
#historyDetail .customer-refined svg{width:18px!important;height:18px!important;flex-shrink:0}
#historyDetail .customer-refined .customer-report-toolbar{border:0;padding:0;margin:0 0 22px;display:flex}
#historyDetail .customer-refined .report-back{background:var(--cp-bg)!important;border:0!important;color:var(--cp-accent)!important;padding:0!important;min-height:44px}
#historyDetail .customer-refined .customer-code-badge{display:none}
#historyDetail .customer-refined .customer-summary-identity{display:block;padding:0 0 20px;margin:0;background:transparent;border:0}
#historyDetail .customer-refined .customer-summary-identity p{margin:12px 0 0}
#historyDetail .customer-refined .wl-followup-label{display:flex;align-items:center;justify-content:flex-start;gap:16px;background:var(--cp-bg)!important;color:var(--cp-ink)!important;border:0!important;border-top:1px solid var(--cp-line)!important;border-radius:0!important;box-shadow:none!important;padding:18px 0!important;min-height:90px!important;width:100%;margin:0!important;text-align:left!important}
#historyDetail .customer-refined .wl-followup-label>span{display:grid;gap:5px}
#historyDetail .customer-refined .wl-followup-label strong{font-size:16px!important;font-weight:600}
#historyDetail .customer-refined .cf-last-visit{order:0}
#historyDetail .customer-refined .cp-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
#historyDetail .customer-refined .cp-actions button{padding:11px 16px;border:1px solid var(--cp-line);border-radius:8px;background:var(--cp-bg);color:var(--cp-ink);text-align:center}
#historyDetail .customer-refined .cp-actions .cp-primary{background:#bd1232;color:#fff;border-color:#bd1232}
#historyDetail .customer-refined [hidden]{display:none!important}
#historyDetail .customer-refined .report-block-heading{margin:0 0 18px;padding:0;border:0;gap:12px;flex-wrap:wrap}
#historyDetail .customer-refined .data-source-badge{font-size:12px!important;background:var(--cp-soft);color:var(--cp-muted);padding:5px 8px}
#historyDetail .customer-refined .customer-inline-range{display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:0;margin:0 0 20px}
#historyDetail .customer-refined .customer-inline-range label{display:grid;gap:6px;font-size:13px!important;color:var(--cp-muted)!important}
#historyDetail .customer-refined .customer-inline-range :is(input,button){font:inherit!important;font-size:16px!important;color:var(--cp-ink)!important;background:var(--cp-bg)!important;border:1px solid var(--cp-line);border-radius:8px;padding:10px;min-height:44px}
#historyDetail .customer-refined .customer-overview-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:0;border:0!important;border-top:1px solid var(--cp-line)!important;border-radius:0;background:transparent;padding:18px 0 0}
#historyDetail .customer-refined .customer-overview-metrics>div{padding:8px 16px 8px 0;border:0!important;background:transparent!important;min-height:0}
#historyDetail .customer-refined .customer-overview-metrics strong{font-size:24px!important;line-height:1.3}
#historyDetail .customer-refined .customer-overview-metrics span{font-size:14px!important;color:var(--cp-muted)!important;text-transform:none}
#historyDetail .customer-refined .customer-kpi-row{font-size:13px;padding:14px 0 0;color:var(--cp-muted);border:0}
#historyDetail .customer-refined .customer-kpi-row :is(span,b){font-size:12px!important}
#historyDetail .customer-refined .customer-history-visit{display:flex!important;gap:16px;padding:20px 0!important;border:0!important;border-top:1px solid var(--cp-line)!important;border-radius:0!important;background:var(--cp-bg)!important;box-shadow:none!important;width:100%}
#historyDetail .customer-refined .visit-sequence{display:none}
#historyDetail .customer-refined .customer-history-main{display:block;width:100%}
#historyDetail .customer-refined .customer-history-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
#historyDetail .customer-refined .customer-history-top strong{font-size:17px!important;display:block;margin:4px 0}
#historyDetail .customer-refined .customer-history-top em{font-size:13px!important;display:block}
#historyDetail .customer-refined .visit-state{font-size:12px!important;align-self:flex-start;padding:5px 8px}
#historyDetail .customer-refined .customer-history-facts{display:flex;gap:24px;flex-wrap:wrap;margin:16px 0;border:0!important;background:transparent!important}
#historyDetail .customer-refined .customer-history-facts>span{display:flex;align-items:center;gap:6px;border:0;padding:0;background:transparent}
#historyDetail .customer-refined .customer-history-facts b{font-size:14px!important}
#historyDetail .customer-refined .customer-history-open{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:0;color:var(--cp-accent)!important}
#historyDetail .customer-refined .customer-history-open strong{font-size:14px!important;color:var(--cp-accent)!important}
#historyDetail .customer-refined .customer-downloads{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin:16px 0 0;border-top:1px solid var(--cp-line);padding-top:16px}
#historyDetail .customer-refined .customer-downloads button{background:var(--cp-bg)!important;color:var(--cp-muted)!important;border:1px solid var(--cp-line)!important;padding:10px 14px;box-shadow:none!important}
#historyDetail .customer-refined .customer-downloads strong{font-size:13px!important;color:var(--cp-muted)!important}
#historyDetail .customer-refined .customer-downloads small{display:none}
#historyDetail .customer-refined .customer-extra-metrics{padding:16px 24px;background:var(--cp-bg);border:1px solid var(--cp-line);border-radius:12px}
#historyDetail .customer-refined .customer-extra-metrics summary{font-size:14px;min-height:44px;cursor:pointer;display:list-item;padding:10px 0;color:var(--cp-muted)}
#historyDetail .customer-refined .customer-context-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;border:0;background:transparent;padding:12px 0}
#historyDetail .customer-refined .customer-context-strip>span{border:0;background:var(--cp-soft);padding:12px}
#historyDetail .customer-refined .customer-context-strip strong{font-size:15px!important;white-space:normal!important}
#historyDetail .customer-refined .customer-history-source-filter{display:flex;flex-wrap:wrap;gap:8px}
#historyDetail .customer-refined .customer-history-source-filter button{min-width:0;flex:1 1 120px;font-size:14px!important;background:var(--cp-bg);color:var(--cp-ink)}
@media(max-width:600px){#historyDetail .customer-refined :is(.customer-report-summary,.customer-period-overview,.customer-visit-history){padding:18px!important}#historyDetail .customer-refined .customer-summary-identity h2{font-size:22px!important}#historyDetail .customer-refined .customer-overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}#historyDetail .customer-refined .customer-inline-range label{flex:1 1 120px}#historyDetail .customer-refined .customer-inline-range input{width:100%;max-width:100%}#historyDetail .customer-refined .cp-actions button{flex:1 1 140px}#historyDetail .customer-refined .customer-history-facts{gap:12px}#historyDetail .customer-refined .customer-history-facts>span{flex:1 1 120px}}

#historyDetail .customer-refined *{font-family:Arial,Helvetica,sans-serif!important}
#historyDetail .customer-refined .customer-history-facts,#historyDetail .customer-refined .customer-history-kpis{min-height:0!important;height:auto!important}
#historyDetail .customer-refined .customer-history-open{min-height:44px!important}
#historyDetail .customer-refined .customer-downloads button{flex:0 1 auto!important;width:auto!important;min-width:120px!important;max-width:none!important;text-align:center!important;justify-content:center!important}
#historyDetail .customer-refined .customer-downloads button strong{white-space:nowrap!important}
#historyDetail .customer-refined .timeline-heading>span{font-size:13px!important;color:var(--cp-muted)!important}

/* Unified Customer 360: one clear surface, one source of truth, progressive detail. */
#historyDetail .customer-refined{display:block;gap:0;background:var(--cp-bg);border:1px solid var(--cp-line);border-radius:16px;overflow:hidden}
#historyDetail .customer-refined :is(.customer-report-summary,.customer-period-overview,.customer-visit-history,.customer-extra-metrics){border:0!important;border-bottom:1px solid var(--cp-line)!important;border-radius:0!important;padding:24px!important}
#historyDetail .customer-refined .customer-report-summary{border-top:4px solid var(--cp-accent)!important}
#historyDetail .customer-refined .customer-extra-metrics{border-bottom:0!important}
#historyDetail .customer-refined .customer-overview-metrics{grid-template-columns:repeat(4,minmax(0,1fr));padding-top:16px}
#historyDetail .customer-refined .customer-overview-metrics>div{padding:10px 18px;border-right:1px solid var(--cp-line)!important}
#historyDetail .customer-refined .customer-overview-metrics>div:first-child{padding-left:0}
#historyDetail .customer-refined .customer-overview-metrics>div:last-child{border-right:0!important}
#historyDetail .customer-refined .customer-history-warning{display:flex;align-items:center;gap:12px;padding:14px 16px;margin:0 0 18px;border:1px solid #d49a37;border-radius:10px;background:#fff8e8;color:#6d4a0b}
[data-theme=dark] #historyDetail .customer-refined .customer-history-warning{background:#332910;color:#ffdc91;border-color:#8a6826}
#historyDetail .customer-refined .customer-history-warning svg{width:22px!important;height:22px!important}
#historyDetail .customer-refined .customer-history-warning span{display:grid;gap:2px}
#historyDetail .customer-refined .customer-history-warning small{color:inherit!important}
#historyDetail .customer-refined .customer-history-source-filter{padding:4px;margin:0 0 8px;background:var(--cp-soft);border-radius:10px}
#historyDetail .customer-refined .customer-history-source-filter button{border:0!important;border-radius:8px!important;background:transparent!important;justify-content:space-between;padding:10px 12px!important;min-height:44px!important}
#historyDetail .customer-refined .customer-history-source-filter button.active{background:var(--cp-bg)!important;color:var(--cp-accent)!important;box-shadow:0 1px 3px rgba(15,35,50,.12)}
#historyDetail .customer-refined .customer-history-kpis{display:none!important}
#historyDetail .customer-refined .customer-history-visit{transition:background-color .18s ease,border-color .18s ease}
#historyDetail .customer-refined .customer-history-visit:hover{background:var(--cp-soft)!important}
#historyDetail .customer-refined .customer-history-visit:active{background:var(--cp-soft)!important}
#historyDetail .customer-refined .customer-history-open small{display:none}
#historyDetail .customer-refined .customer-downloads{justify-content:flex-start}
#historyDetail .customer-refined .customer-downloads button{background:transparent!important}
@media(max-width:700px){#historyDetail .customer-refined .customer-overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}#historyDetail .customer-refined .customer-overview-metrics>div:nth-child(2){border-right:0!important}#historyDetail .customer-refined .customer-overview-metrics>div:nth-child(n+3){border-top:1px solid var(--cp-line)!important}#historyDetail .customer-refined .customer-overview-metrics>div:nth-child(3){padding-left:0}#historyDetail .customer-refined .customer-history-source-filter{display:grid;grid-template-columns:1fr}#historyDetail .customer-refined .customer-history-source-filter button{width:100%;flex:none}}
@media(max-width:600px){#historyDetail .customer-refined :is(.customer-report-summary,.customer-period-overview,.customer-visit-history,.customer-extra-metrics){padding:18px!important}}
@media(prefers-reduced-motion:reduce){#historyDetail .customer-refined .customer-history-visit{transition:none}}

#modalRoot .customer-visit-refined{--cv-bg:#fff;--cv-ink:#183044;--cv-muted:#536779;--cv-line:#dce4eb;--cv-soft:#f5f7fa;--cv-accent:#bc1235;--cv-teal:#086d60;--cv-sales:#fff0f3;--cv-merch:#e8f5f1;background:var(--cv-bg);color:var(--cv-ink);font:16px/1.5 Arial,Helvetica,sans-serif;width:min(920px,100%);padding:24px;}
[data-theme=dark] #modalRoot .customer-visit-refined{--cv-bg:#172633;--cv-ink:#edf4fa;--cv-muted:#b5c7d5;--cv-line:#3a5061;--cv-soft:#203442;--cv-accent:#ff90a6;--cv-teal:#93ddcc;--cv-sales:#3b2533;--cv-merch:#183e37;}
#modalRoot .customer-visit-refined *{box-sizing:border-box;min-width:0;}
#modalRoot .customer-visit-refined .modal-heading{display:grid!important;grid-template-columns:1fr;gap:16px;padding:0 0 24px!important;margin:0!important;border-bottom:0!important;}
#modalRoot .customer-visit-refined .modal-back-button{width:auto!important;min-width:0!important;justify-self:start;min-height:44px;padding:8px 14px;border:1px solid var(--cv-line);border-radius:8px;background:var(--cv-bg);color:var(--cv-ink);font-size:14px;}
#modalRoot .customer-visit-refined #modalTitle{font:700 23px/1.35 Arial,Helvetica,sans-serif!important;color:var(--cv-ink)!important;overflow-wrap:anywhere;margin:0 0 8px;}
#modalRoot .customer-visit-refined .modal-heading-copy p{font-size:13px!important;line-height:1.5;color:var(--cv-muted);margin:0;}
#modalRoot .customer-visit-refined .wl-followup-label{margin:4px 0 0!important;width:100%;border:1px solid var(--cv-line)!important;border-left:3px solid var(--cv-accent)!important;border-radius:10px;padding:14px 16px;background:var(--cv-soft);color:var(--cv-ink);box-shadow:none;}
#modalRoot .customer-visit-refined .wl-followup-label svg{width:20px;height:20px;flex-shrink:0;}
#modalRoot .customer-visit-refined .wl-followup-label>span{display:grid;gap:4px;}
#modalRoot .customer-visit-refined .cp-actions{margin:0;display:flex;gap:10px;flex-wrap:wrap;}
#modalRoot .customer-visit-refined .cp-actions button,#modalRoot .customer-visit-refined .cv-history button{font:600 14px/1.5 Arial,Helvetica,sans-serif;min-height:44px;border:1px solid var(--cv-line);border-radius:8px;background:var(--cv-bg);color:var(--cv-ink);padding:10px 16px;cursor:pointer;}
#modalRoot .customer-visit-refined .cp-actions .cp-primary{background:#bc1235;color:#fff;border-color:#bc1235;}
#modalRoot .customer-visit-refined .cv-history{border:1px solid var(--cv-line);border-radius:12px;padding:20px;margin-bottom:24px;background:var(--cv-bg);}
#modalRoot .customer-visit-refined .cv-history h3{font-size:18px;margin:0;color:var(--cv-ink);}
#modalRoot .customer-visit-refined .cv-history p,#modalRoot .customer-visit-refined .cv-history small{font-size:13px;line-height:1.5;color:var(--cv-muted);margin:4px 0;}
#modalRoot .customer-visit-refined .cv-range{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid var(--cv-line);}
#modalRoot .customer-visit-refined .cv-range label{display:grid;gap:5px;font-size:13px;color:var(--cv-muted);flex:1 1 140px;}
#modalRoot .customer-visit-refined .cv-range input{width:100%;min-height:44px;border:1px solid var(--cv-line);border-radius:8px;padding:8px;font:16px Arial;background:var(--cv-bg);color:var(--cv-ink);}
#modalRoot .customer-visit-refined .cv-history .cv-visit{display:flex;gap:12px;align-items:center;width:100%;text-align:left;border:0;border-bottom:1px solid var(--cv-line);border-radius:0;padding:16px 0;}
#modalRoot .customer-visit-refined .cv-visit-main{flex:1;display:grid;gap:4px;}
#modalRoot .customer-visit-refined .cv-visit-main strong{font-size:15px;color:var(--cv-ink);}
#modalRoot .customer-visit-refined .cv-team{font-size:12px;padding:5px 8px;border-radius:6px;background:var(--cv-sales);color:var(--cv-accent);}
#modalRoot .customer-visit-refined .cv-team[data-team=merch]{background:var(--cv-merch);color:var(--cv-teal);}
#modalRoot .customer-visit-refined .cv-state{font-size:12px;display:grid;gap:4px;text-align:right;}
#modalRoot .customer-visit-refined .cv-latest{margin-top:16px;padding:12px;background:var(--cv-soft);border-radius:8px;}
#modalRoot .customer-visit-refined .cv-count{padding-top:12px;}
#modalRoot .customer-visit-refined .cv-history .cv-more{margin-top:12px;width:100%;}
#modalRoot .customer-visit-refined .cv-warning{border-left:3px solid var(--cv-accent);padding:12px;}
#modalRoot .customer-visit-refined :is(button,input):focus-visible{outline:3px solid #408fc1;outline-offset:3px;}
#modalRoot .customer-visit-refined .visit-detail-owner{background:var(--cv-soft);border:1px solid var(--cv-line);padding:16px;margin:0 0 16px;border-radius:10px;}
#modalRoot .customer-visit-refined .visit-detail-owner strong{font-size:16px!important;color:var(--cv-ink);}
#modalRoot .customer-visit-refined .visit-detail-owner span{font-size:12px!important;}
#modalRoot .customer-visit-refined .visit-fact-grid{gap:10px;margin:0 0 16px;}
#modalRoot .customer-visit-refined .visit-fact-grid>div{padding:12px;background:var(--cv-soft);border:0;border-radius:8px;}
#modalRoot .customer-visit-refined .visit-fact-grid span{font-size:12px!important;color:var(--cv-muted);}
#modalRoot .customer-visit-refined .visit-fact-grid strong{font-size:14px!important;line-height:1.5;color:var(--cv-ink);}
@media(max-width:600px){#modalRoot .customer-visit-refined{padding:16px;}#modalRoot .customer-visit-refined #modalTitle{font-size:20px!important;}#modalRoot .customer-visit-refined .cv-history{padding:16px;}#modalRoot .customer-visit-refined .cv-history .cv-visit{flex-wrap:wrap;}#modalRoot .customer-visit-refined .cv-team{flex-basis:auto;}#modalRoot .customer-visit-refined .cv-visit-main{flex-basis:65%;}#modalRoot .customer-visit-refined .cv-state{display:flex;text-align:left;gap:12px;margin-left:0;}#modalRoot .customer-visit-refined .cp-actions button{flex:1 1 140px;}}

#modalRoot .customer-visit-refined .cv-history-fold>summary,#modalRoot .customer-visit-refined .cv-team-fold>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;cursor:pointer;list-style:none;padding:4px 0;}
#modalRoot .customer-visit-refined .cv-history-fold>summary::-webkit-details-marker,#modalRoot .customer-visit-refined .cv-team-fold>summary::-webkit-details-marker{display:none;}
#modalRoot .customer-visit-refined .cv-history-fold>summary:after,#modalRoot .customer-visit-refined .cv-team-fold>summary:after{content:'+';display:grid;place-items:center;border:1px solid var(--cv-line);border-radius:7px;width:36px;height:36px;font-size:22px;flex-shrink:0;background:var(--cv-bg);}
#modalRoot .customer-visit-refined details[open]>summary:after{content:'−';}
#modalRoot .customer-visit-refined .cv-history-fold>summary span,#modalRoot .customer-visit-refined .cv-team-fold>summary span{display:grid;gap:3px;}
#modalRoot .customer-visit-refined .cv-history-fold>summary strong{font-size:17px;}
#modalRoot .customer-visit-refined .cv-history-fold:not([open])>.cv-fold-content,#modalRoot .customer-visit-refined .cv-team-fold:not([open])>:not(summary){display:none!important;}
#modalRoot .customer-visit-refined .cv-team-fold{border:1px solid var(--cv-line);border-left:3px solid var(--cv-accent);padding:8px 12px;border-radius:8px;margin-top:12px;}
#modalRoot .customer-visit-refined .cv-team-fold[data-team=merch]{border-left-color:var(--cv-teal);}
#modalRoot .customer-visit-refined summary:focus-visible{outline:3px solid #408fc1;outline-offset:3px;}
.wl-overlay .history-standard-report{display:grid;gap:20px;font:15px/1.5 Arial,Helvetica,sans-serif;}
.wl-overlay .history-standard-report>button{justify-self:start;}
.wl-overlay .history-standard-report .hr-customer{border-bottom:1px solid var(--wl-line);padding-bottom:16px;}
.wl-overlay .history-standard-report .hr-customer h3{font-size:20px;line-height:1.4;margin:6px 0;overflow-wrap:anywhere;}
.wl-overlay .history-standard-report .visit-detail-owner{display:flex;align-items:center;gap:12px;background:var(--wl-canvas);padding:16px;border:1px solid var(--wl-line);border-radius:10px;margin:0;}
.wl-overlay .history-standard-report .visit-detail-owner>div{display:grid;gap:4px;flex:1;}
.wl-overlay .history-standard-report .hr-avatar{background:var(--wl-primary);color:var(--wl-on);padding:10px;border-radius:8px;font-weight:700;}
.wl-overlay .history-standard-report .hr-status{font-size:12px;color:var(--wl-good);}
.wl-overlay .history-standard-report .visit-fact-grid,.wl-overlay .history-standard-report .kpi-detail-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:0;}
.wl-overlay .history-standard-report .visit-fact-grid>div,.wl-overlay .history-standard-report .kpi-detail-facts>div{display:grid;gap:5px;background:var(--wl-canvas);padding:12px;border-radius:8px;border:0;}
.wl-overlay .history-standard-report :is(.visit-fact-grid,.kpi-detail-facts) span{font-size:12px;color:var(--wl-muted);}
.wl-overlay .history-standard-report :is(.visit-fact-grid,.kpi-detail-facts) strong{font-size:14px;color:var(--wl-ink);}
.wl-overlay .history-standard-report .location-links{display:flex;gap:10px;flex-wrap:wrap;margin:0;}
.wl-overlay .history-standard-report .map-link{padding:10px;border:1px solid var(--wl-line);border-radius:8px;color:var(--wl-primary);font-size:13px;min-height:44px;}
.wl-overlay .history-standard-report .visit-report-section{padding:18px;border:1px solid var(--wl-line);border-radius:12px;background:var(--wl-surface);margin:0;}
.wl-overlay .history-standard-report .visit-report-heading{margin-bottom:16px;}
.wl-overlay .history-standard-report .visit-report-heading>div{display:grid;gap:4px;}
.wl-overlay .history-standard-report .visit-report-heading span{font-size:13px;color:var(--wl-muted);}
.wl-overlay .history-standard-report .visit-kpi-command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.wl-overlay .history-standard-report .kpi-drill-card{display:flex;align-items:center;gap:10px;text-align:left;padding:14px;min-height:88px;border:1px solid var(--wl-line);border-left:3px solid var(--wl-good);border-radius:10px;background:var(--wl-surface);color:var(--wl-ink);}
.wl-overlay .history-standard-report .kpi-drill-copy{display:grid;gap:4px;flex:1;}
.wl-overlay .history-standard-report .kpi-drill-copy small{font-size:12px;color:var(--wl-muted);}
.wl-overlay .history-standard-report .kpi-drill-copy strong{font-size:14px;color:var(--wl-good);}
.wl-overlay .history-standard-report .kpi-drill-copy em{font-size:12px;font-style:normal;color:var(--wl-muted);}
.wl-overlay .history-standard-report .kpi-drill-icon svg{width:20px;height:20px;}
.wl-overlay .history-standard-report .hr-kpi-detail{margin-top:16px;padding-top:16px;border-top:1px solid var(--wl-line);}
.wl-overlay .history-standard-report .hr-kpi-detail[hidden]{display:none;}
.wl-overlay .history-standard-report .hr-kpi-detail h3{font-size:18px;margin-bottom:12px;}
.wl-overlay .history-standard-report .kpi-product-list{display:grid;gap:10px;margin-top:14px;}
.wl-overlay .history-standard-report .kpi-product-row{padding:12px;border:1px solid var(--wl-line);border-radius:8px;background:var(--wl-surface);color:var(--wl-ink);}
.wl-overlay .history-standard-report .kpi-product-row strong{font-size:14px;color:var(--wl-ink);}
.wl-overlay .history-standard-report .kpi-product-row small{font-size:12px;color:var(--wl-muted);}
.wl-overlay .history-standard-report .hr-evidence{border:1px solid var(--wl-line);border-radius:10px;padding:14px;}
.wl-overlay .history-standard-report .hr-evidence summary{cursor:pointer;min-height:44px;}
.wl-overlay .history-standard-report .hr-photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;}
.wl-overlay .history-standard-report .hr-photo{display:grid;gap:5px;text-transform:capitalize;min-height:64px;}
.wl-overlay .history-standard-report [data-ch-preview] img{display:block;max-width:100%;height:auto;margin-top:12px;border-radius:8px;}
@media(max-width:550px){.wl-overlay .history-standard-report .visit-kpi-command-grid{grid-template-columns:1fr;}.wl-overlay .history-standard-report .visit-detail-owner{flex-wrap:wrap;}.wl-overlay .history-standard-report .kpi-product-row{display:flex;flex-wrap:wrap;gap:10px;}.wl-overlay .history-standard-report .kpi-product-rsp{width:100%;}}

.wl-overlay .hr-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}
.wl-overlay .hr-photo{display:flex;flex-direction:column;gap:6px;text-align:left;overflow:hidden;min-width:0}
.wl-overlay .hr-thumb{display:grid;place-items:center;width:100%;aspect-ratio:4/3;background:var(--wl-soft,#f2f5f7);border-radius:6px;overflow:hidden;font-size:12px}
.wl-overlay .hr-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.history-evidence-viewer{z-index:21000!important}
.history-photo-nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:inherit}
.history-photo-nav button{min-height:44px;padding:8px 12px;border:1px solid currentColor;border-radius:8px;background:transparent;color:inherit;cursor:pointer}
.history-photo-nav button:disabled{opacity:.4;cursor:default}
@media(max-width:420px){.wl-overlay .hr-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.history-evidence-viewer .evidence-lightbox-footer>.history-photo-nav{display:flex!important;grid-column:1/-1;justify-content:center;gap:12px}


/* Visit reference and calm report summary. */
.wl-overlay .wl-head>div{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:start;column-gap:10px}
.wl-overlay .wl-head>div>p{grid-column:1/-1}
.wl-overlay .visit-reference{display:grid;gap:0;min-height:42px;padding:5px 10px;border-color:var(--wl-line);background:var(--wl-canvas);text-align:left;line-height:1.15}
.wl-overlay .visit-reference small{font-size:9px;letter-spacing:.08em}.wl-overlay .visit-reference strong{font-size:13px;letter-spacing:.04em}
.wl-overlay .visit-ref-inline,.visit-number-label{display:inline-flex;width:max-content;color:var(--wl-primary);font-size:11px;letter-spacing:.05em}
.wl-overlay .visit-number-search{max-width:300px;margin:8px 0 20px}.wl-overlay .visit-number-search span{font-size:12px}.wl-overlay .visit-number-empty{padding:16px;border:1px dashed var(--wl-line);border-radius:8px;color:var(--wl-muted)}
.wl-overlay .history-visit-row[hidden]{display:none!important}
.wl-overlay .history-standard-report{gap:16px}
.wl-overlay .history-standard-report .visit-history-back{border:0;padding:0 4px;background:transparent;color:var(--wl-primary)}
.wl-overlay .history-standard-report .visit-overview{display:grid;gap:14px;padding:18px;border:1px solid var(--wl-line);border-radius:12px;background:var(--wl-surface)}
.wl-overlay .history-standard-report .hr-customer{padding:0 0 12px}.wl-overlay .history-standard-report .hr-customer h3{margin:4px 0 0}
.wl-overlay .history-standard-report .visit-customer-line{display:flex;align-items:center;justify-content:space-between;gap:12px}
.wl-overlay .history-standard-report .visit-person-line{display:flex;align-items:center;gap:10px}.wl-overlay .history-standard-report .visit-person-line>span:last-child{display:grid;gap:2px}.wl-overlay .history-standard-report .visit-person-line small{color:var(--wl-muted)}
.wl-overlay .history-standard-report .visit-time-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--wl-line)}
.wl-overlay .history-standard-report .visit-time-strip>span{display:grid;gap:4px;padding:12px}.wl-overlay .history-standard-report .visit-time-strip>span+span{border-left:1px solid var(--wl-line)}
.wl-overlay .history-standard-report .visit-time-strip small,.wl-overlay .history-standard-report .visit-extra-meta small{color:var(--wl-muted);font-size:11px}.wl-overlay .history-standard-report .visit-time-strip strong{font-size:13px}
.wl-overlay .history-standard-report .visit-extra-meta{display:flex;gap:18px;flex-wrap:wrap}.wl-overlay .history-standard-report .visit-extra-meta>span{display:grid;gap:2px}.wl-overlay .history-standard-report .visit-extra-meta strong{font-size:13px}
.wl-overlay .history-standard-report .location-links:empty{display:none}.wl-overlay .history-standard-report .map-link{min-height:40px;padding:8px 10px;background:var(--wl-canvas)}
.today-visit-reference{display:flex;align-items:baseline;gap:8px;width:max-content;max-width:100%;padding:8px 10px;border:1px solid var(--line,#d5e0e8);border-radius:8px;margin-bottom:12px}.today-visit-reference small{font-size:10px;letter-spacing:.08em}.today-visit-reference strong{font-size:13px;letter-spacing:.04em}.visit-number-label{margin-right:2px}
@media(max-width:550px){.wl-overlay .wl-head>div{grid-template-columns:1fr}.wl-overlay .wl-head>div>p{grid-column:1}.wl-overlay .visit-reference{justify-self:start;margin-top:6px}.wl-overlay .history-standard-report .visit-overview{padding:14px}.wl-overlay .history-standard-report .visit-time-strip{grid-template-columns:1fr}.wl-overlay .history-standard-report .visit-time-strip>span+span{border-left:0;border-top:1px solid var(--wl-line)}.wl-overlay .visit-number-search{max-width:none}}


/* The actual Visit Report opened from Customer History and Team Evaluation. */
#modalRoot .visit-report-minimal{display:grid;gap:16px}
#modalRoot .visit-report-minimal .visit-report-summary-card{display:grid;gap:12px;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}
#modalRoot .visit-report-minimal .visit-report-customer{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:12px;border-bottom:1px solid var(--border)}
#modalRoot .visit-report-minimal .visit-report-customer>span:first-child{display:grid;gap:4px;min-width:0}
#modalRoot .visit-report-minimal .visit-report-customer small{color:var(--muted);font-size:10px}
#modalRoot .visit-report-minimal .visit-report-customer h3{margin:0;font-size:17px;line-height:1.35;overflow-wrap:anywhere}
#modalRoot .visit-report-minimal .visit-report-byline{display:flex;align-items:center;gap:10px}
#modalRoot .visit-report-minimal .visit-report-byline>span:last-child{display:grid;gap:2px;min-width:0}
#modalRoot .visit-report-minimal .visit-report-byline strong{font-size:12px}
#modalRoot .visit-report-minimal .visit-report-byline small{color:var(--muted);font-size:10px}
#modalRoot .visit-report-minimal .visit-report-time{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--border)}
#modalRoot .visit-report-minimal .visit-report-time>span{display:grid;gap:3px;padding:11px 12px}
#modalRoot .visit-report-minimal .visit-report-time>span+span{border-left:1px solid var(--border)}
#modalRoot .visit-report-minimal .visit-report-time small{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.04em}
#modalRoot .visit-report-minimal .visit-report-time strong{font-size:12px;font-variant-numeric:tabular-nums}
#modalRoot .visit-report-minimal .visit-report-meta{display:flex;gap:8px 18px;flex-wrap:wrap;color:var(--muted);font-size:10px}
#modalRoot .visit-report-minimal .visit-report-maps{margin:0;gap:8px}
#modalRoot .visit-report-minimal .visit-report-maps .map-link{min-height:40px;padding:8px 10px;border-radius:9px;font-size:10px}
#modalRoot .visit-report-minimal .visit-report-maps:empty{display:none}
#modalRoot .modal-heading-copy h2{overflow-wrap:anywhere}
@media(max-width:480px){#modalRoot .visit-report-minimal .visit-report-summary-card{padding:14px}#modalRoot .visit-report-minimal .visit-report-time>span{padding:10px 7px}#modalRoot .visit-report-minimal .visit-report-customer{align-items:flex-start}#modalRoot .visit-report-minimal .visit-state{flex:none}}

/* Compact visit report: one identity row, one date, icon-led time facts. */
.wl-overlay .wl-head{gap:10px;padding:12px 16px}
.wl-overlay .visit-history-header{flex:0 0 auto;min-height:40px;padding:8px 10px;border:0;background:transparent;color:var(--wl-primary)}
.wl-overlay .visit-history-header svg{width:18px;height:18px}
.wl-overlay .wl-head>div{flex:1;grid-template-columns:auto auto;column-gap:8px}
.wl-overlay .wl-head>div>p{margin-top:1px;font-size:10px}
.wl-overlay .visit-reference{min-height:36px;padding:3px 8px}
.wl-overlay .history-standard-report{gap:12px}
.wl-overlay .history-standard-report .visit-overview{gap:10px;padding:14px;border-radius:14px}
.wl-overlay .history-standard-report .visit-overview-top{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(190px,.75fr);align-items:center;gap:14px}
.wl-overlay .history-standard-report .hr-customer{padding:0;border:0}
.wl-overlay .history-standard-report .hr-customer h3{margin:3px 0 0;font-size:17px;line-height:1.3}
.wl-overlay .history-standard-report .visit-customer-line small{font-size:10px}
.wl-overlay .history-standard-report .hr-status{padding:3px 7px;border-radius:999px;background:#e9f7f1;font-size:9px;font-weight:800;text-transform:uppercase}
[data-theme=dark] .wl-overlay .history-standard-report .hr-status{background:#173b31}
.wl-overlay .history-standard-report .visit-person-line{padding-left:14px;border-left:1px solid var(--wl-line)}
.wl-overlay .history-standard-report .hr-avatar{display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:9px;font-size:11px}
.wl-overlay .history-standard-report .visit-person-line strong{font-size:12px;line-height:1.25}
.wl-overlay .history-standard-report .visit-person-line small{font-size:9px}
.wl-overlay .history-standard-report .visit-day{display:flex;align-items:center;gap:6px;width:max-content;color:var(--wl-muted);font-size:10px;font-weight:700}
.wl-overlay .history-standard-report .visit-day svg{width:14px;height:14px}
.wl-overlay .history-standard-report .visit-time-strip{gap:7px;border:0}
.wl-overlay .history-standard-report .visit-time-strip>span{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--wl-line)!important;border-radius:10px;background:var(--wl-canvas)}
.wl-overlay .history-standard-report .visit-time-strip>span>i{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border-radius:8px;background:var(--wl-surface);color:var(--wl-primary)}
.wl-overlay .history-standard-report .visit-time-strip svg{width:15px;height:15px}
.wl-overlay .history-standard-report .visit-time-strip>span>span{display:grid;gap:1px}
.wl-overlay .history-standard-report .visit-time-strip small{font-size:9px;text-transform:uppercase;letter-spacing:.04em}
.wl-overlay .history-standard-report .visit-time-strip strong{font-size:12px;font-variant-numeric:tabular-nums}
.wl-overlay .history-standard-report .visit-extra-meta{gap:6px 14px}
.wl-overlay .history-standard-report .visit-extra-meta>span{display:flex;gap:5px;align-items:baseline}
.wl-overlay .history-standard-report .visit-extra-meta>span>i{display:none}
.wl-overlay .history-standard-report .visit-extra-meta>span>span{display:flex;gap:5px;align-items:baseline}
.wl-overlay .history-standard-report .visit-extra-meta small{font-size:9px}.wl-overlay .history-standard-report .visit-extra-meta strong{font-size:10px}
.wl-overlay .history-standard-report .location-links{gap:6px}.wl-overlay .history-standard-report .map-link{min-height:36px;padding:7px 9px;font-size:10px}
.wl-overlay .history-standard-report .visit-report-section{padding:14px;border-radius:14px}
.wl-overlay .history-standard-report .visit-report-heading{margin-bottom:10px}.wl-overlay .history-standard-report .visit-report-heading span{font-size:10px}
.wl-overlay .history-standard-report .visit-kpi-command-grid{grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:7px}
.wl-overlay .history-standard-report .kpi-drill-card{min-height:64px;gap:8px;padding:9px 10px;border-radius:9px}
.wl-overlay .history-standard-report .kpi-drill-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--wl-canvas)}
.wl-overlay .history-standard-report .kpi-drill-icon svg{width:16px;height:16px}
.wl-overlay .history-standard-report .kpi-drill-copy{gap:1px}.wl-overlay .history-standard-report .kpi-drill-copy small{font-size:9px;letter-spacing:.04em}.wl-overlay .history-standard-report .kpi-drill-copy strong{font-size:12px}.wl-overlay .history-standard-report .kpi-drill-copy em{font-size:9px}
.wl-overlay .history-standard-report .kpi-drill-open{font-size:14px}

/* One SKU timeline instead of repeated audit cards. */
.baseline-audit{margin:0;padding:14px 16px;border-radius:14px;background:var(--surface,#fff)}
.baseline-audit-heading{align-items:center;padding-bottom:10px}
.baseline-audit-heading h3{margin:2px 0 0;font-size:16px}.baseline-audit-heading .eyebrow{font-size:9px}.baseline-audit-heading>span{padding:4px 7px;font-size:9px}
.baseline-audit-list{position:relative;display:grid;gap:0;margin-top:0}
.baseline-timeline-item{position:relative;display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;padding:12px 0;background:transparent}
.baseline-timeline-item:not(:last-child):before{content:'';position:absolute;left:6px;top:25px;bottom:-4px;width:1px;background:var(--border,#d5e0e8)}
.baseline-timeline-marker{position:relative;z-index:1;width:13px;height:13px;margin-top:3px;border:3px solid var(--surface,#fff);border-radius:999px;background:var(--accent,#087459);box-shadow:0 0 0 1px var(--accent,#087459)}
.baseline-timeline-item.edited .baseline-timeline-marker{background:#b48619;box-shadow:0 0 0 1px #b48619}
.baseline-timeline-item:not(:last-child) .baseline-audit-copy{padding-bottom:12px;border-bottom:1px solid var(--border,#d5e0e8)}
.baseline-audit-event-head{align-items:center}.baseline-audit-event-head>strong{font-size:12px}.baseline-audit-copy time{font-size:10px}
.baseline-timeline-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px}.baseline-timeline-meta span{padding:3px 7px;border-radius:999px;background:var(--canvas,#f4f7f9);color:var(--muted,#526475);font-size:9px;font-weight:750}
.baseline-audit-delta{margin-top:8px;border-radius:10px}
.baseline-audit-delta>summary{min-height:52px;padding:7px 9px}
.baseline-audit-delta-title{gap:5px}.baseline-audit-delta-title>strong{font-size:11px}
.baseline-audit-preview{display:flex;gap:5px;flex-wrap:wrap;margin:0}.baseline-audit-preview code,.baseline-audit-preview em{padding:2px 5px;border-radius:5px;background:var(--canvas,#f4f7f9);color:var(--ink,#192b3a);font-size:9px;font-style:normal;font-weight:750}
.baseline-audit-preview em{color:var(--muted,#526475)}
.baseline-audit-toggle{min-width:104px;min-height:36px;padding:0 8px;font-size:9px}
.baseline-audit-sku-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px;border-top:1px solid var(--border,#d5e0e8)}
.baseline-audit-sku-list li{grid-template-columns:22px minmax(0,1fr);gap:6px;min-height:36px;padding:5px 7px;border:1px solid var(--border,#d5e0e8);border-radius:8px;background:var(--canvas,#f4f7f9)}
.baseline-audit-serial{font-size:8px}.baseline-audit-sku-list code{font-size:10px}

@media(max-width:600px){
  .wl-overlay .wl-head{padding:10px 12px;gap:7px}.wl-overlay .visit-history-header span{display:none}.wl-overlay .visit-history-header{width:38px;padding:8px}
  .wl-overlay .wl-head h2{font-size:17px;line-height:1.1;white-space:nowrap}.wl-overlay .wl-head>div{column-gap:6px}.wl-overlay .wl-head>div>p{display:none}.wl-overlay .visit-reference{min-height:34px;margin:0;padding:3px 6px;justify-self:start}.wl-overlay .visit-reference small{font-size:7px}.wl-overlay .visit-reference strong{font-size:11px}.wl-overlay [data-wl-close]{padding:8px 10px}
  .wl-overlay .history-standard-report .visit-overview{padding:12px}
  .wl-overlay .history-standard-report .visit-overview-top{grid-template-columns:1fr;gap:9px}
  .wl-overlay .history-standard-report .visit-person-line{padding:9px 0 0;border-left:0;border-top:1px solid var(--wl-line)}
  .wl-overlay .history-standard-report .visit-time-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
  .wl-overlay .history-standard-report .visit-time-strip>span{display:grid;justify-items:start;gap:5px;padding:8px 6px}
  .wl-overlay .history-standard-report .visit-time-strip>span>i{width:25px;height:25px}
  .wl-overlay .history-standard-report .visit-time-strip strong{font-size:11px}
  .wl-overlay .history-standard-report .visit-kpi-command-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wl-overlay .history-standard-report .kpi-drill-card{min-height:62px;padding:8px}.wl-overlay .history-standard-report .kpi-drill-icon{display:none}.wl-overlay .history-standard-report .kpi-drill-copy strong{white-space:normal}
  .baseline-audit{padding:12px}.baseline-audit-sku-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:370px){.wl-overlay .visit-reference{display:none}.wl-overlay .history-standard-report .visit-kpi-command-grid{grid-template-columns:1fr}.baseline-audit-delta>summary{grid-template-columns:1fr}.baseline-audit-toggle{width:100%}}

/* Telegram/iOS touch guard: keep the active report above stale modal layers. */
.wl-overlay{z-index:2147482000!important;pointer-events:auto!important;touch-action:auto!important}
.wl-overlay .wl-panel,.wl-overlay .wl-head,.wl-overlay .wl-body{pointer-events:auto!important}
.wl-overlay :is(button,a,summary,input,select,textarea){pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent}
.history-evidence-viewer{z-index:2147483000!important}

/* Visit report header actions and compact GPS controls. */
#modalRoot .modal-heading:has(.visit-report-history-button){grid-template-columns:auto minmax(0,1fr) auto;align-items:center}
#modalRoot .visit-report-history-button{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 11px;border:1px solid var(--border);border-radius:10px;color:var(--authority);background:var(--surface);font-size:11px;font-weight:800;white-space:nowrap}
#modalRoot .visit-report-history-button svg{width:16px;height:16px}
#modalRoot .visit-report-minimal .visit-report-byline-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
#modalRoot .visit-report-minimal .visit-report-maps{display:flex;flex:0 0 auto}
#modalRoot .visit-report-minimal .visit-report-maps .map-link{display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:7px 9px;border:1px solid var(--border);background:var(--canvas)}
#modalRoot .visit-report-minimal .visit-report-maps .map-link svg{width:15px;height:15px}
@media(max-width:560px){#modalRoot .modal-heading:has(.visit-report-history-button){grid-template-columns:auto minmax(0,1fr)}#modalRoot .visit-report-history-button{grid-column:2;justify-self:start;min-height:34px;padding:6px 8px;margin-top:-4px}#modalRoot .visit-report-minimal .visit-report-byline-row{align-items:flex-start;flex-direction:column}#modalRoot .visit-report-minimal .visit-report-maps{align-self:stretch}#modalRoot .visit-report-minimal .visit-report-maps .map-link{flex:1}}

/* Dense visit report: map inside time cards, always-visible SKU list, balanced KPI rows. */
.visit-sku-overview{display:grid;gap:0;overflow:hidden;border:1px solid var(--border,var(--wl-line));border-radius:14px;background:var(--surface,var(--wl-surface))}
.visit-sku-overview>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-bottom:1px solid var(--border,var(--wl-line))}
.visit-sku-overview>header>div{display:grid;gap:1px}.visit-sku-overview .eyebrow{color:var(--brand,var(--wl-primary));font-size:9px;font-weight:850;letter-spacing:.07em}
.visit-sku-overview h3{margin:0!important;font-size:16px!important}.visit-sku-overview header p{margin:0;color:var(--muted,var(--wl-muted));font-size:10px}
.visit-sku-result{padding:4px 8px;border-radius:999px;background:var(--success-soft,#e9f7f1);color:var(--success,var(--wl-good));font-size:9px;font-weight:850;text-transform:uppercase}
.visit-sku-list{display:grid}.visit-sku-row{display:grid;grid-template-columns:28px 72px minmax(140px,1fr) 110px 100px;align-items:center;gap:9px;min-height:50px;padding:7px 12px;border-bottom:1px solid var(--border,var(--wl-line))}
.visit-sku-row:last-child{border-bottom:0}.visit-sku-index{color:var(--muted,var(--wl-muted));font-size:9px;font-variant-numeric:tabular-nums}.visit-sku-row code{color:var(--brand,var(--wl-primary));font:800 10px/1.2 inherit}
.visit-sku-name{display:grid;gap:1px;min-width:0}.visit-sku-name strong{overflow:hidden;color:var(--ink,var(--wl-ink));font-size:11px;text-overflow:ellipsis;white-space:nowrap}.visit-sku-name small{overflow:hidden;color:var(--muted,var(--wl-muted));font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.visit-sku-state{justify-self:start;padding:3px 6px;border-radius:999px;background:var(--success-soft,#e9f7f1);color:var(--success,var(--wl-good));font-size:8px;font-weight:850;text-transform:uppercase}.visit-sku-row.status-out-of-stock .visit-sku-state,.visit-sku-row.status-not-found .visit-sku-state{background:var(--warning-soft,#fff3dc);color:var(--warning,#9b6200)}.visit-sku-row.status-delisted .visit-sku-state{background:var(--danger-soft,#fdebed);color:var(--danger,#a62727)}
.visit-sku-rsp{display:grid;justify-items:end;gap:0}.visit-sku-rsp small{color:var(--muted,var(--wl-muted));font-size:8px}.visit-sku-rsp strong{font-size:11px;font-variant-numeric:tabular-nums}.visit-sku-empty{margin:0;padding:16px;color:var(--muted,var(--wl-muted));font-size:11px;text-align:center}
.wl-overlay .history-standard-report .visit-time-strip>a,.wl-overlay .history-standard-report .visit-time-strip>span{display:flex;align-items:center;gap:8px;min-height:52px;padding:8px 10px;border:1px solid var(--wl-line)!important;border-radius:10px;background:var(--wl-canvas);color:var(--wl-ink);text-decoration:none}
.wl-overlay .history-standard-report .visit-time-strip>a>i,.wl-overlay .history-standard-report .visit-time-strip>span>i{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border-radius:8px;background:var(--wl-surface);color:var(--wl-primary)}
.wl-overlay .history-standard-report .visit-time-strip>a>span,.wl-overlay .history-standard-report .visit-time-strip>span>span{display:grid;gap:0}.wl-overlay .history-standard-report .visit-time-strip em{color:var(--wl-primary);font-size:8px;font-style:normal;font-weight:800}
.wl-overlay .history-standard-report .visit-kpi-command-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.wl-overlay .history-standard-report .kpi-drill-card{min-height:56px}
#modalRoot .visit-report-minimal .visit-report-time{gap:7px;border:0}
#modalRoot .visit-report-minimal .visit-report-time>a,#modalRoot .visit-report-minimal .visit-report-time>span{display:flex;align-items:center;gap:8px;min-height:52px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--canvas);color:var(--ink);text-decoration:none}
#modalRoot .visit-report-minimal .visit-report-time>a{cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
#modalRoot .visit-report-minimal .visit-report-time>a:hover,#modalRoot .visit-report-minimal .visit-report-time>a:focus-visible{border-color:var(--authority);box-shadow:0 4px 14px rgba(7,66,91,.12);transform:translateY(-1px);outline:0}
#modalRoot .visit-report-minimal .visit-report-time>span.is-location-unavailable{background:color-mix(in srgb,var(--canvas) 88%,#fff4dc)}
#modalRoot .visit-report-minimal .visit-report-time>a>i,#modalRoot .visit-report-minimal .visit-report-time>span>i{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border-radius:8px;background:var(--surface);color:var(--authority)}
#modalRoot .visit-report-minimal .visit-report-time>a>span,#modalRoot .visit-report-minimal .visit-report-time>span>span{display:grid;gap:0}#modalRoot .visit-report-minimal .visit-report-time em{color:var(--authority);font-size:8px;font-style:normal;font-weight:800}
#modalRoot .visit-report-minimal .visit-report-time em.location-unavailable{color:#a66300}
#modalRoot .visit-report-minimal .visit-kpi-command-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}#modalRoot .visit-report-minimal .kpi-drill-card{min-height:56px;padding:8px 9px}
@media(max-width:600px){.visit-sku-overview>header{padding:10px 11px}.visit-sku-row{grid-template-columns:24px 58px minmax(0,1fr) auto;gap:7px;padding:8px 10px}.visit-sku-name strong{white-space:normal}.visit-sku-state{grid-column:3;justify-self:start}.visit-sku-rsp{grid-column:4;grid-row:1/3}.wl-overlay .history-standard-report .visit-kpi-command-grid,#modalRoot .visit-report-minimal .visit-kpi-command-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wl-overlay .history-standard-report .visit-kpi-command-grid>.kpi-drill-card:last-child:nth-child(odd),#modalRoot .visit-report-minimal .visit-kpi-command-grid>.kpi-drill-card:last-child:nth-child(odd){grid-column:1/-1}.wl-overlay .history-standard-report .visit-time-strip>a,.wl-overlay .history-standard-report .visit-time-strip>span,#modalRoot .visit-report-minimal .visit-report-time>a,#modalRoot .visit-report-minimal .visit-report-time>span{display:grid;justify-items:start;gap:4px;padding:7px}.wl-overlay .history-standard-report .visit-time-strip>a>i,.wl-overlay .history-standard-report .visit-time-strip>span>i,#modalRoot .visit-report-minimal .visit-report-time>a>i,#modalRoot .visit-report-minimal .visit-report-time>span>i{width:24px;height:24px}}

/* Integrated visit identities and SKU history v2. */
.visit-report-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}
.visit-person-identity{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;min-height:54px;padding:8px 10px;border:1px solid var(--border,var(--wl-line));border-radius:10px;background:var(--canvas,var(--wl-canvas))}
.visit-person-avatar{width:36px!important;height:36px!important;border-radius:10px!important;flex:0 0 36px}
.visit-person-identity>span:last-child{display:grid;gap:1px;min-width:0}.visit-person-identity small{color:var(--muted,var(--wl-muted));font-size:8px;font-weight:850;letter-spacing:.06em}.visit-person-identity strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.visit-person-identity em{overflow:hidden;color:var(--muted,var(--wl-muted));font-size:9px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.visit-report-gps{display:grid;gap:8px;padding:10px 11px;border:1px solid #a9dfc7;border-radius:11px;background:#f0fbf6}.visit-report-gps header,.visit-report-gps header>span,.visit-report-gps footer{display:flex;align-items:center}.visit-report-gps header{justify-content:space-between;gap:10px}.visit-report-gps header>span{gap:6px;color:#087b55;font-size:9px;letter-spacing:.06em}.visit-report-gps header svg{width:14px;height:14px}.visit-report-gps header em{padding:3px 7px;border-radius:999px;background:#d9f4e7;color:#087b55;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.04em}.visit-report-gps>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.visit-report-gps>div>span{display:grid;gap:2px;min-width:0;padding:8px 9px;border:1px solid rgba(8,123,85,.16);border-radius:8px;background:rgba(255,255,255,.76)}.visit-report-gps small{color:#57746b;font-size:8px;font-weight:850;letter-spacing:.06em}.visit-report-gps>div strong{overflow:hidden;color:#083f31;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.visit-report-gps footer{gap:7px;color:#57746b;font-size:8px;font-weight:700}.visit-report-gps footer i{width:3px;height:3px;border-radius:50%;background:#9ab5ab}.visit-report-gps footer b{margin-left:auto;color:#087b55;font-size:8px}.visit-report-gps.is-pending{border-color:#f0c779;background:#fff8ea}.visit-report-gps.is-pending header>span,.visit-report-gps.is-pending header em,.visit-report-gps.is-pending footer b{color:#9b5c00}.visit-report-gps.is-pending header em{background:#ffedc8}.visit-report-gps.is-missing{border-color:var(--border);background:var(--canvas)}.visit-report-gps.is-missing header>span,.visit-report-gps.is-missing header em,.visit-report-gps.is-missing footer b{color:var(--muted)}.visit-report-gps.is-missing header em{background:var(--surface)}[data-theme=dark] .visit-report-gps.is-resolved{border-color:#236e57;background:#123b30}[data-theme=dark] .visit-report-gps.is-resolved>div>span{background:#173f34}[data-theme=dark] .visit-report-gps.is-resolved>div strong{color:#dff8ee}[data-theme=dark] .visit-report-gps.is-pending{background:#3c2d12}
.visit-sku-head-actions{display:flex!important;align-items:center;gap:7px}.visit-sku-history-toggle{display:flex;align-items:center;gap:8px;min-height:40px;padding:5px 7px 5px 9px;border:1px solid var(--border,var(--wl-line));border-radius:9px;background:var(--surface,var(--wl-surface));color:var(--ink,var(--wl-ink));font:inherit;cursor:pointer;touch-action:manipulation}.visit-sku-history-toggle span{display:grid;text-align:left}.visit-sku-history-toggle small{color:var(--muted,var(--wl-muted));font-size:7px;font-weight:850;letter-spacing:.06em}.visit-sku-history-toggle strong{font-size:9px}.visit-sku-history-toggle b{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:var(--brand,var(--wl-primary));color:#fff;font-size:17px;font-weight:500}
.visit-sku-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--border,var(--wl-line));background:var(--canvas,var(--wl-canvas))}.visit-sku-summary>span{padding:7px 10px;border-left:1px solid var(--border,var(--wl-line));color:var(--muted,var(--wl-muted));font-size:9px}.visit-sku-summary>span:first-child{border-left:0}.visit-sku-summary strong{margin-right:3px;color:var(--ink,var(--wl-ink));font-size:11px}.visit-sku-summary .available strong{color:var(--success,var(--wl-good))}.visit-sku-summary .unavailable strong{color:var(--warning,#9b6200)}
.visit-sku-history-panel{border-top:1px solid var(--border,var(--wl-line));background:var(--canvas,var(--wl-canvas))}.visit-sku-history-panel[hidden]{display:none!important}.visit-sku-history-panel>header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border,var(--wl-line))}.visit-sku-history-panel>header>div{display:grid}.visit-sku-history-panel>header small{color:var(--brand,var(--wl-primary));font-size:8px;font-weight:850;letter-spacing:.07em}.visit-sku-history-panel>header strong{font-size:12px}.visit-sku-history-panel>header>span{font-size:9px;color:var(--muted,var(--wl-muted))}
.visit-sku-history-event{padding:10px 12px;border-bottom:1px solid var(--border,var(--wl-line));background:var(--surface,var(--wl-surface))}.visit-sku-history-event:last-child{border-bottom:0}.visit-sku-history-event>header{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px}.visit-sku-history-event>header>span{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:var(--canvas,var(--wl-canvas));font-size:8px;font-weight:850}.visit-sku-history-event>header>div{display:grid}.visit-sku-history-event>header strong{font-size:11px}.visit-sku-history-event>header small,.visit-sku-history-event>header em{color:var(--muted,var(--wl-muted));font-size:8px;font-style:normal}.visit-sku-history-event>p{margin:8px 0 0;color:var(--muted,var(--wl-muted));font-size:9px}
.visit-sku-history-group{margin:8px 0 0;border:1px solid var(--border,var(--wl-line));border-left:3px solid var(--success,var(--wl-good));border-radius:8px;overflow:hidden}.visit-sku-history-group.unavailable{border-left-color:var(--danger,#b22234)}.visit-sku-history-group>header{padding:6px 8px;background:var(--canvas,var(--wl-canvas))}.visit-sku-history-group>header strong{font-size:9px;color:var(--success,var(--wl-good))}.visit-sku-history-group.unavailable>header strong{color:var(--danger,#b22234)}.visit-sku-history-group>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:6px}.visit-sku-history-group article{display:grid;grid-template-columns:22px 58px minmax(0,1fr);align-items:center;gap:5px;min-height:34px;padding:5px 6px;border:1px solid var(--border,var(--wl-line));border-radius:7px;background:var(--surface,var(--wl-surface))}.visit-sku-history-group article span{color:var(--muted,var(--wl-muted));font-size:7px}.visit-sku-history-group article code{font:800 8px/1.2 inherit;color:var(--brand,var(--wl-primary))}.visit-sku-history-group article strong{overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:620px){.visit-report-people{grid-template-columns:1fr}.visit-sku-overview>header{align-items:flex-start}.visit-sku-head-actions{align-items:flex-end!important;flex-direction:column}.visit-sku-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.visit-sku-summary>span:nth-child(3){border-left:0;border-top:1px solid var(--border,var(--wl-line))}.visit-sku-summary>span:nth-child(4){border-top:1px solid var(--border,var(--wl-line))}.visit-sku-history-group>div{grid-template-columns:1fr}}


/* customer360-pro.css */
/* Customer 360 and Van Sales journey — final presentation layer. */
#reportPanelCustomer{--c360-navy:#10344d;--c360-blue:#1e617d;--c360-red:#c90031;--c360-green:#087b66;--c360-soft:#f3f7f9}

/* Customer directory */
#reportPanelCustomer>.report-filter-card{display:grid!important;grid-template-columns:minmax(280px,.78fr) minmax(360px,1.22fr)!important;align-items:stretch!important;gap:14px!important;padding:18px!important;border:1px solid var(--border)!important;border-radius:18px!important;background:var(--surface)!important;box-shadow:0 8px 24px rgba(16,52,77,.06)!important}
#reportPanelCustomer>.report-filter-card .filter-heading{display:flex!important;grid-column:1/-1;align-items:center;justify-content:space-between;gap:16px;padding:0 0 12px;border-bottom:1px solid var(--border)}
#reportPanelCustomer>.report-filter-card .filter-heading>div{display:flex;align-items:center;gap:10px}#reportPanelCustomer .report-code{display:grid;width:42px;height:42px;place-items:center;border-radius:11px;background:var(--c360-navy);color:#fff;font-size:10px;font-weight:900}
#reportPanelCustomer>.report-filter-card .filter-heading strong{display:block;font-size:17px}#reportPanelCustomer>.report-filter-card .filter-heading span span{display:block;margin-top:2px;color:var(--muted);font-size:10px}
#reportPanelCustomer>.report-filter-card .filter-step{padding:6px 9px;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:9px;font-weight:850;letter-spacing:.06em}
#reportPanelCustomer>.report-filter-card>.period-control{display:grid!important;grid-column:1!important;grid-row:2/span 3!important;gap:11px!important;margin:0!important;padding:14px!important;border:1px solid var(--border)!important;border-radius:14px!important;background:var(--c360-soft)!important}
#reportPanelCustomer .period-control-head{display:flex;align-items:center;justify-content:space-between;gap:10px}#reportPanelCustomer .period-control-head>div{display:flex;align-items:center;gap:7px}#reportPanelCustomer .period-control-head strong{font-size:11px}#reportPanelCustomer .period-control-head>span{font-size:9px}
#reportPanelCustomer .report-date-grid{display:none!important}#reportPanelCustomer .date-presets{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px!important}#reportPanelCustomer .date-presets button{min-height:35px!important;padding:6px!important;border-radius:8px!important;font-size:9px!important}
#reportPanelCustomer>.report-filter-card>label{grid-column:2!important;align-self:end;margin:0 0 -6px;color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
#reportPanelCustomer>.report-filter-card>.report-search{grid-column:2!important;align-self:start;min-height:58px;margin:0!important;border:2px solid color-mix(in srgb,var(--c360-blue) 28%,var(--border));border-radius:14px;background:var(--surface);box-shadow:0 7px 18px rgba(16,52,77,.07)}
#reportPanelCustomer>.report-filter-card>.report-search:focus-within{border-color:var(--c360-blue);box-shadow:0 0 0 4px color-mix(in srgb,var(--c360-blue) 13%,transparent)}#reportPanelCustomer>.report-filter-card>.report-search input{height:56px!important;padding-inline:46px 14px!important;border:0!important;background:transparent!important;font-size:16px!important;font-weight:700}
#reportPanelCustomer>.report-filter-card>.customer-directory-filters{grid-column:2!important;grid-row:4!important;align-self:start;margin:0!important}
#reportPanelCustomer .report-result-head{display:flex;align-items:center;justify-content:space-between;margin:12px 0 8px;padding:10px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}#reportPanelCustomer .report-result-head strong{font-size:14px}#reportPanelCustomer .report-result-head span{margin-top:2px;color:var(--muted);font-size:10px}
#reportPanelCustomer .customer-directory-v2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important}
#reportPanelCustomer .customer-directory-v2 .report-customer-row{display:grid!important;grid-template-columns:38px minmax(0,1fr) minmax(105px,.34fr) 20px!important;align-items:center!important;gap:11px!important;min-height:118px!important;padding:13px!important;border:1px solid var(--border)!important;border-left:3px solid transparent!important;border-radius:14px!important;background:var(--surface)!important;box-shadow:0 4px 14px rgba(16,52,77,.035)!important;text-align:left;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
#reportPanelCustomer .customer-directory-v2 .report-customer-row:hover,#reportPanelCustomer .customer-directory-v2 .report-customer-row:focus-visible{border-color:color-mix(in srgb,var(--c360-blue) 38%,var(--border))!important;border-left-color:var(--c360-red)!important;box-shadow:0 9px 22px rgba(16,52,77,.1)!important;transform:translateY(-1px)}
.customer-result-index{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:#edf3f6;color:var(--c360-navy);font-size:10px;font-weight:900;font-variant-numeric:tabular-nums}.report-customer-copy{display:grid;gap:4px;min-width:0}.report-customer-copy .customer-result-code{color:var(--c360-red)!important;font-size:8px!important;font-weight:900;letter-spacing:.07em}.report-customer-copy>strong{overflow:hidden;font-size:12px!important;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.report-customer-copy>em{overflow:hidden;color:var(--muted);font-size:9px!important;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.customer-result-visits{display:flex!important;align-items:center;gap:5px;flex-wrap:wrap;margin-top:3px}.customer-result-visits>b{margin-right:3px;color:var(--ink);font-size:9px}.customer-result-visits>span{display:inline-flex!important;gap:2px;padding:3px 6px;border-radius:999px;background:var(--success-soft);color:var(--success);font-size:8px!important}.customer-result-visits>span b{font-size:8px!important}
#reportPanelCustomer .report-customer-owner{display:grid;align-content:center;gap:3px;min-height:54px;padding-left:11px;border-left:1px solid var(--border)}#reportPanelCustomer .report-customer-owner small{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.05em}#reportPanelCustomer .report-customer-owner strong{overflow:hidden;font-size:10px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}#reportPanelCustomer .row-chevron{color:var(--c360-blue)}

/* Customer 360 detail */
#historyDetail .customer-command-view{--c360-navy:#10344d;--c360-blue:#1e617d;--c360-red:#c90031;--c360-green:#087b66;--c360-soft:#f3f7f9;width:min(1180px,100%);gap:14px!important;margin:0 auto!important;font-size:14px!important}
#historyDetail .customer-command-view :is(.customer-report-summary,.customer-period-overview,.customer-visit-history){padding:18px!important;border:1px solid var(--border)!important;border-radius:18px!important;background:var(--surface)!important;box-shadow:0 7px 22px rgba(16,52,77,.055)!important}
#historyDetail .customer-command-view .customer-report-summary{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:14px 20px!important;border-top:0!important;border-left:4px solid var(--c360-red)!important;background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--authority-soft) 28%,var(--surface)))!important}
#historyDetail .customer-command-view .customer-report-toolbar{grid-column:1/-1;display:flex!important;align-items:center;justify-content:space-between;margin:0!important;padding:0 0 10px!important;border-bottom:1px solid var(--border)!important}#historyDetail .customer-command-view .report-back{display:inline-flex;align-items:center;gap:6px;min-height:38px!important;padding:7px 9px!important;border:1px solid var(--border)!important;border-radius:9px!important;background:var(--surface)!important;font-size:10px!important}
#historyDetail .customer-command-view .customer-summary-identity{display:grid!important;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;padding:0!important;margin:0!important;border:0!important}#historyDetail .customer-command-view .customer-code-badge{display:grid!important;width:48px;height:48px;place-items:center;border-radius:13px;background:var(--c360-navy);color:#fff;font-size:11px;font-weight:900}
#historyDetail .customer-command-view .customer-summary-identity h2{margin:3px 0 0!important;font-size:clamp(18px,2vw,25px)!important;line-height:1.25!important}#historyDetail .customer-command-view .customer-summary-identity p{margin:6px 0 0!important;font-size:11px!important}#historyDetail .customer-command-view .eyebrow{color:var(--c360-red)!important;font-size:9px!important;font-weight:900!important;letter-spacing:.09em!important}
#historyDetail .customer-command-view .wl-followup-label{grid-column:2;grid-row:2;align-self:center;min-width:250px;min-height:64px!important;padding:10px 12px!important;border:1px solid var(--border)!important;border-radius:12px!important;background:var(--surface)!important}#historyDetail .customer-command-view .wl-followup-label strong{font-size:12px!important}#historyDetail .customer-command-view .wl-followup-label small{font-size:9px!important}
#historyDetail .customer-command-view .cp-actions{grid-column:1/-1;display:flex;gap:8px;margin:0!important}#historyDetail .customer-command-view .cp-actions button{min-height:38px!important;padding:7px 11px!important;font-size:10px!important}
#historyDetail .customer-command-view .customer-context-grid{grid-column:1/-1;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px!important;margin:0!important;padding:0!important}#historyDetail .customer-command-view .customer-context-grid>span{display:grid;gap:3px;padding:10px 11px!important;border:1px solid var(--border)!important;border-radius:10px;background:var(--surface)!important}#historyDetail .customer-command-view .customer-context-grid small{font-size:8px!important;text-transform:uppercase!important;letter-spacing:.05em}#historyDetail .customer-command-view .customer-context-grid strong{font-size:12px!important}
#historyDetail .customer-command-view .customer-period-overview{display:grid!important;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:14px 18px!important}#historyDetail .customer-command-view .report-block-heading{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin:0!important;padding-bottom:10px!important;border-bottom:1px solid var(--border)!important}#historyDetail .customer-command-view .report-block-heading h2{font-size:17px!important}
#historyDetail .customer-command-view .customer-inline-range{display:grid!important;grid-template-columns:1fr 1fr;align-items:end;gap:8px!important;margin:0!important;padding:12px!important;border:1px solid var(--border);border-radius:12px;background:var(--c360-soft)}#historyDetail .customer-command-view .customer-inline-range label{font-size:9px!important}#historyDetail .customer-command-view .customer-inline-range input{min-height:40px!important;padding:8px!important;font-size:12px!important}#historyDetail .customer-command-view .customer-inline-range button{grid-column:1/-1;min-height:38px!important;padding:7px 10px!important;border:0!important;background:var(--c360-navy)!important;color:#fff!important;text-align:center}
#historyDetail .customer-command-view .customer-overview-metrics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px!important;padding:0!important;border:0!important}#historyDetail .customer-command-view .customer-overview-metrics>div{display:grid;align-content:center;gap:2px;min-height:92px!important;padding:12px!important;border:1px solid var(--border)!important;border-top:3px solid var(--c360-blue)!important;border-radius:12px!important;background:var(--surface)!important}#historyDetail .customer-command-view .customer-overview-metrics strong{font-size:20px!important}#historyDetail .customer-command-view .customer-overview-metrics span{font-size:10px!important;font-weight:800}#historyDetail .customer-command-view .customer-overview-metrics small{font-size:8px!important}
#historyDetail .customer-command-view .customer-kpi-row{grid-column:1/-1;display:flex;align-items:center;gap:8px;padding:10px 12px!important;border:1px solid var(--border)!important;border-radius:11px;background:var(--c360-soft)}#historyDetail .customer-command-view .customer-kpi-row>span{font-size:9px!important;font-weight:900;text-transform:uppercase}
#historyDetail .customer-command-view .customer-downloads{grid-column:1/-1;display:flex!important;justify-content:flex-start;gap:8px;margin:0!important;padding:0!important;border:0!important}#historyDetail .customer-command-view .customer-downloads button{min-height:38px!important;padding:7px 11px!important;border:1px solid var(--border)!important;border-radius:9px!important;background:var(--surface)!important}
#historyDetail .customer-command-view .customer-visit-history{display:grid!important;gap:11px!important}#historyDetail .customer-command-view .timeline-heading{padding-bottom:10px!important}#historyDetail .customer-command-view .timeline-heading>span{font-size:9px!important}
#historyDetail .customer-command-view .customer-history-source-filter{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px!important;padding:5px;border:1px solid var(--border);border-radius:12px;background:var(--c360-soft)}#historyDetail .customer-command-view .customer-history-source-filter button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px!important;padding:6px 9px!important;border:0!important;border-radius:8px!important;background:transparent!important;font-size:10px!important;text-align:center}#historyDetail .customer-command-view .customer-history-source-filter button.active{background:var(--c360-navy)!important;color:#fff!important;box-shadow:0 3px 9px rgba(16,52,77,.18)}#historyDetail .customer-command-view .customer-history-source-filter button strong{color:inherit!important;font-size:9px!important}
#historyDetail .customer-command-view #customerHistoryVisitList{display:grid;gap:8px}#historyDetail .customer-command-view .customer-history-visit{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;gap:11px!important;padding:12px!important;border:1px solid var(--border)!important;border-left:3px solid var(--c360-green)!important;border-radius:13px!important;background:var(--surface)!important;box-shadow:0 3px 12px rgba(16,52,77,.035)!important}#historyDetail .customer-command-view .customer-history-visit:hover,#historyDetail .customer-command-view .customer-history-visit:focus-visible{border-color:color-mix(in srgb,var(--c360-blue) 36%,var(--border))!important;box-shadow:0 8px 20px rgba(16,52,77,.09)!important}
#historyDetail .customer-command-view .visit-sequence{display:grid!important;width:34px;height:34px;place-items:center;border-radius:9px;background:var(--c360-soft);color:var(--c360-navy);font-size:9px;font-weight:900}#historyDetail .customer-command-view .customer-history-main{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:7px 14px!important}#historyDetail .customer-command-view .customer-history-top{grid-column:1/-1;display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:10px!important}#historyDetail .customer-command-view .customer-history-top small{font-size:9px!important}#historyDetail .customer-command-view .customer-history-top strong{margin:3px 0!important;font-size:13px!important}#historyDetail .customer-command-view .customer-history-top em{font-size:9px!important}
#historyDetail .customer-command-view .customer-history-facts{display:flex!important;gap:5px!important;margin:0!important}#historyDetail .customer-command-view .customer-history-facts>span{display:grid!important;grid-template-columns:auto auto;align-items:center;gap:2px 5px!important;min-width:92px;padding:7px 8px!important;border:1px solid var(--border)!important;border-radius:9px;background:var(--c360-soft)!important}#historyDetail .customer-command-view .customer-history-facts svg{grid-row:1/3;width:14px!important;height:14px!important}#historyDetail .customer-command-view .customer-history-facts b{font-size:10px!important}#historyDetail .customer-command-view .customer-history-facts small{font-size:8px!important}
#historyDetail .customer-command-view .customer-history-kpis{display:flex;align-items:center;justify-content:flex-end;gap:4px}#historyDetail .customer-command-view .customer-history-open{grid-column:1/-1;display:flex!important;align-items:center;justify-content:space-between;margin:0!important;padding:7px 0 0!important;border-top:1px solid var(--border);color:var(--c360-blue)!important}#historyDetail .customer-command-view .customer-history-open strong{font-size:10px!important;color:var(--c360-blue)!important}#historyDetail .customer-command-view .customer-history-open small{font-size:8px!important}

/* Van Sales journey: readable milestone cards. */
.ta-directory .ta-branch.ta-has-van-journey>summary{grid-template-columns:minmax(180px,.9fr) minmax(125px,.48fr) minmax(500px,1.55fr) auto!important;gap:14px!important}
.ta-directory .ta-van-journey{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px!important;overflow:visible!important;border:0!important;background:transparent!important}
.ta-directory .ta-journey-step{display:grid!important;grid-template-rows:auto auto 18px;align-content:center;gap:4px!important;min-height:76px!important;padding:10px 11px!important;border:1px solid var(--family-line)!important;border-radius:11px;background:var(--family-surface)!important;box-shadow:0 3px 10px rgba(16,52,77,.035)}
.ta-directory .ta-journey-step:before{left:auto!important;right:9px!important;top:10px!important;width:7px!important;height:7px!important}.ta-directory .ta-journey-step small{padding-right:12px;color:var(--family-muted)!important;font-size:8px!important;letter-spacing:.08em!important}.ta-directory .ta-journey-step>strong{font-size:13px!important;line-height:1.25!important}.ta-directory .ta-journey-step>em{align-self:end;color:var(--family-muted)!important;font-size:8px!important}
.ta-directory .ta-loading-step{background:color-mix(in srgb,var(--family-good) 5%,var(--family-surface))!important}.ta-directory .ta-loading-range{display:flex!important;align-items:center;gap:5px!important}.ta-directory .ta-loading-range b{font-size:11px!important}.ta-directory .ta-loading-range i{display:grid!important;width:19px;height:19px!important;place-items:center;border-radius:6px!important;background:color-mix(in srgb,var(--family-good) 13%,var(--family-surface))!important;color:var(--family-good);font-size:10px;font-style:normal;font-weight:900}.ta-directory .ta-loading-range i:before,.ta-directory .ta-loading-range i:after{display:none!important}
.ta-directory .ta-loading-step .ta-loading-duration{display:flex!important;align-items:baseline;gap:4px;align-self:end;justify-self:start;padding:0!important;background:transparent!important;color:var(--family-muted)!important;font-size:8px!important}.ta-directory .ta-loading-duration span{font-weight:700}.ta-directory .ta-loading-duration strong{color:var(--family-good);font-size:9px}.ta-directory .ta-loading-step.live .ta-loading-duration strong{color:var(--family-action)}
@media(max-width:1220px){.ta-directory .ta-branch.ta-has-van-journey>summary{grid-template-columns:minmax(0,1fr) auto!important}.ta-directory .ta-has-van-journey .ta-branch-meta{grid-column:1!important}.ta-directory .ta-has-van-journey .ta-van-journey{grid-column:1/-1!important}.ta-directory .ta-has-van-journey .ta-expand-control{grid-column:2!important;grid-row:1/span 2!important}}
@media(max-width:760px){#reportPanelCustomer>.report-filter-card{grid-template-columns:1fr!important}#reportPanelCustomer>.report-filter-card>*{grid-column:1!important}#reportPanelCustomer>.report-filter-card>.period-control,#reportPanelCustomer>.report-filter-card>.customer-directory-filters{grid-row:auto!important}#reportPanelCustomer .customer-directory-v2{grid-template-columns:1fr!important}#historyDetail .customer-command-view .customer-report-summary{grid-template-columns:1fr!important}#historyDetail .customer-command-view .wl-followup-label{grid-column:1!important;grid-row:auto!important;min-width:0}#historyDetail .customer-command-view .customer-context-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#historyDetail .customer-command-view .customer-period-overview{grid-template-columns:1fr!important}#historyDetail .customer-command-view .customer-overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ta-directory .ta-van-journey{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:520px){#reportPanelCustomer>.report-filter-card{padding:12px!important}#reportPanelCustomer>.report-filter-card .filter-heading{align-items:flex-start}#reportPanelCustomer .date-presets{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-directory-v2 .report-customer-row{grid-template-columns:34px minmax(0,1fr) 18px!important;min-height:126px!important}.customer-directory-v2 .report-customer-owner{grid-column:2;padding:6px 0 0!important;border-left:0!important;border-top:1px solid var(--border)}.customer-directory-v2 .row-chevron{grid-column:3;grid-row:1/3}#historyDetail .customer-command-view :is(.customer-report-summary,.customer-period-overview,.customer-visit-history){padding:13px!important;border-radius:14px!important}#historyDetail .customer-command-view .customer-summary-identity{grid-template-columns:40px minmax(0,1fr)}#historyDetail .customer-command-view .customer-code-badge{width:40px;height:40px;border-radius:11px}#historyDetail .customer-command-view .customer-context-grid{grid-template-columns:1fr 1fr}#historyDetail .customer-command-view .customer-history-source-filter{grid-template-columns:1fr}#historyDetail .customer-command-view .customer-history-source-filter button{justify-content:space-between}#historyDetail .customer-command-view .customer-history-main{grid-template-columns:1fr!important}#historyDetail .customer-command-view .customer-history-facts{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))}#historyDetail .customer-command-view .customer-history-facts>span{min-width:0;padding:6px!important}#historyDetail .customer-command-view .customer-history-kpis{justify-content:flex-start}.ta-directory .ta-van-journey{grid-template-columns:1fr!important}.ta-directory .ta-journey-step{grid-template-rows:auto auto!important;min-height:60px!important}.ta-directory .ta-loading-step{grid-template-rows:auto auto auto!important}}
@media(prefers-reduced-motion:reduce){#reportPanelCustomer .report-customer-row{transition:none!important}}

/* Customer 360 v3 — compact customer workspace.
   One visual level per task: find, understand, inspect. */
#reportPanelCustomer{
  --c360-ink:#142c3b;
  --c360-muted:#607380;
  --c360-line:color-mix(in srgb,var(--border) 88%,#b8c7d0);
  --c360-tint:color-mix(in srgb,var(--c360-blue) 5%,var(--surface));
}

/* Find: remove the duplicate title card and keep search + period in one bar. */
#reportPanelCustomer>.report-filter-card{
  grid-template-columns:minmax(360px,1.35fr) minmax(400px,.65fr)!important;
  align-items:end!important;
  gap:10px 18px!important;
  padding:14px 16px!important;
  border-color:var(--c360-line)!important;
  border-radius:14px!important;
  box-shadow:0 4px 14px rgba(16,52,77,.045)!important;
}
#reportPanelCustomer>.report-filter-card .filter-heading{display:none!important}
#reportPanelCustomer>.report-filter-card>label{
  grid-column:1!important;grid-row:1!important;align-self:center!important;
  margin:0!important;color:var(--c360-ink)!important;font-size:11px!important;
  font-weight:850!important;letter-spacing:.02em!important;text-transform:none!important;
}
#reportPanelCustomer>.report-filter-card>.report-search{
  grid-column:1!important;grid-row:2!important;align-self:end!important;
  min-height:48px!important;margin:0!important;border:1px solid var(--c360-line)!important;
  border-radius:11px!important;box-shadow:none!important;
}
#reportPanelCustomer>.report-filter-card>.report-search:focus-within{
  border-color:var(--c360-blue)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--c360-blue) 13%,transparent)!important;
}
#reportPanelCustomer>.report-filter-card>.report-search input{
  height:46px!important;padding-inline:44px 13px!important;font-size:15px!important;font-weight:700!important;
}
#reportPanelCustomer>.report-filter-card>.period-control{
  display:grid!important;grid-column:2!important;grid-row:1/span 2!important;
  grid-template-rows:auto auto;align-content:end;gap:7px!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;
}
#reportPanelCustomer .period-control-head strong{font-size:11px!important}
#reportPanelCustomer .period-control-head>span{color:var(--c360-muted)!important;font-size:10px!important;font-weight:700}
#reportPanelCustomer .date-presets{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px!important}
#reportPanelCustomer .date-presets button{
  min-height:46px!important;padding:6px 7px!important;border:1px solid transparent!important;
  border-radius:9px!important;background:var(--c360-tint)!important;color:var(--c360-muted)!important;
  font-size:10px!important;font-weight:800!important;
}
#reportPanelCustomer .date-presets button.active{
  border-color:var(--c360-navy)!important;background:var(--c360-navy)!important;color:#fff!important;
}

/* Results: a single full-width scan list; no half-empty card grid. */
#reportPanelCustomer #historyResults{margin-top:8px}
#reportPanelCustomer .report-result-head{
  margin:0!important;padding:8px 4px!important;border:0!important;border-radius:0!important;background:transparent!important;
}
#reportPanelCustomer .report-result-head strong{font-size:13px!important}
#reportPanelCustomer .report-result-head span{font-size:10px!important}
#reportPanelCustomer .report-result-head .text-button{min-height:40px;padding:7px 10px}
#reportPanelCustomer .customer-directory-v2{display:grid!important;grid-template-columns:1fr!important;gap:6px!important}
#reportPanelCustomer .customer-directory-v2 .report-customer-row{
  grid-template-columns:36px minmax(0,1fr) minmax(150px,.28fr) 28px!important;
  gap:12px!important;min-height:78px!important;padding:10px 12px!important;
  border:1px solid var(--c360-line)!important;border-left:3px solid transparent!important;
  border-radius:11px!important;box-shadow:none!important;
}
#reportPanelCustomer .customer-directory-v2 .report-customer-row:hover,
#reportPanelCustomer .customer-directory-v2 .report-customer-row:focus-visible{
  border-color:color-mix(in srgb,var(--c360-blue) 42%,var(--c360-line))!important;
  border-left-color:var(--c360-red)!important;box-shadow:0 5px 14px rgba(16,52,77,.075)!important;
  transform:none!important;
}
#reportPanelCustomer .customer-result-index{width:32px;height:32px;border-radius:9px;font-size:10px}
#reportPanelCustomer .report-customer-copy{gap:2px!important}
#reportPanelCustomer .report-customer-copy .customer-result-code{font-size:9px!important}
#reportPanelCustomer .report-customer-copy>strong{font-size:14px!important;line-height:1.3!important}
#reportPanelCustomer .report-customer-copy>em{font-size:11px!important}
#reportPanelCustomer .customer-result-visits{gap:5px!important;margin-top:4px!important}
#reportPanelCustomer .customer-result-visits>b{font-size:10px!important}
#reportPanelCustomer .customer-result-visits>span,
#reportPanelCustomer .customer-result-visits>span b{font-size:9px!important}
#reportPanelCustomer .report-customer-owner{min-height:44px!important;padding-left:13px!important}
#reportPanelCustomer .report-customer-owner small{font-size:9px!important}
#reportPanelCustomer .report-customer-owner strong{font-size:12px!important}
#reportPanelCustomer .row-chevron{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:var(--c360-tint)}
@media(max-width:900px){
  #reportPanelCustomer>.report-filter-card{grid-template-columns:1fr!important}
  #reportPanelCustomer>.report-filter-card>label,#reportPanelCustomer>.report-filter-card>.report-search,#reportPanelCustomer>.report-filter-card>.period-control{grid-column:1!important;grid-row:auto!important}
  #reportPanelCustomer>.report-filter-card>.period-control{padding-top:8px!important;border-top:1px solid var(--c360-line)!important}
}
@media(max-width:620px){
  #reportPanelCustomer>.report-filter-card{padding:11px!important;border-radius:12px!important}
  #reportPanelCustomer .date-presets{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #reportPanelCustomer .date-presets button{min-height:42px!important}
  #reportPanelCustomer .customer-directory-v2 .report-customer-row{grid-template-columns:32px minmax(0,1fr) 28px!important;gap:9px!important;min-height:104px!important;padding:10px!important}
  #reportPanelCustomer .report-customer-owner{grid-column:2!important;min-height:0!important;padding:6px 0 0!important;border-top:1px solid var(--c360-line)!important;border-left:0!important}
  #reportPanelCustomer .row-chevron{grid-column:3!important;grid-row:1/span 2!important}
}


/* van-sales.css */
body.van-sales{--brand:#087f83;--primary:#087f83;--accent:#087f83;background:#f3f6f8}body.van-sales .primary-button{background:#087f83;border-color:#087f83;color:#fff;min-height:48px;border-radius:14px}body.van-sales .secondary-button{min-height:44px;border-radius:12px}body.van-sales .workflow-card,body.van-sales .sku-entry-card{border-radius:20px}.van-hero{background:#142d3c;color:#fff;border-radius:22px;padding:25px;margin-bottom:18px}.van-hero .eyebrow{color:#76dfcc;font-size:11px;letter-spacing:.09em}.van-hero h2{font-size:26px;line-height:1.2;margin:10px 0}.van-hero p{color:#c5d6df;margin:0;line-height:1.6}.van-steps{display:flex;justify-content:space-between;list-style:none;padding:0 5px;margin:18px 0 24px;gap:6px}.van-steps li{display:grid;justify-items:center;gap:6px;color:#667782;font-size:11px}.van-steps li span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#e0e8ed;font-weight:700}.van-steps .current{color:#087f83;font-weight:700}.van-steps .current span,.van-steps .done span{background:#087f83;color:white}.van-card{padding:22px;background:var(--card,#fff);border:1px solid #dce5e9;border-radius:20px;margin-bottom:16px;min-width:0}.van-card h3{margin:0 0 8px;font-size:19px}.van-card p{color:#60717d;line-height:1.55;margin:6px 0 20px}.van-store{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.van-store>span svg{width:25px}.van-store>div{flex:1;min-width:150px}.van-store p{margin-bottom:0}.van-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.van-choice button{min-height:72px;border-radius:15px;border:1px solid #cfdae0;background:transparent;display:flex;align-items:center;justify-content:center;gap:12px;font-size:22px;color:inherit}.van-choice button.selected{border:2px solid #087f83;background:#e6f5f2;color:#07675d}.van-card label{font-size:14px;font-weight:650}.van-card input[type=text],.van-card textarea{box-sizing:border-box;width:100%;padding:14px;border:1px solid #bcced7;border-radius:12px;margin:8px 0;font:inherit;background:transparent;color:inherit}.van-card small{display:block;color:#667782;font-size:12px;font-weight:400;line-height:1.5}.van-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.van-section-title>span{color:#087f83;font-weight:700}.van-kpis{display:grid;grid-template-columns:1fr 1fr;gap:12px}.van-kpis .kpi-card{margin:0;min-width:0;text-align:left;border-radius:14px}.van-actions{display:flex;gap:12px;margin:20px 0 30px}.van-actions .primary-button{flex:1}.van-metrics{display:flex;gap:12px;margin:22px 0}.van-metrics>div{flex:1;min-width:0;display:grid;gap:5px}.van-metrics strong{font-size:25px;color:#087f83}.van-metrics span{font-size:12px;color:#657782}.van-results{margin:0}.van-results>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #e4ebef;padding:13px 0;font-size:14px}.van-results dt{color:#657782}.van-results dd{font-weight:650;text-align:right;margin:0;overflow-wrap:anywhere;max-width:65%}.van-receipt{text-align:center}.van-success{display:grid;place-items:center;width:64px;height:64px;margin:10px auto 24px;background:#e5f6ef;color:#087f83;border-radius:50%;font-size:35px}.van-invoice #vanInvoiceField[hidden]{display:none}.van-sales :focus-visible{outline:3px solid #20b9b0;outline-offset:3px}@media(max-width:480px){.van-kpis{grid-template-columns:1fr}.van-card{padding:18px}.van-hero{padding:22px}.van-results>div{font-size:13px}}@media(prefers-reduced-motion:reduce){.van-sales *{scroll-behavior:auto!important}}html[data-theme=dark] .van-card{background:#172731;border-color:#354952;color:#edf6f8}html[data-theme=dark] body.van-sales{background:#101b23}html[data-theme=dark] .van-card p,html[data-theme=dark] .van-results dt{color:#adc1cc}
.van-actions>.primary-button,.van-actions>.secondary-button{width:auto;min-width:0;flex:1 1 0;padding:14px 12px;white-space:normal}.van-actions>.secondary-button{flex:0 0 28%}body.van-sales .hero-card,body.van-sales .day-start-header,body.van-sales .close-day-header{background:#142d3c;color:white}body.van-sales .hero-card p{color:#c5d6df}body.van-sales .home-metrics{gap:12px}body.van-sales .primary-card{border-radius:20px}body.van-sales .van-card{box-shadow:0 2px 6px #142d3c03}

/* Keep every Van Sales action above Android navigation and Telegram chrome. */
body.van-sales{--van-bottom-gap:max(40px,var(--van-safe-bottom,40px),env(safe-area-inset-bottom,0px),var(--tg-content-safe-area-inset-bottom,0px),var(--tg-safe-area-inset-bottom,0px))}
body.van-sales .modal-overlay{box-sizing:border-box;padding-bottom:var(--van-bottom-gap)!important}
body.van-sales .modal-sheet{max-height:calc(var(--app-viewport-height,100dvh) - var(--van-bottom-gap) - 32px)}
body.van-sales .modal-actions{bottom:0;margin-bottom:0;padding-bottom:16px}
body.van-sales .bottom-nav{bottom:calc(var(--van-bottom-gap) + 8px)}
body.van-sales #visitContent{padding-bottom:calc(var(--van-bottom-gap) + 90px)}
body.van-sales .close-day-footer,body.van-sales .live-camera-sheet footer{padding-bottom:var(--van-bottom-gap)}
body.van-sales .day-start-gate{padding-bottom:var(--van-bottom-gap);max-height:calc(var(--app-viewport-height,100dvh) - var(--van-bottom-gap))}
body.van-sales input:focus{border-color:#087f83;box-shadow:0 0 0 3px #087f8326}

body.van-sales .van-route-options{display:grid;gap:12px;margin-top:20px}body.van-sales .van-route-options button{min-height:88px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;padding:18px}body.van-sales .van-route-options small{font-weight:400}body.van-sales #vanExterior img{width:100%;max-width:180px;border-radius:12px;margin-top:12px}body.van-sales #vanNoInvoiceField{margin-top:18px}body.van-sales #vanNoInvoiceReason{width:100%;min-height:100px;margin-top:8px}

body.van-sales .van-route-options .primary-button small{color:inherit;opacity:1}

body.van-sales #fieldNavButton,body.van-sales #fieldRequestSpotlight,body.van-sales #fieldUrgentNotice,body.van-sales #screen-market{display:none!important}body.van-sales .bottom-nav{grid-template-columns:repeat(4,minmax(0,1fr))}

body.van-sales:not(.auth-required) .bottom-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important;bottom:max(8px,env(safe-area-inset-bottom),var(--tg-content-safe-area-inset-bottom,0px))!important}
body.van-sales #quickTemporaryShop,body.van-sales #addTemporaryBeforeDay,body.van-sales .new-shop-entry{display:none!important}
body.van-sales .field-store-actions{display:flex!important;flex-wrap:wrap;gap:12px}body.van-sales .field-store-actions>button{flex:1 1 220px;min-height:56px!important}
body.van-sales .van-dip-office-action{display:grid;align-content:center;gap:3px;text-align:left}body.van-sales .van-dip-office-action strong,body.van-sales .van-dip-office-action small{display:block}body.van-sales .van-dip-office-action small{color:var(--muted);font-size:11px;font-weight:500;line-height:1.35}

/* Equal emphasis for both first-stop destinations. */
body.van-sales .van-route{--route-surface:#f0f7f8;--route-border:#b8d4d7;--route-ink:#163d47;--route-muted:#48636c;--route-icon:#deedef;--route-focus:#087f83;padding:16px}
body.van-sales .van-route-options{display:grid;grid-template-columns:1fr;gap:14px}
body.van-sales .van-route-options .van-route-choice{display:grid;grid-template-columns:44px minmax(0,1fr) 16px;align-items:center;gap:12px;width:100%;min-height:112px;padding:18px 14px;border:1.5px solid var(--route-border);border-radius:16px;background:var(--route-surface);color:var(--route-ink);text-align:left;box-shadow:none;cursor:pointer}
body.van-sales .van-route-choice strong{display:block;font-size:16px;line-height:1.4;font-weight:700}
body.van-sales .van-route-choice small{margin-top:5px;font-size:13px;line-height:1.5;color:var(--route-muted)}
body.van-sales .van-route-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--route-icon);color:var(--route-ink)}
body.van-sales .van-route-icon svg{width:26px;height:26px}
body.van-sales .van-route-arrow{font-size:28px;color:var(--route-ink)}
body.van-sales .van-route-choice:focus-visible{outline:3px solid var(--route-focus);outline-offset:3px}
body.van-sales .van-route-choice:active{background:var(--route-icon)}
body.van-sales .van-route-choice:disabled{opacity:.65;cursor:wait}
body.van-sales .van-route .van-route-intro{margin:0 0 16px;color:var(--route-muted)}
body.van-sales .van-route .van-route-feedback{margin:12px 0 0;color:var(--route-ink);font-size:14px}
body.van-sales .van-route-feedback:empty{display:none}
[data-theme="dark"] body.van-sales .van-route{--route-surface:#17323c;--route-border:#547983;--route-ink:#e8f6f7;--route-muted:#bad2d8;--route-icon:#284c58;--route-focus:#75d6d0}
/* Van Sales vehicle control */
.workday-odometer{display:flex!important;align-items:center;justify-content:space-between;gap:16px;margin:12px 0 0!important;padding:13px 14px;border:1px solid color-mix(in srgb,var(--accent),transparent 62%);border-radius:14px;background:var(--accent-soft)}
.workday-odometer>span:first-child{display:flex;align-items:center;gap:10px}.workday-odometer svg{width:22px;height:22px;color:var(--accent-strong)}
.workday-odometer strong,.workday-odometer small{display:block}.workday-odometer small{margin-top:2px;color:var(--muted);font-size:11px}
.odometer-input{display:flex;align-items:center;gap:7px;min-width:170px;padding:0 10px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface-raised)}
.odometer-input input{min-width:0;width:130px;min-height:44px;padding:8px 2px;border:0!important;background:transparent!important;font-size:17px;font-weight:800;text-align:right}.odometer-input b{color:var(--muted);font-size:11px}
.close-day-approval-panel .workday-odometer{margin:14px 0!important}
@media(max-width:520px){.workday-odometer{align-items:stretch;flex-direction:column}.odometer-input{width:100%}.odometer-input input{width:100%;text-align:left}}


/* item-master.css */
/* Permanent Item Master control */
.item-master-control{margin:20px 0;padding:0;overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-sm)}
.item-master-control *{box-sizing:border-box}
.im-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:20px;border-top:4px solid #9f171b;background:linear-gradient(135deg,color-mix(in srgb,#9f171b 6%,var(--surface)),var(--surface))}
.im-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#132f42;color:#fff;font-size:13px;font-weight:900;letter-spacing:.04em}
.im-head>div>span{color:#9f171b;font-size:10px;font-weight:900;letter-spacing:.08em}.im-head h2{margin:3px 0;font-size:22px}.im-head p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.im-head>em{padding:6px 9px;border:1px solid color-mix(in srgb,#9f171b 25%,var(--border));border-radius:999px;color:#9f171b;background:var(--surface);font-size:10px;font-style:normal;font-weight:850}
.im-search-panel{display:grid;gap:12px;padding:20px}.im-search-heading{display:flex;align-items:end;justify-content:space-between;gap:12px}.im-search-heading>div{display:grid;gap:3px}.im-search-heading span{color:#9f171b;font-size:10px;font-weight:900;letter-spacing:.08em}.im-search-heading strong{font-size:17px}.im-search-heading small{color:var(--muted);font-size:11px}
.im-search-box{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.im-search-box>.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.im-search-box input{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--border-strong);border-radius:11px;background:var(--surface);color:var(--ink);font:inherit;font-size:16px;outline:none}.im-search-box input:focus{border-color:#9f171b;box-shadow:0 0 0 3px color-mix(in srgb,#9f171b 12%,transparent)}.im-search-box button{min-width:72px;min-height:48px;padding:0 14px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:#9f171b;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.im-search-results{min-height:46px}.im-search-results>p{margin:0;padding:14px;border:1px dashed var(--border);border-radius:11px;color:var(--muted);font-size:12px;text-align:center}.im-search-count{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;color:var(--ink);font-size:11px}.im-search-count small{color:var(--muted)}.im-item-list{overflow:hidden;border:1px solid var(--border);border-radius:12px}.im-item-row{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:12px;min-height:58px;padding:10px 12px;border-bottom:1px solid var(--border)}.im-item-row:last-child{border-bottom:0}.im-item-row>span{color:#9f171b;font-size:12px;font-weight:900}.im-item-row>div{display:grid;gap:3px;min-width:0}.im-item-row strong{font-size:13px;line-height:1.35}.im-item-row small{color:var(--muted);font-size:10px}.im-search-empty{display:grid;gap:4px;padding:16px;border:1px dashed var(--border);border-radius:11px;text-align:center}.im-search-empty strong{font-size:13px}.im-search-empty small{color:var(--muted);font-size:11px}.im-search-empty.error{border-color:color-mix(in srgb,#9f171b 35%,var(--border));color:#9f171b}
.im-add-disclosure{border-top:1px solid var(--border)}.im-add-disclosure>summary{display:flex;align-items:center;gap:11px;min-height:58px;padding:12px 20px;cursor:pointer;list-style:none}.im-add-disclosure>summary::-webkit-details-marker{display:none}.im-add-disclosure>summary>span:first-child{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,#9f171b 9%,var(--surface));color:#9f171b;font-size:20px}.im-add-disclosure>summary>span:last-child{display:grid;gap:2px}.im-add-disclosure>summary strong{font-size:14px}.im-add-disclosure>summary small{color:var(--muted);font-size:10px}.im-add-disclosure[open]>summary{background:var(--canvas)}
.im-rule{display:flex;justify-content:space-between;gap:12px;padding:10px 20px;border-block:1px solid var(--border);background:var(--canvas);font-size:11px}.im-rule span{color:#087d58;font-weight:850}.im-rule strong{color:var(--muted);font-weight:700}
.im-form{display:grid;grid-template-columns:minmax(170px,.55fr) minmax(260px,1.45fr) auto;align-items:end;gap:14px;padding:20px}.im-form label{display:grid;gap:7px;color:var(--ink);font-size:12px;font-weight:800}.im-form input,.im-form textarea{width:100%;min-height:48px;padding:12px;border:1px solid var(--border-strong);border-radius:11px;background:var(--surface);color:var(--ink);font:inherit;font-size:14px;outline:none}.im-form textarea{resize:vertical;min-height:74px}.im-form input:focus,.im-form textarea:focus{border-color:#9f171b;box-shadow:0 0 0 3px color-mix(in srgb,#9f171b 12%,transparent)}.im-form label small{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;font-weight:500}
.im-submit{display:flex;align-items:center;justify-content:center;gap:10px;min-height:74px;padding:12px 18px;border:0;border-radius:12px;background:#9f171b;color:#fff;font:inherit;cursor:pointer}.im-submit>span:first-child{font-size:22px}.im-submit>span:last-child{display:grid;gap:3px;text-align:left}.im-submit strong{font-size:13px}.im-submit small{font-size:10px;opacity:.8}.im-submit:disabled{opacity:.68;cursor:wait}
.im-result{display:none;align-items:center;gap:12px;margin:0 20px 20px;padding:13px 14px;border-radius:12px}.im-result:not(:empty){display:flex}.im-result>span{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;font-weight:900}.im-result>div{display:grid;gap:3px;flex:1}.im-result strong{font-size:13px}.im-result small{color:var(--muted);font-size:11px}.im-result button{padding:9px 12px;border:1px solid currentColor;border-radius:9px;background:transparent;color:inherit;font:inherit;font-size:11px;font-weight:800}.im-result.is-success{border:1px solid color-mix(in srgb,#087d58 28%,var(--border));background:color-mix(in srgb,#087d58 8%,var(--surface));color:#087d58}.im-result.is-error{border:1px solid color-mix(in srgb,#9f171b 28%,var(--border));background:color-mix(in srgb,#9f171b 7%,var(--surface));color:#9f171b}.im-spinner{border:3px solid color-mix(in srgb,#9f171b 22%,transparent);border-top-color:#9f171b;animation:im-spin .75s linear infinite}@keyframes im-spin{to{transform:rotate(360deg)}}
@media(max-width:820px){.im-form{grid-template-columns:1fr 1fr}.im-submit{grid-column:1/-1;min-height:58px}.im-head{grid-template-columns:auto 1fr}.im-head>em{grid-column:1/-1;width:max-content}}
@media(max-width:540px){.item-master-control{border-radius:14px}.im-head{padding:16px}.im-head h2{font-size:20px}.im-search-panel{padding:16px}.im-search-heading{align-items:start;flex-direction:column;gap:4px}.im-item-row{grid-template-columns:76px minmax(0,1fr);padding:10px 9px}.im-add-disclosure>summary{padding-inline:16px}.im-rule{display:grid;padding:10px 16px}.im-form{grid-template-columns:1fr;padding:16px}.im-submit{grid-column:auto}.im-result{align-items:flex-start;margin:0 16px 16px;flex-wrap:wrap}.im-result button{width:100%}}
@media(prefers-reduced-motion:reduce){.im-spinner{animation:none}}


/* supervisor-reviews.css */
/* Daily Visit Review — one queue, one reviewer, a separate read-only overview. */
.supervisor-review-screen{max-width:1320px;margin-inline:auto}
.supervisor-review-screen .sr-masthead{display:flex;align-items:center;gap:14px;padding:20px;margin-bottom:12px;border:1px solid var(--family-line);border-radius:12px;background:var(--family-surface);color:var(--family-ink)}
.supervisor-review-screen .sr-masthead>div:nth-child(2){flex:1;min-width:0}.supervisor-review-screen .sr-masthead h1{font-size:24px;margin:4px 0;color:var(--family-ink)}
.supervisor-review-screen .sr-masthead p{font-size:13px;color:var(--family-muted);margin:0;line-height:1.5}.supervisor-review-screen .sr-masthead-icon{display:none}
.supervisor-review-screen .sr-period{display:flex;gap:8px;align-items:end}.sr-period label{display:grid;gap:5px;font-size:11px;color:var(--family-muted)}
.supervisor-review-screen .sr-period input{width:145px;min-height:44px;border:1px solid var(--family-line);background:var(--family-surface);color:var(--family-ink);border-radius:8px;padding:8px;box-sizing:border-box}
.dvr{color:var(--family-ink);font:14px/1.5 Arial,sans-serif;text-align:left;min-width:0}
.dvr *{box-sizing:border-box}.dvr button,.dvr input,.dvr select,.dvr textarea{font:inherit;color:var(--family-ink)}
.dvr button{cursor:pointer;min-height:44px;border:1px solid var(--family-line);border-radius:8px;padding:9px 12px;background:var(--family-surface);color:var(--family-ink)}
.dvr button:disabled{opacity:.55;cursor:wait}.dvr button:focus-visible,.dvr input:focus-visible,.dvr select:focus-visible,.dvr textarea:focus-visible{outline:3px solid var(--family-action);outline-offset:2px}
.dvr-role{display:flex;align-items:center;gap:12px;margin:14px 0}.dvr-role>span{font-weight:600}.dvr-role>small{color:var(--family-muted);flex:1}.dvr-role>button{margin-left:auto}
.dvr-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}
.dvr-metrics>button{display:grid;gap:4px;text-align:left;padding:14px 16px;min-height:86px}.dvr-metrics strong{font-size:26px;font-weight:600;line-height:1.25;font-variant-numeric:tabular-nums}.dvr-metrics span{font-size:12px;color:var(--family-muted)}
.dvr [aria-pressed="true"]{border-color:var(--family-action);box-shadow:inset 0 0 0 1px var(--family-action);background:var(--family-action-soft);color:var(--family-action)}
.dvr-filters{display:grid;grid-template-columns:1fr 1.3fr 1fr 1.5fr;gap:10px;padding:14px;border:1px solid var(--family-line);border-radius:10px;background:var(--family-surface)}
.dvr label{display:grid;gap:5px;font-size:12px;min-width:0}.dvr select,.dvr input,.dvr textarea{width:100%;min-width:0;min-height:44px;border:1px solid var(--family-line);border-radius:8px;background:var(--family-surface);padding:9px 10px;font-size:14px}.dvr textarea{min-height:100px;resize:vertical;line-height:1.5}
.dvr-status-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.dvr-status-tabs>button{font-size:12px;flex:0 1 auto}
.dvr-workspace{display:grid;grid-template-columns:minmax(280px,350px) minmax(0,1fr);gap:14px;align-items:start}
.dvr-queue,.dvr-detail{min-width:0;border:1px solid var(--family-line);border-radius:12px;background:var(--family-surface);overflow:hidden}.dvr-queue{max-height:920px;overflow:auto;overscroll-behavior:contain}
.dvr-list-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px;border-bottom:1px solid var(--family-line)}.dvr-list-heading small{font-size:11px;color:var(--family-muted)}
.dvr .dvr-visit{width:100%;display:grid;gap:6px;border:0;border-radius:0;border-bottom:1px solid var(--family-line);padding:14px;text-align:left;box-shadow:none;white-space:normal}
.dvr .dvr-visit.selected{background:var(--family-action-soft);box-shadow:inset 3px 0 var(--family-action)}.dvr-visit>strong{font-size:14px;line-height:1.45;overflow-wrap:break-word;color:var(--family-ink)}
.dvr-visit-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:var(--family-muted)}.dvr-visit-top>em{font-style:normal;padding:3px 6px;border-radius:5px;background:var(--family-bg);font-size:10px;color:var(--family-muted)}
.dvr-visit-top>em[data-status="APPROVED"]{color:#076346;background:#e9f7ef}.dvr-visit-top>em[data-status="CLARIFICATION"],.dvr-visit-top>em[data-status="FOLLOW_UP"]{color:#815100;background:#fff4da}
.dvr-employee{font-size:12px;color:var(--family-ink)}.dvr-visit>small{font-size:11px;color:var(--family-muted)}.dvr-more{margin:12px;width:calc(100% - 24px)}
.dvr-detail{padding:20px;min-height:320px}.dvr-detail-head>small{font-size:11px;color:var(--family-muted)}.dvr-detail-head h2{font-size:21px;line-height:1.4;margin:5px 0;color:var(--family-ink);overflow-wrap:break-word}.dvr-detail-head p{font-size:12px;color:var(--family-muted);margin:4px 0 18px}
.dvr-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;background:var(--family-bg);border-radius:8px;margin:0 0 14px}.dvr-facts>div{min-width:0}.dvr-facts dt{font-size:11px;color:var(--family-muted)}.dvr-facts dd{font-size:13px;margin:4px 0 0;overflow-wrap:break-word}.dvr-facts>div:first-child{grid-column:1/-1}
.dvr .dvr-report{width:100%;border-color:var(--family-line);font-weight:600}.dvr-products{margin:14px 0;border:1px solid var(--family-line);border-radius:8px}.dvr-products>summary{padding:12px;min-height:48px;cursor:pointer;font-size:13px;font-weight:600}.dvr-products>.visit-sku-overview{margin:0;border:0;border-radius:0}
.dvr-form{display:grid;gap:12px;border-top:1px solid var(--family-line);padding-top:18px;margin-top:18px}.dvr-form h3{font-size:16px;margin:0}.dvr-decisions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dvr-decisions>button{padding:9px 5px;font-size:12px;font-weight:600;white-space:normal}
.dvr-form label>span{display:flex;align-items:baseline;gap:8px}.dvr-form label small,.dvr-form>small{font-size:11px;color:var(--family-muted)}.dvr [hidden]{display:none!important}
.dvr .dvr-save{width:100%;background:var(--family-action);border-color:var(--family-action);color:var(--family-on-action,#fff);font-weight:600;min-height:48px}.dvr-error:empty{display:none}.dvr-error{margin:0;color:var(--family-warning);font-size:13px}
.dvr-readonly{padding:14px;background:var(--family-bg);border-radius:8px;font-size:13px;line-height:1.6}.dvr-history{margin:18px 0 0}.dvr-history>summary{min-height:44px;align-content:center;cursor:pointer;font-size:13px}.dvr-history article{padding:12px 0;border-bottom:1px solid var(--family-line);display:grid;gap:4px;font-size:13px}.dvr-history article>small{font-size:11px;color:var(--family-muted)}.dvr-history article p{margin:4px 0;white-space:pre-wrap;overflow-wrap:break-word}
.dvr-warning{padding:12px;background:#fff4da;color:#815100;border:1px solid #e4c78b;border-radius:8px;font-size:13px;line-height:1.6}.dvr-transition{margin:18px 0;color:var(--family-muted);font-size:12px}.dvr-transition>summary{min-height:44px;align-content:center;cursor:pointer}.dvr-transition p{max-width:720px;line-height:1.6}
.dvr-empty{padding:30px 18px;text-align:center;color:var(--family-muted)}.dvr-empty strong{display:block;font-size:16px;color:var(--family-ink)}.dvr-empty p{font-size:13px;line-height:1.6}.dvr-loading{padding:25px;color:var(--family-muted)}.dvr .dvr-back{display:none}
html[data-theme="dark"] .dvr-warning{background:#3d321d;color:#f7db99;border-color:#6d5930}html[data-theme="dark"] .dvr-visit-top>em[data-status="APPROVED"]{background:#153b2e;color:#a2edc8}html[data-theme="dark"] .dvr-visit-top>em[data-status="CLARIFICATION"],html[data-theme="dark"] .dvr-visit-top>em[data-status="FOLLOW_UP"]{background:#3d321d;color:#f7db99}
@media(max-width:900px){.supervisor-review-screen .sr-masthead{flex-wrap:wrap}.supervisor-review-screen .sr-period{width:100%}.dvr-workspace{grid-template-columns:1fr}.dvr-detail{display:none}.dvr-selected .dvr-detail{display:block}.dvr-selected .dvr-queue{display:none}.dvr .dvr-back{display:block;margin-bottom:16px}.dvr-queue{max-height:none}.dvr-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.supervisor-review-screen .sr-masthead{padding:14px}.supervisor-review-screen .sr-masthead h1{font-size:22px}.supervisor-review-screen .sr-period{display:grid;grid-template-columns:1fr 1fr}.supervisor-review-screen .sr-period label{min-width:0}.supervisor-review-screen .sr-period input{width:100%;font-size:16px}.supervisor-review-screen .sr-period button{grid-column:1/-1}.dvr-role{flex-wrap:wrap;gap:6px 10px}.dvr-role>small{flex-basis:100%;order:3}.dvr-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dvr-metrics>button{padding:12px;min-height:76px}.dvr-metrics strong{font-size:24px}.dvr-filters{padding:12px;gap:10px}.dvr input,.dvr select,.dvr textarea{font-size:16px}.dvr-detail{padding:14px}.dvr-status-tabs>button{flex:1 1 auto}.dvr-decisions{gap:6px}.dvr-detail-head h2{font-size:20px}.dvr-facts{gap:10px}}

.dvr-filter-panel{border:1px solid var(--family-line);border-radius:10px;background:var(--family-surface)}.dvr-filter-panel>summary{min-height:46px;padding:12px 14px;font-size:13px;cursor:pointer}.dvr-filter-panel .dvr-filters{border:0;border-top:1px solid var(--family-line);border-radius:0}
.dvr-detail-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.dvr-detail-nav>span{display:flex;gap:8px;margin-left:auto}.dvr-detail-nav button{font-size:12px;min-height:44px}.dvr .dvr-back{margin-bottom:0}.dvr-detail,.dvr-queue{scroll-margin-top:155px}
.dvr button:disabled{cursor:default}.dvr .dvr-save:disabled{cursor:wait}.dvr-history-pages{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;font-size:12px}
.supervisor-review-screen .dvr-period{position:relative;margin-left:auto}.dvr-period>summary{list-style:none;border:1px solid var(--family-line);border-radius:8px;min-height:44px;padding:10px 14px;cursor:pointer;font-size:13px}.dvr-period>summary::after{content:' ▾';color:var(--family-muted)}.supervisor-review-screen .dvr-period .sr-period{position:absolute;right:0;top:52px;z-index:10;background:var(--family-surface);border:1px solid var(--family-line);padding:14px;border-radius:10px;box-shadow:0 8px 30px #0002;width:max-content}
@media(max-width:520px){.supervisor-review-screen .dvr-period{margin-left:0;width:100%}.supervisor-review-screen .dvr-period .sr-period{position:static;margin-top:8px;width:100%;box-shadow:none}.dvr-status-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.dvr-status-tabs>button{padding:8px 3px;font-size:11px}.dvr-detail,.dvr-queue{scroll-margin-top:90px}.dvr-detail-nav{gap:6px}.dvr-detail-nav button{padding:8px;font-size:11px}}

.dvr-report-actions{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:8px}.dvr-report-actions>button{font-size:12px;font-weight:600}
.dvr-history-dates{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin-bottom:12px}.dvr-history-dates input{max-width:100%}
#screen-reviews .dvr h2,#screen-reviews .dvr h3{color:var(--family-ink)}
@media(max-width:520px){.dvr-history-dates{grid-template-columns:1fr 1fr}.dvr-history-dates>button{grid-column:1/-1}}


/* review-workspace.css */
/* Reviews, reports and tasks navigation workspace. */
.review-workspace-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0 20px;
  padding: 6px;
  border: 1px solid #dbe3ea;
  border-radius: 18px;
  background: #f2f6f8;
}

.review-workspace-tabs button {
  display: flex;
  align-items: center;
  gap: 11px;
  min-height: 62px;
  padding: 10px 14px;
  border: 1px solid transparent;
  border-radius: 13px;
  background: transparent;
  color: #50606d;
  text-align: left;
  cursor: pointer;
}

.review-workspace-tabs button > span:first-child {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  border-radius: 11px;
  background: #e2e9ee;
}

.review-workspace-tabs svg { width: 20px; height: 20px; stroke-width: 1.8; }
.review-workspace-tabs button > span:last-child { display: grid; gap: 1px; min-width: 0; }
.review-workspace-tabs strong { color: #173346; font-size: 14px; line-height: 1.2; }
.review-workspace-tabs small { color: #71808b; font-size: 11px; line-height: 1.25; }

.review-workspace-tabs button.active,
.review-workspace-tabs button[aria-current="page"] {
  border-color: #0d526c;
  background: #fff;
  color: #0d526c;
  box-shadow: 0 7px 18px rgb(20 57 74 / 9%);
}

.review-workspace-tabs button.active > span:first-child,
.review-workspace-tabs button[aria-current="page"] > span:first-child {
  background: #e5f3f5;
  color: #087b79;
}

.company-tasks-screen { padding-top: 10px; }
.company-tasks-screen #companyTasksMount { min-height: min(720px, 80vh); }

html[data-theme="dark"] .review-workspace-tabs {
  border-color: #33434f;
  background: #1c2730;
}
html[data-theme="dark"] .review-workspace-tabs button { color: #b9c5cd; }
html[data-theme="dark"] .review-workspace-tabs button > span:first-child { background: #2b3944; }
html[data-theme="dark"] .review-workspace-tabs strong { color: #eef5f8; }
html[data-theme="dark"] .review-workspace-tabs small { color: #9eadb8; }
html[data-theme="dark"] .review-workspace-tabs button.active,
html[data-theme="dark"] .review-workspace-tabs button[aria-current="page"] {
  border-color: #5aa9ba;
  background: #23333e;
}

@media (max-width: 640px) {
  .review-workspace-tabs { gap: 5px; margin: 10px 0 15px; padding: 5px; border-radius: 15px; }
  .review-workspace-tabs button { min-height: 54px; gap: 8px; padding: 8px; border-radius: 11px; }
  .review-workspace-tabs button > span:first-child { width: 32px; height: 32px; flex-basis: 32px; }
  .review-workspace-tabs svg { width: 18px; height: 18px; }
  .review-workspace-tabs strong { font-size: 12px; }
  .review-workspace-tabs small { display: none; }
  .company-tasks-screen { padding: 0; }
}


/* region-area-report.css */
.rar{--rar-navy:#102f4a;--rar-green:#08745b;--rar-border:#d9e3ea;--rar-muted:#617484;display:grid;gap:14px;color:var(--ink,#172a3a)}
.rar-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px;border:1px solid var(--rar-border);border-top:4px solid var(--rar-navy);border-radius:16px;background:var(--surface,#fff)}
.rar-head h2{margin:3px 0 5px;font-size:25px;line-height:1.2;color:var(--rar-navy)}.rar-head p{margin:0;color:var(--rar-muted);line-height:1.5}
.rar-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.rar-export,.rar-plan{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 15px;border-radius:10px;font-weight:800;cursor:pointer}.rar-export{border:0;background:var(--rar-navy);color:#fff}.rar-plan{border:1px solid #08745b;background:#eaf7f2;color:#06634e}.rar-export svg,.rar-plan svg{width:18px;height:18px;stroke-width:2}.rar-export:hover{background:#174563}.rar-plan:hover:not(:disabled){background:#d9f1e7}.rar-plan:disabled{border-color:#d5e0e6;background:#f1f4f6;color:#8a9aa4;cursor:not-allowed}.rar-export:focus-visible,.rar button:focus-visible,.rar input:focus-visible{outline:3px solid rgb(37 99 235 / 30%);outline-offset:2px}
.rar-period{display:grid;grid-template-columns:minmax(170px,220px) auto minmax(170px,220px) auto 1fr;align-items:end;gap:10px;padding:14px;border:1px solid var(--rar-border);border-radius:14px;background:var(--surface,#fff)}
.rar-period label{display:grid;gap:5px}.rar-period label span{font-size:11px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;color:#526675}.rar-period input{min-height:42px;padding:0 11px;border:1px solid #cbd8e2;border-radius:9px;background:var(--surface,#fff);color:inherit;font:inherit}.rar-period>button{min-height:42px;padding:0 15px;border:1px solid var(--rar-navy);border-radius:9px;background:#fff;color:var(--rar-navy);font-weight:800;cursor:pointer}.rar-period>button:hover{background:#eef4f8}.rar-period>small{align-self:center;justify-self:end;color:var(--rar-muted);font-weight:700}.rar-period-arrow{align-self:center;color:#7b8d99}
.rar-message{padding:18px;border:1px solid #cfe0e8;border-radius:14px;background:#f4f8fa;color:#36566a;font-weight:700}.rar-message.is-error{border-color:#f0b9c2;background:#fff0f2;color:#a71d31}
.rar-team-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:6px;border:1px solid var(--rar-border);border-radius:14px;background:#f1f5f8}.rar-team-tabs button{min-height:48px;padding:9px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:#536675;font-weight:800;cursor:pointer}.rar-team-tabs button[aria-pressed="true"]{border-color:#b8cad5;background:#fff;color:var(--rar-navy);box-shadow:0 5px 13px rgb(16 47 74 / 9%)}
.rar-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--rar-border);border-radius:14px;overflow:hidden;background:var(--surface,#fff)}.rar-kpis article{display:grid;gap:4px;min-height:92px;padding:16px;border-right:1px solid var(--rar-border);align-content:center}.rar-kpis article:last-child{border-right:0}.rar-kpis small{font-size:11px;color:var(--rar-muted);font-weight:750}.rar-kpis strong{font-size:25px;line-height:1;color:var(--rar-navy)}.rar-kpis .warning strong{color:#b45309}.rar-kpis .gps{background:#fff8e8}.rar-kpis .gps strong{color:#9a5c00}
.rar-filters{display:grid;gap:11px;padding:14px;border:1px solid var(--rar-border);border-radius:14px;background:var(--surface,#fff)}.rar-filter-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.rar-filter-head>div{display:grid;gap:2px}.rar-filter-head strong{color:var(--rar-navy)}.rar-filter-head small{color:var(--rar-muted)}.rar-filter-head button{min-height:36px;padding:0 11px;border:1px solid #cbd8e2;border-radius:8px;background:#fff;color:var(--rar-navy);font-weight:800;cursor:pointer}
.rar-region-options{display:flex;flex-wrap:wrap;gap:7px}.rar-region-options button{display:flex;align-items:center;gap:8px;min-height:44px;padding:7px 10px;border:1px solid var(--rar-border);border-radius:10px;background:#fff;color:#445966;text-align:left;cursor:pointer}.rar-region-options button>i,.rar-region-tag>i{width:8px;height:24px;border-radius:999px;background:var(--region-color);flex:0 0 auto}.rar-region-options button>span{display:grid;gap:1px}.rar-region-options button strong{font-size:12px;color:#263f50}.rar-region-options button small{font-size:10px;color:#71838f}.rar-region-options button[aria-pressed="true"]{border-color:var(--region-color);background:color-mix(in srgb,var(--region-color) 8%,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--region-color) 25%,transparent)}.rar-region-options button[aria-pressed="false"]{opacity:.54}
.rar-search{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid #cbd8e2;border-radius:10px;background:#fff}.rar-search span{font-size:22px;color:#667b89}.rar-search input{width:100%;border:0;outline:0;background:transparent;color:#172a3a;font:inherit}
.rar-result-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px}.rar-result-head>div{display:grid;gap:2px}.rar-result-head strong{color:var(--rar-navy)}.rar-result-head small{font-size:11px;color:var(--rar-muted)}.rar-result-head>span{padding:6px 9px;border-radius:999px;background:#eaf1f6;color:var(--rar-navy);font-size:11px;font-weight:850}
.rar-selection{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid #b9d8cc;border-radius:12px;background:#f0f9f5}.rar-selection>span{display:grid;gap:2px}.rar-selection strong{color:#075f4a}.rar-selection small{color:#5d746c}.rar-selection button{min-height:38px;padding:0 12px;border:1px solid #bdd0d8;border-radius:8px;background:#fff;color:#294554;font-weight:800;cursor:pointer}.rar-selection button:disabled{opacity:.5;cursor:not-allowed}
.rar-table-wrap{overflow:auto;border:1px solid var(--rar-border);border-radius:14px;background:var(--surface,#fff)}.rar-table{width:100%;min-width:880px;border-collapse:collapse}.rar-table th{position:sticky;top:0;z-index:1;padding:11px 13px;background:var(--rar-navy);color:#fff;font-size:11px;letter-spacing:.02em;text-align:left}.rar-table th:nth-child(n+4),.rar-table td:nth-child(n+4){text-align:center}.rar-table td{padding:10px 13px;border-bottom:1px solid #e3eaf0;color:#2e4554;font-size:12px}.rar-table tbody tr:last-child td{border-bottom:0}.rar-table tbody tr:hover td{background:#f2f7fa}.rar-table tr.zero td{color:#768692;background:#fafbfc}.rar-table tr.review td{background:#fff9ea}.rar-select-column{width:46px;text-align:center!important}.rar-select-column input{width:18px;height:18px;accent-color:#08745b;cursor:pointer}.rar-select-column input:disabled{cursor:not-allowed;opacity:.35}.rar-region-tag{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:#243c4c}.rar-region-tag>i{height:20px}.rar-status{display:inline-flex;align-items:center;justify-content:center;min-width:78px;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900}.rar-status.visited{background:#e6f5f0;color:#08745b}.rar-status.zero{background:#f1f4f6;color:#6e7f8a}.rar-status.review{background:#fff0ce;color:#9a5c00}.rar-empty{padding:28px!important;text-align:center!important;color:#667b89!important}.rar-footnote{margin:0;padding:12px 14px;border-left:4px solid #8da6b6;border-radius:8px;background:#f5f8fa;color:#5b6f7c;font-size:11px;line-height:1.55}
html[data-theme="dark"] .rar{--rar-border:#334753;--rar-navy:#dcebf3;--rar-muted:#9eb0bb}.rar-head,.rar-period,.rar-kpis,.rar-filters,.rar-table-wrap{background:var(--surface)}html[data-theme="dark"] .rar-head h2{color:#e8f3f8}html[data-theme="dark"] .rar-export{background:#1e6681}html[data-theme="dark"] .rar-plan{border-color:#2a8c70;background:#193f35;color:#bce8d8}html[data-theme="dark"] .rar-plan:disabled{border-color:#3c4e58;background:#25353e;color:#71838d}html[data-theme="dark"] .rar-period>button,html[data-theme="dark"] .rar-filter-head button,html[data-theme="dark"] .rar-region-options button,html[data-theme="dark"] .rar-search,html[data-theme="dark"] .rar-selection button{border-color:#425765;background:#22333e;color:#eef5f8}html[data-theme="dark"] .rar-selection{border-color:#2b6152;background:#183a31}html[data-theme="dark"] .rar-selection strong{color:#c1eadc}html[data-theme="dark"] .rar-selection small{color:#9dbbb1}html[data-theme="dark"] .rar-period input{border-color:#425765;background:#1f303a;color:#eef5f8}html[data-theme="dark"] .rar-team-tabs{border-color:#334753;background:#1b2932}html[data-theme="dark"] .rar-team-tabs button[aria-pressed="true"]{border-color:#536b79;background:#283b47;color:#f3f8fa}html[data-theme="dark"] .rar-kpis .gps{background:#3a321f}html[data-theme="dark"] .rar-region-options button strong,html[data-theme="dark"] .rar-region-tag{color:#e6f0f4}html[data-theme="dark"] .rar-search input{color:#eef5f8}html[data-theme="dark"] .rar-table td{border-color:#314550;color:#d9e5ea}html[data-theme="dark"] .rar-table tr.zero td{background:#1d2b34;color:#91a4af}html[data-theme="dark"] .rar-table tr.review td{background:#37301f}html[data-theme="dark"] .rar-table tbody tr:hover td{background:#293d49}html[data-theme="dark"] .rar-footnote{background:#21333e;color:#aec0ca}
.weekly-coverage-context{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:start;margin-bottom:14px;padding:14px;border:1px solid #aad3c4;border-radius:14px;background:#eef9f5}.weekly-coverage-context>span{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#08745b;color:#fff}.weekly-coverage-context>span svg{width:21px;height:21px}.weekly-coverage-context>div{display:grid;gap:3px;min-width:0}.weekly-coverage-context small{font-size:10px;font-weight:900;letter-spacing:.05em;color:#08745b}.weekly-coverage-context strong{color:#15384a}.weekly-coverage-context p{margin:0;color:#526b78;font-size:12px;line-height:1.45}.weekly-coverage-context em{font-style:normal;font-size:12px;font-weight:750;color:#08745b}html[data-theme="dark"] .weekly-coverage-context{border-color:#2f6b59;background:#183b31}html[data-theme="dark"] .weekly-coverage-context strong{color:#e4f3ed}html[data-theme="dark"] .weekly-coverage-context p{color:#a9c1b8}html[data-theme="dark"] .weekly-coverage-context small,html[data-theme="dark"] .weekly-coverage-context em{color:#8ed2bb}
.weekly-plan-form .weekly-search-row label[hidden]{display:none!important}
@media(max-width:900px){.report-entry.region-area-report-entry{display:none!important}.rar{display:none}}
@media(prefers-reduced-motion:reduce){.rar button{transition:none!important}}

/* Area coverage planner and drill-down */
.rar-map{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 15px;border:1px solid #aabcc8;border-radius:10px;background:#fff;color:#173d55;font-weight:800;cursor:pointer}.rar-map svg{width:18px;height:18px;stroke-width:2}
.rar-team-tabs{grid-template-columns:repeat(3,minmax(0,1fr)) auto}.rar-team-tabs button{display:flex;align-items:center;justify-content:center;gap:7px}.rar-team-tabs button>i{display:grid;place-items:center;width:18px;height:18px;border:1px solid #aebec8;border-radius:5px;color:transparent;font-style:normal}.rar-team-tabs button[aria-pressed="true"]>i{border-color:#08745b;background:#08745b;color:#fff}.rar-team-tabs>small{align-self:center;padding:0 10px;color:#617484;font-weight:800;white-space:nowrap}
.rar-table tbody tr{cursor:pointer}.rar-area-link{display:grid;gap:2px;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.rar-area-link strong{color:#163d55}.rar-area-link small{font-size:10px;color:#738692}.rar-chevron{width:32px}.rar-chevron svg{width:18px;height:18px;stroke-width:2}
.rar-drawer-backdrop{position:fixed;inset:0;z-index:1100;display:flex;justify-content:flex-end;background:rgb(5 20 31 / 48%);backdrop-filter:blur(2px)}.rar-drawer{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(680px,94vw);height:100%;background:#fff;box-shadow:-12px 0 36px rgb(10 34 50 / 22%)}.rar-drawer>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 22px;border-bottom:1px solid #dae4ea}.rar-drawer header>div:first-child{display:grid;gap:3px}.rar-drawer header small{font-size:10px;font-weight:900;letter-spacing:.07em;color:#2563eb;text-transform:uppercase}.rar-drawer h3{margin:0;color:#102f4a;font-size:25px}.rar-drawer header p{margin:0;color:#617484}.rar-drawer header button{display:grid;place-items:center;min-width:42px;height:42px;border:1px solid #cad7df;border-radius:10px;background:#fff;color:#173d55;font-size:24px;cursor:pointer}.rar-drawer-actions{display:flex!important;grid-auto-flow:column;gap:7px!important}.rar-drawer-actions button:first-child{display:flex;gap:7px;padding:0 12px;font-size:12px;font-weight:850}.rar-drawer-actions svg{width:17px;height:17px}.rar-detail-loading,.rar-detail-empty{display:grid;place-content:center;gap:5px;padding:30px;text-align:center;color:#617484}.rar-shop-list{overflow:auto;padding:12px}.rar-shop{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 10px;border-bottom:1px solid #e1e9ee}.rar-shop-index{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#edf3f6;color:#335468;font-size:11px;font-weight:900}.rar-shop>div{display:grid;gap:3px;min-width:0}.rar-shop strong{color:#15384d}.rar-shop small{color:#627784}.rar-shop p{margin:2px 0 0;color:#08745b;font-size:11px;font-weight:750}.rar-shop p.no-visit{color:#8a98a2}.rar-shop>button{display:flex;align-items:center;gap:5px;min-height:38px;padding:0 10px;border:1px solid #b9cad5;border-radius:9px;background:#fff;color:#163d55;font-weight:800;cursor:pointer}.rar-shop>button svg{width:15px;height:15px}.rar-no-report{padding:6px 9px;border-radius:999px;background:#f1f4f6;color:#80909a;font-size:10px;font-weight:850}
.area-coverage-form{display:grid;gap:15px}.area-coverage-summary{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:14px;border:1px solid #a9d3c3;border-radius:13px;background:#eef9f5}.area-coverage-summary>span{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;background:#08745b;color:#fff}.area-coverage-summary svg{width:21px}.area-coverage-summary div{display:grid;gap:3px}.area-coverage-summary small{color:#08745b;font-weight:900}.area-coverage-summary p{margin:0;color:#526b78;font-size:12px}.area-coverage-form label{display:grid;gap:6px;font-size:12px;font-weight:850}.area-coverage-form select,.area-coverage-form input,.area-coverage-form textarea{box-sizing:border-box;width:100%;min-height:46px;padding:10px 12px;border:1px solid #c8d5de;border-radius:10px;background:#fff;color:#172a3a;font:inherit}.area-mission-list{display:grid;gap:10px;margin-top:12px}.area-mission-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid #b8d7cb;border-radius:14px;background:#f2faf7}.area-mission-card>span{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#08745b;color:#fff}.area-mission-card>div{display:grid;gap:3px}.area-mission-card small{color:#08745b;font-weight:900}.area-mission-card p{margin:0;color:#5b6f7c;font-size:11px}.area-mission-actions{display:flex;gap:7px}.area-mission-actions button{min-height:40px;padding:0 12px;border:1px solid #9fb9ad;border-radius:9px;background:#fff;color:#075f4a;font-weight:850;cursor:pointer}.area-mission-actions .primary{border-color:#08745b;background:#08745b;color:#fff}
@media(max-width:1100px){.rar-team-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.rar-team-tabs>small{grid-column:1/-1;text-align:center}.rar-head{align-items:stretch;flex-direction:column}.rar-head-actions{justify-content:flex-start}}

/* Employee filter and customer-contact actions */
.rar-employee-filter{border:1px solid var(--rar-border);border-radius:14px;background:var(--surface,#fff);overflow:hidden}.rar-employee-filter>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;cursor:pointer;list-style:none}.rar-employee-filter>summary::-webkit-details-marker{display:none}.rar-employee-filter>summary>span{display:grid;gap:2px}.rar-employee-filter>summary strong{color:#163d55}.rar-employee-filter>summary small{color:#617484}.rar-employee-filter>summary em{padding:6px 9px;border-radius:999px;background:#eaf1f6;color:#163d55;font-size:11px;font-style:normal;font-weight:850}.rar-employee-body{display:grid;gap:10px;padding:0 14px 14px}.rar-employee-tools{display:flex;gap:8px}.rar-employee-tools label{display:flex;align-items:center;gap:7px;flex:1;min-height:40px;padding:0 11px;border:1px solid #cad8e1;border-radius:9px}.rar-employee-tools input{width:100%;border:0;outline:0;background:transparent;font:inherit}.rar-employee-tools button{padding:0 12px;border:1px solid #b9cad5;border-radius:9px;background:#fff;color:#163d55;font-weight:800}.rar-employee-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:7px;max-height:210px;overflow:auto}.rar-employee-options label{display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid #d6e1e7;border-radius:10px;background:#f8fafb;cursor:pointer}.rar-employee-options input{width:17px;height:17px;accent-color:#08745b}.rar-employee-options span{display:grid;gap:1px}.rar-employee-options strong{font-size:12px;color:#183b50}.rar-employee-options small{font-size:10px;color:#677b88}.rar-employee-options p{margin:0;padding:10px;color:#71838f}
.rar-shop-actions{display:flex!important;align-items:stretch;gap:5px!important}.rar-shop-actions>button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:38px;padding:0 10px;border:1px solid #b9cad5;border-radius:9px;background:#fff;color:#163d55;font-weight:800;cursor:pointer}.rar-shop-actions>button svg{width:15px;height:15px}.rar-shop-actions .rar-contact{border-color:#a9d3c3;background:#eef9f5;color:#075f4a}.rar-shop-actions .rar-no-report{padding:10px 9px;border-radius:9px}
.rar-contact-responsible{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px 9px;border-radius:999px;background:#eaf7f2;color:#08745b;font-size:10px;font-weight:750;white-space:nowrap}.rar-contact-responsible b{font-size:8px;letter-spacing:.05em;text-transform:uppercase}
html[data-theme="dark"] .rar-employee-filter{background:var(--surface)}html[data-theme="dark"] .rar-employee-filter>summary strong,html[data-theme="dark"] .rar-employee-options strong{color:#e7f1f5}html[data-theme="dark"] .rar-employee-tools label,html[data-theme="dark"] .rar-employee-tools button,html[data-theme="dark"] .rar-employee-options label{border-color:#425765;background:#22333e;color:#eef5f8}html[data-theme="dark"] .rar-employee-tools input{color:#eef5f8}
.customer-contact-form{display:grid;gap:14px}.customer-contact-customer,.customer-contact-assignee{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;padding:13px;border:1px solid #cddbe3;border-radius:13px;background:#f7fafb}.customer-contact-customer>span,.customer-contact-assignee>span{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#102f4a;color:#fff}.customer-contact-assignee{border-color:#a9d3c3;background:#eef9f5}.customer-contact-assignee>span{background:#08745b}.customer-contact-customer svg,.customer-contact-assignee svg{width:21px}.customer-contact-customer div,.customer-contact-assignee div{display:grid;gap:3px}.customer-contact-customer small,.customer-contact-assignee small{font-size:10px;font-weight:900;color:#08745b}.customer-contact-customer em{font-size:11px;font-style:normal;color:#617484}.customer-contact-assignee p{margin:0;color:#536e63;font-size:11px}.customer-contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:11px}.customer-contact-fields label{display:grid;gap:5px;font-size:11px;font-weight:850}.customer-contact-fields .full{grid-column:1/-1}.customer-contact-fields input,.customer-contact-fields textarea{box-sizing:border-box;width:100%;padding:11px;border:1px solid #c7d5de;border-radius:10px;background:#fff;color:#172a3a;font:inherit}.customer-contact-photo{display:block;cursor:pointer}.customer-contact-photo input{position:absolute;opacity:0;pointer-events:none}.customer-contact-photo>span{display:grid;grid-template-columns:38px 1fr;gap:2px 10px;align-items:center;padding:13px;border:1px dashed #8ca8b7;border-radius:12px;background:#f5f9fb}.customer-contact-photo svg{grid-row:1/3;width:25px;color:#08745b}.customer-contact-photo b{color:#15384d}.customer-contact-photo small{color:#617484}
.customer-contact-queue{display:grid;gap:12px;margin-top:18px;padding:16px;border:1px solid #b9d8cc;border-radius:16px;background:#fbfefd}.customer-contact-queue.is-minimized{padding-block:12px}.customer-contact-queue>header{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center}.customer-contact-queue-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#08745b;color:#fff}.customer-contact-queue-icon svg{width:21px}.customer-contact-queue h3{margin:1px 0;color:#15384d}.customer-contact-queue header p{margin:0;color:#617484;font-size:12px}.customer-contact-queue header button{min-height:38px;padding:0 12px;border:1px solid #b9cad5;border-radius:9px;background:#fff;color:#15384d;font-weight:800;cursor:pointer}.customer-contact-queue-actions{display:flex;gap:7px}.customer-contact-queue-actions button:last-child{border-color:#08745b;color:#08745b}.customer-contact-queue-output[hidden],#customerContactQueueOutput[hidden]{display:none}.customer-contact-queue-summary{display:flex;justify-content:space-between;gap:12px;padding:9px 11px;border-radius:10px;background:#eaf7f2;color:#075f4a}.customer-contact-request-list{display:grid;gap:8px}.customer-contact-request{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px;border:1px solid #d6e2e8;border-radius:12px;background:#fff}.customer-contact-request>a,.customer-contact-no-card{display:grid;place-items:center;width:72px;height:58px;border-radius:9px;overflow:hidden;background:#eef3f6;color:#607888}.customer-contact-request img{width:100%;height:100%;object-fit:cover}.customer-contact-request>div{display:grid;gap:2px}.customer-contact-request>div>span{font-size:9px;font-weight:900;color:#b45309}.customer-contact-request.completed>div>span{color:#08745b}.customer-contact-request p,.customer-contact-request blockquote{margin:2px 0;font-size:12px}.customer-contact-request em{font-size:10px;font-style:normal;color:#657985}.customer-contact-request blockquote{padding-left:8px;border-left:3px solid #cad7df;color:#526875}.customer-contact-request>button{min-height:40px;padding:0 12px;border:0;border-radius:9px;background:#08745b;color:#fff;font-weight:850}.customer-contact-request>b{padding:6px 9px;border-radius:999px;background:#e7f5ef;color:#08745b;font-size:10px}.customer-contact-empty,.customer-contact-loading{display:grid;gap:3px;padding:18px;border-radius:11px;background:#f4f7f9;text-align:center;color:#617484}.customer-contact-empty strong{color:#274657}.customer-contact-completed{margin-top:12px;border:1px solid #d6e2e8;border-radius:12px;background:#fff;overflow:hidden}.customer-contact-completed>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;cursor:pointer;list-style:none}.customer-contact-completed>summary::-webkit-details-marker{display:none}.customer-contact-completed>summary span{display:grid;gap:2px}.customer-contact-completed>summary small{color:#617484}.customer-contact-completed>summary>b{padding:5px 9px;border-radius:999px;background:#e7f5ef;color:#08745b;font-size:11px}.customer-contact-completed>.customer-contact-request-list{padding:0 12px 12px}
@media(max-width:720px){.customer-contact-queue>header{grid-template-columns:40px minmax(0,1fr)}.customer-contact-queue-icon{width:40px;height:40px}.customer-contact-queue-actions{grid-column:1/-1}.customer-contact-queue-actions button{flex:1}.customer-contact-queue-summary{display:grid}.customer-contact-request{grid-template-columns:58px minmax(0,1fr)}.customer-contact-request>a,.customer-contact-no-card{width:58px;height:52px}.customer-contact-request>button,.customer-contact-request>b{grid-column:2;justify-self:start}}

/* Filters inside the Area shop drawer */
.rar-drawer{display:flex;flex-direction:column}.rar-detail-loading,.rar-detail-empty{flex:1}.rar-shop-list{flex:1;min-height:0}.rar-detail-filters{display:grid;grid-template-columns:minmax(125px,.75fr) minmax(125px,.75fr) minmax(210px,1.5fr) auto;gap:8px;align-items:end;padding:12px 14px 9px;border-bottom:1px solid #dce6eb;background:#f6f9fb}.rar-detail-filters label{display:grid;gap:4px;min-width:0}.rar-detail-filters label>span{font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#526b7a}.rar-detail-filters input,.rar-detail-filters select{box-sizing:border-box;width:100%;min-height:40px;padding:0 9px;border:1px solid #bfd0da;border-radius:9px;background:#fff;color:#17384d;font:inherit;font-size:12px}.rar-detail-filters>button{min-height:40px;padding:0 12px;border:0;border-radius:9px;background:#102f4a;color:#fff;font-size:12px;font-weight:850;cursor:pointer;white-space:nowrap}.rar-detail-period{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 15px;border-bottom:1px solid #e1e9ee;background:#fff;color:#617484;font-size:10px}.rar-detail-period strong{color:#08745b}.rar-detail-salesman select{font-weight:750}@media(max-width:720px){.rar-detail-filters{grid-template-columns:1fr 1fr}.rar-detail-salesman{grid-column:1/-1}.rar-detail-filters>button{grid-column:1/-1}.rar-shop{grid-template-columns:38px minmax(0,1fr)}.rar-shop-actions{grid-column:2;flex-wrap:wrap}}
html[data-theme="dark"] .rar-detail-filters{border-color:#334753;background:#1d2c35}html[data-theme="dark"] .rar-detail-filters input,html[data-theme="dark"] .rar-detail-filters select{border-color:#425765;background:#22333e;color:#eef5f8}html[data-theme="dark"] .rar-detail-period{border-color:#334753;background:#21333e;color:#a7bac5}


/* reply-alerts.css */
.rr-launcher{position:fixed;z-index:10025;right:14px;bottom:calc(78px + env(safe-area-inset-bottom));min-height:44px;padding:10px 15px;border:1px solid #82acbd;border-radius:24px;background:#153247;color:#fff;font:inherit;font-size:14px;font-weight:600;box-shadow:0 4px 18px #0002;cursor:pointer}.rr-launcher[hidden]{display:none}.rr-notice{position:fixed;z-index:10030;right:14px;bottom:calc(130px + env(safe-area-inset-bottom));width:min(430px,calc(100vw - 28px));box-sizing:border-box;padding:14px;max-height:60dvh;overflow:auto;overscroll-behavior:contain;border:1px solid #c6dce5;border-radius:14px;background:#f4f9fc;color:#153247;box-shadow:0 7px 25px #0003}.rr-notice header,.rr-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.rr-notice header>strong{font-size:15px}.rr-notice button,.rr-dialog button{min-height:44px;font:inherit;border:1px solid #b8cdd8;border-radius:8px;background:#fff;color:#153247;padding:10px 12px;cursor:pointer}.rr-alert-item,.rr-list-item{display:grid;gap:5px;text-align:left;width:100%;margin-top:10px;overflow-wrap:anywhere}.rr-alert-item strong,.rr-list-item strong{font-size:14px}.rr-alert-item span,.rr-list-item span{font-size:14px}.rr-alert-item small,.rr-list-item small{font-size:12px;color:#446273}.rr-dialog{box-sizing:border-box;width:min(760px,calc(100vw - 24px));max-height:90dvh;padding:0;border:1px solid #c6dce5;border-radius:16px;background:#fff;color:#153247}.rr-dialog::backdrop{background:#102c3f80}.rr-dialog-head{position:sticky;top:0;z-index:1;padding:16px;background:#f4f9fc;border-bottom:1px solid #d6e3ea}.rr-dialog-head span{font-size:11px;letter-spacing:.06em;font-weight:700}.rr-dialog-head h2{font-size:19px;line-height:1.4;margin:6px 0}.rr-dialog-head p{font-size:12px;line-height:1.5;margin:4px 0}.rr-body{padding:16px;overflow-wrap:anywhere}.rr-review,.rr-response{padding:14px;border-radius:9px;margin:0 0 16px;background:#f4f9fc;border-left:3px solid #668b9e}.rr-review strong,.rr-response strong{font-size:13px;line-height:1.5}.rr-response small{display:block;margin-top:4px;color:#426859;font-size:12px}.rr-review p,.rr-response p{white-space:pre-wrap;line-height:1.6;font-size:16px;margin:10px 0 0}.rr-response{background:#eff8f3;border-color:#08765d}.rr-selected{outline:2px solid #08765d;outline-offset:2px}.rr-help{padding:16px}.rr-read-status{font-size:12px;line-height:1.5;color:#496579}.rr-dialog :is(button,article):focus-visible,.rr-launcher:focus-visible,.rr-notice button:focus-visible{outline:3px solid #087ea4;outline-offset:3px}.rr-dialog button:disabled{opacity:.6;cursor:wait}@media(max-width:600px){.rr-dialog-head,.rr-body{padding:13px}.rr-dialog-head h2{font-size:18px}.rr-notice{bottom:calc(126px + env(safe-area-inset-bottom))}.rr-launcher{bottom:calc(77px + env(safe-area-inset-bottom));max-width:calc(100vw - 28px)}}


/* review-comments.css */
.rc-panel,.rc-close-note{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;margin:16px 0;border:1px solid #d6e3ea;border-radius:14px;background:#f4f9fc;color:#153247}.rc-panel h2,.rc-dialog h2{font-size:20px;margin:5px 0}.rc-panel p,.rc-close-note p{margin:5px 0;font-size:14px;line-height:1.5}.rc-eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;color:#376075}.rc-count{display:inline-block;min-width:26px;padding:3px 7px;border-radius:14px;background:#99371b;color:#fff;font-size:14px;text-align:center}.rc-panel button,.rc-close-note button,.rc-notice button,.rc-dialog button{min-height:44px;padding:10px 15px;border:1px solid #b8cdd8;border-radius:9px;background:#fff;color:#153247;font:inherit;font-size:14px;font-weight:600;cursor:pointer}.rc-panel button:focus-visible,.rc-dialog :is(button,textarea,summary):focus-visible,.rc-notice button:focus-visible{outline:3px solid #097eaa;outline-offset:3px}.rc-notice{position:fixed;z-index:10020;right:16px;bottom:calc(82px + env(safe-area-inset-bottom));max-width:560px;display:flex;align-items:center;gap:12px;padding:16px;background:#153247;color:#fff;border:1px solid #5c8193;border-radius:14px;box-shadow:0 8px 30px #0003}.rc-notice strong{font-size:14px}.rc-notice p{margin:5px 0 0;font-size:13px}.rc-notice button{flex-shrink:0}.rc-dialog{box-sizing:border-box;width:min(760px,calc(100vw - 24px));max-height:90dvh;padding:0;border:1px solid #d6e3ea;border-radius:16px;background:#fff;color:#153247}.rc-dialog::backdrop{background:#102c3f80}.rc-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:1;background:#f4f9fc;border-bottom:1px solid #d6e3ea;padding:18px}.rc-dialog-head p{font-size:13px;margin:5px 0}.rc-dialog-body{padding:18px}.rc-help{padding:12px;background:#f4f9fc;font-size:14px;line-height:1.5}.rc-thread{border:1px solid #d6e3ea;border-radius:12px;margin:16px 0;padding:16px;overflow-wrap:anywhere}.rc-thread h3{font-size:17px;line-height:1.4;margin:10px 0 5px}.rc-thread header>p,.rc-thread small{font-size:12px;line-height:1.5;color:#466275}.rc-thread header>small{display:block;margin-top:8px}.rc-state{font-size:12px;font-weight:700;color:#80521b;background:#fff3dc;border-radius:6px;padding:5px 8px}.rc-thread blockquote,.rc-response,.rc-manager-reply{margin:14px 0;padding:12px;border-left:3px solid #62899f;background:#f4f9fc;border-radius:5px;color:#153247}.rc-response,.rc-manager-reply{border-color:#08765d;background:#eff8f3}.rc-thread blockquote strong,.rc-response strong{font-size:12px}.rc-thread :is(blockquote,.rc-response) p,.rc-manager-reply p{white-space:pre-wrap;line-height:1.55;font-size:15px;margin:8px 0 0}.rc-thread summary{min-height:44px;padding:12px 0;cursor:pointer;font-weight:600}.rc-thread form{display:grid;gap:9px}.rc-thread textarea{box-sizing:border-box;width:100%;padding:12px;border:1px solid #9bb6c5;border-radius:8px;font:inherit;font-size:16px;background:#fff;color:#153247;resize:vertical}.rc-thread form>button{justify-self:start;background:#153247;color:#fff}.rc-error{color:#a02525;font-size:14px;margin:0;white-space:pre-wrap}.rc-dialog button:disabled{opacity:.65;cursor:wait}.rc-manager-reply strong,.rc-manager-reply small{display:block}.rc-close-note{margin:0 0 16px;border-color:#e2bf74;background:#fff8e9}.rc-panel[hidden],.rc-close-note[hidden]{display:none}
@media(max-width:600px){.rc-panel,.rc-close-note{align-items:stretch;flex-direction:column}.rc-notice{left:10px;right:10px;bottom:calc(76px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr auto}.rc-notice>div{grid-column:1/-1}.rc-dialog-body,.rc-dialog-head{padding:14px}.rc-thread{padding:12px}.rc-dialog{max-height:92dvh}}


/* Comfortable reading size for visit conversations, independent of report density. */
.dvr-history>summary{font-size:17px;font-weight:700;padding:12px 0}
.dvr-history article{margin:14px 0;padding:22px;border:1px solid var(--family-line);border-left:4px solid var(--family-action);border-radius:12px;background:var(--family-bg);gap:8px}
.dvr-history article>strong{font-size:16px}.dvr-history article>small{font-size:14px;line-height:1.5}
.dvr-history article>p,.dvr .rc-manager-reply p,.rc-thread :is(blockquote,.rc-response) p,.rc-manager-reply p,.rr-review p,.rr-response p{font-size:clamp(18px,1.25vw,20px);line-height:1.7;overflow-wrap:anywhere}
.rc-thread blockquote,.rc-response,.rc-manager-reply,.rr-review,.rr-response{padding:20px;border-radius:12px}
.rc-thread blockquote strong,.rc-response strong,.rr-review strong,.rr-response strong,.rc-manager-reply strong{font-size:15px;line-height:1.5}
.rc-dialog,.rr-dialog{width:min(1000px,calc(100vw - 24px));max-height:92dvh}
.rc-dialog-head h2,.rr-dialog-head h2{font-size:22px}.rc-dialog-body,.rr-body{padding:22px}
.rc-thread textarea,.dvr .dvr-form textarea{font-size:18px;line-height:1.65;min-height:150px}
.rr-dialog-head{position:static}.rr-dialog-head>div{min-width:0}.rr-dialog-head>button{flex-shrink:0}
@media(max-width:600px){.dvr-history article,.rc-thread blockquote,.rc-response,.rc-manager-reply,.rr-review,.rr-response{padding:16px}.rc-dialog-body,.rr-body{padding:14px}.rr-dialog-head h2{font-size:20px}.dvr-history article>p,.dvr .rc-manager-reply p{font-size:18px}}

.visit-purpose-choices{display:grid;gap:12px;margin:20px 0}.visit-purpose-choices>button{display:grid;gap:6px;padding:18px;text-align:left;border:1px solid var(--family-line);border-radius:12px;background:var(--family-surface);color:var(--family-ink);min-height:84px;cursor:pointer}.visit-purpose-choices strong{font-size:18px}.visit-purpose-choices span{font-size:15px;line-height:1.5}.visit-purpose-choices [aria-checked=true]{border:2px solid var(--family-action);background:var(--family-action-soft)}.collection-visit fieldset{border:0;margin:0;padding:0}.collection-visit legend{font-size:16px;font-weight:600;margin-bottom:10px}.collection-assurance{padding:14px;border:1px solid var(--family-line);border-radius:10px;background:var(--family-bg);line-height:1.6;font-size:15px}#collectionError{color:var(--danger,#a02525);white-space:pre-wrap}.collection-receipt p{font-size:18px;line-height:1.6}


/* supervisor-feedback.css */
.supervisor-feedback{margin-top:14px;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:0 10px 30px rgba(14,42,61,.05)}
.supervisor-feedback>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid var(--border);background:linear-gradient(110deg,color-mix(in srgb,var(--authority) 7%,var(--surface)),var(--surface))}
.supervisor-feedback>header span{color:var(--brand);font-size:9px;font-weight:900;letter-spacing:.08em}.supervisor-feedback>header h2{margin:3px 0 0;font-size:18px}.supervisor-feedback>header p{margin:3px 0 0;color:var(--muted);font-size:10px}.supervisor-feedback>header>strong{padding:6px 10px;border-radius:999px;background:var(--authority-soft);color:var(--authority);font-size:10px;white-space:nowrap}
.sf-list{display:grid}.sf-card{border-bottom:1px solid var(--border)}.sf-card:last-child{border-bottom:0}.sf-card>button{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:96px;padding:13px 18px;border:0;border-left:3px solid var(--success);background:transparent;color:var(--ink);text-align:left;cursor:pointer;touch-action:manipulation}.sf-card.needs-follow-up>button{border-left-color:#d39300}.sf-card>button:hover{background:var(--canvas)}.sf-card>button:focus-visible{outline:3px solid color-mix(in srgb,var(--authority) 24%,transparent);outline-offset:-3px}.sf-number{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--canvas);color:var(--muted);font-size:9px;font-weight:900}.sf-main{display:grid;min-width:0;gap:3px}.sf-main>span{display:flex;align-items:center;gap:9px}.sf-main>span b{color:var(--success);font-size:9px}.needs-follow-up .sf-main>span b{color:#a96c00}.sf-main>span em{color:#d39a00;font-size:14px;font-style:normal;letter-spacing:1px}.sf-main>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-main>small{color:var(--muted);font-size:9px}.sf-main q{overflow:hidden;margin-top:3px;color:var(--ink);font-size:11px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.sf-main q:before,.sf-main q:after{content:''}.sf-reviewer{display:grid;justify-items:end;gap:2px;min-width:120px}.sf-reviewer small{color:var(--muted);font-size:8px}.sf-reviewer strong{font-size:11px}.sf-reviewer em{margin-top:7px;color:var(--authority);font-size:9px;font-style:normal;font-weight:850}
@media(max-width:720px){.supervisor-feedback>header{align-items:flex-start}.sf-card>button{grid-template-columns:32px minmax(0,1fr);padding:12px 11px}.sf-reviewer{grid-column:2;grid-auto-flow:column;justify-content:start;justify-items:start;align-items:center;gap:8px;min-width:0}.sf-reviewer em{margin:0}.sf-main q{white-space:normal}}


/* team-assignments.css */
.team-assignment-control{margin:0 0 18px;overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:0 10px 30px rgba(14,42,61,.05)}.team-assignment-control *{box-sizing:border-box;min-width:0}.ta-head{display:flex;align-items:center;gap:13px;padding:18px 20px;border-bottom:1px solid var(--border)}.ta-head-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--authority);color:#fff;font-size:11px;font-weight:900}.ta-head h2,.ta-head p{margin:0}.ta-head h2{font-size:21px}.ta-head p{margin-top:3px;color:var(--muted);font-size:11px}.ta-shared{margin-left:auto;padding:7px 10px;border-radius:999px;background:var(--success-soft);color:var(--success);font-size:9px;font-weight:850}.ta-summary{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--border)}.ta-summary>span{display:grid;gap:2px;padding:12px 20px;border-right:1px solid var(--border)}.ta-summary>span:last-child{border-right:0}.ta-summary strong{font-size:20px}.ta-summary small{color:var(--muted);font-size:9px}.ta-summary .success strong{color:var(--success)}.ta-summary .warning strong{color:#9a6500}.ta-workspace{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:380px}.ta-teams{display:grid;align-content:start;gap:7px;padding:14px;border-right:1px solid var(--border);background:var(--canvas)}.ta-teams button{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:2px 9px;padding:10px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--ink);text-align:left}.ta-teams button>span{display:grid;grid-row:1/3;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--surface);color:var(--authority);font-size:8px;font-weight:900}.ta-teams button strong{font-size:11px}.ta-teams button small{color:var(--muted);font-size:8px}.ta-teams button.active{border-color:var(--authority);background:var(--surface);box-shadow:0 5px 14px rgba(15,42,64,.06)}.ta-directory{padding:14px}.ta-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(210px,.8fr) auto;align-items:end;gap:9px}.ta-toolbar label{display:grid;gap:5px}.ta-toolbar label>span{color:var(--muted);font-size:8px;font-weight:850;text-transform:uppercase}.ta-toolbar input,.ta-toolbar select{width:100%;height:42px;padding:0 11px;border:1px solid var(--border-strong);border-radius:9px;background:var(--surface);color:var(--ink);font:inherit}.ta-toolbar button{height:42px;padding:0 15px;border:1px solid var(--authority);border-radius:9px;background:var(--authority);color:#fff;font-weight:850}.ta-toolbar button:disabled{opacity:.45}.ta-select-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 4px;padding:9px 3px;border-bottom:1px solid var(--border)}.ta-select-line label{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:800}.ta-select-line small{color:var(--muted);font-size:8px}.ta-people{display:grid}.ta-person{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,.35fr) auto;align-items:center;gap:10px;min-height:66px;padding:8px 4px;border-bottom:1px solid var(--border)}.ta-person.selected{background:color-mix(in srgb,var(--authority) 5%,var(--surface))}.ta-person>label{display:grid;grid-template-columns:18px 30px 34px minmax(0,1fr);align-items:center;gap:8px}.ta-row-no,.ta-avatar{display:grid;place-items:center}.ta-row-no{width:29px;height:29px;border-radius:8px;background:var(--canvas);color:var(--muted);font-size:8px;font-weight:850}.ta-avatar{width:34px;height:34px;border-radius:10px;background:var(--authority);color:#fff;font-size:8px;font-weight:900}.ta-person-copy strong,.ta-person-copy small,.ta-current strong,.ta-current small{display:block}.ta-person-copy strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.ta-person-copy small,.ta-current small{margin-top:2px;color:var(--muted);font-size:8px}.ta-current strong{font-size:10px}.ta-current.unassigned strong{color:#9a6500}.ta-current em{display:inline-block;margin-top:3px;padding:2px 5px;border-radius:999px;background:var(--canvas);color:var(--muted);font-size:7px;font-style:normal}.ta-remove{min-height:34px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--danger);font-size:9px;font-weight:800}.ta-ready{color:var(--muted);font-size:8px}.ta-empty,.ta-loading,.ta-error{display:grid;place-items:center;gap:7px;min-height:210px;padding:24px;text-align:center}.ta-loading span{width:26px;height:26px;border:3px solid var(--border);border-top-color:var(--authority);border-radius:50%;animation:ta-spin .8s linear infinite}@keyframes ta-spin{to{transform:rotate(360deg)}}.ta-history{border-top:1px solid var(--border)}.ta-history>summary{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;cursor:pointer;list-style:none}.ta-history>summary span strong,.ta-history>summary span small{display:block}.ta-history>summary span small{margin-top:3px;color:var(--muted);font-size:8px}.ta-history>summary b{display:grid;place-items:center;min-width:28px;height:28px;border-radius:9px;background:var(--canvas);font-size:9px}.ta-history>div{padding:0 18px 14px}.ta-history article{display:grid;grid-template-columns:70px minmax(0,1fr) minmax(0,1fr);gap:10px;padding:9px 0;border-top:1px solid var(--border)}.ta-history article strong,.ta-history article small{display:block}.ta-history article strong{font-size:10px}.ta-history article small{margin-top:2px;color:var(--muted);font-size:8px}.ta-history-action{align-self:start;padding:4px 6px;border-radius:999px;background:var(--authority-soft);color:var(--authority);font-size:7px;font-weight:900;text-align:center}.ta-history-action.remove{background:var(--danger-soft);color:var(--danger)}
@media(max-width:760px){.ta-workspace{grid-template-columns:1fr}.ta-teams{grid-template-columns:repeat(3,minmax(0,1fr));border-right:0;border-bottom:1px solid var(--border)}.ta-teams button{grid-template-columns:1fr;justify-items:center;text-align:center}.ta-teams button>span{grid-row:auto}.ta-toolbar{grid-template-columns:1fr 1fr}.ta-toolbar button{grid-column:1/-1}.ta-person{grid-template-columns:minmax(0,1fr) auto}.ta-current{grid-column:1;padding-left:98px}.ta-head{align-items:flex-start;flex-wrap:wrap}.ta-shared{margin-left:59px}.ta-select-line{align-items:flex-start;flex-direction:column}.ta-select-line small{padding-left:25px}}@media(max-width:440px){.ta-directory{padding:10px}.ta-toolbar{grid-template-columns:1fr}.ta-toolbar button{grid-column:1}.ta-teams{padding:8px;gap:4px}.ta-teams button{padding:7px 4px}.ta-teams button strong{font-size:9px}.ta-person>label{grid-template-columns:18px 29px minmax(0,1fr)}.ta-avatar{display:none}.ta-current{padding-left:55px}.ta-history article{grid-template-columns:60px 1fr}.ta-history article>span:last-child{grid-column:2}.ta-summary>span{padding:10px}.ta-summary strong{font-size:17px}}
.ta-head-actions{display:flex;align-items:center;gap:7px;margin-left:auto}.ta-head-actions .ta-shared{margin-left:0}.ta-head-actions button{min-height:34px;padding:0 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--authority);font-size:9px;font-weight:800}@media(max-width:760px){.ta-head-actions{width:100%;margin-left:59px}}
.ta-person{grid-template-columns:minmax(260px,.8fr) minmax(240px,1fr) auto;gap:12px;padding:9px 4px}.ta-current{min-width:0}.ta-supervisor-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}.ta-supervisor-chip{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:4px 5px 4px 9px;border:1px solid color-mix(in srgb,var(--success) 24%,var(--border));border-radius:9px;background:var(--success-soft)}.ta-supervisor-chip strong{color:var(--success);font-size:9px}.ta-supervisor-chip em{margin:0}.ta-supervisor-chip button{display:grid;place-items:center;width:21px;height:21px;padding:0;border:0;border-radius:6px;background:var(--surface);color:var(--danger);font-size:15px;line-height:1;cursor:pointer}.ta-teams button[data-ta-team="all"]>span{font-size:7px}
@media(max-width:760px){.ta-teams{grid-template-columns:repeat(4,minmax(0,1fr))}.ta-person{grid-template-columns:minmax(0,1fr)}.ta-current{grid-column:1;padding-left:98px}.ta-ready{padding-left:98px}}
@media(max-width:440px){.ta-teams{grid-template-columns:repeat(2,minmax(0,1fr))}.ta-current,.ta-ready{padding-left:55px}}
.ta-body.hidden{display:none!important}.ta-compact-count{padding:6px 9px;border-radius:999px;background:var(--canvas);color:var(--muted);font-size:8px;font-weight:850;white-space:nowrap}.ta-head-actions .ta-collapse{width:36px;padding:0;border-color:var(--authority);background:var(--authority);color:#fff;font-size:19px;line-height:1}.team-assignment-control:has(.ta-body.hidden) .ta-head{border-bottom:0}.team-assignment-control:has(.ta-body.hidden){margin-bottom:12px}
@media(max-width:760px){.ta-compact-count{order:1}.ta-shared{order:2}.ta-head-actions [data-ta-refresh]{order:3}.ta-collapse{order:4}}


/* potential-customers.css */
.potential-market-workspace{margin:0 0 18px;border:1px solid var(--border);border-radius:18px;background:var(--surface-raised);box-shadow:var(--shadow-sm);overflow:hidden}
.pc-workspace-head{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;padding:17px 18px;border-bottom:1px solid var(--border);background:linear-gradient(115deg,color-mix(in srgb,var(--success-soft) 65%,var(--surface-raised)),var(--surface-raised) 58%)}
.pc-workspace-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--success);color:#fff}.pc-workspace-icon svg{width:24px;height:24px}
.pc-workspace-head>div{display:grid;gap:2px}.pc-workspace-head small,.pc-source{color:var(--success);font-size:9px;font-weight:900;letter-spacing:.08em}.pc-workspace-head h2{margin:0;color:var(--ink);font-size:21px}.pc-workspace-head p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}
.pc-workspace-head>button{display:flex;align-items:center;gap:7px;min-height:44px;padding:0 13px;border:1px solid var(--border);border-radius:11px;background:var(--surface-raised);color:var(--ink);font:inherit;font-size:11px;font-weight:800;cursor:pointer}.pc-workspace-head>button svg{width:17px}
.pc-stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--border)}.pc-stats button{display:grid;gap:2px;min-height:68px;padding:11px 16px;border:0;border-right:1px solid var(--border);background:var(--surface-raised);color:var(--muted);text-align:left;cursor:pointer}.pc-stats button:last-child{border-right:0}.pc-stats button strong{color:var(--ink);font-size:21px}.pc-stats button span{font-size:10px;font-weight:750}.pc-stats button.active{box-shadow:inset 0 -3px 0 var(--authority);background:color-mix(in srgb,var(--authority-soft) 45%,var(--surface-raised))}.pc-stats button.active strong,.pc-stats button.active span{color:var(--authority)}
.pc-pipeline-head{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;background:var(--canvas);color:var(--ink)}.pc-pipeline-head strong{font-size:12px}.pc-pipeline-head span{color:var(--muted);font-size:10px}
.pc-pipeline-list{display:grid;gap:10px;padding:12px;background:var(--canvas)}.pc-lead-card{position:relative;display:grid;grid-template-columns:34px 96px minmax(250px,1fr) minmax(185px,.55fr) auto;align-items:center;gap:14px;padding:15px 16px;border:1px solid var(--border);border-left:4px solid var(--warning);border-radius:14px;background:var(--surface-raised);box-shadow:0 3px 12px color-mix(in srgb,var(--ink) 7%,transparent)}.pc-lead-card.stage-planned{border-left-color:var(--authority)}.pc-lead-card.stage-in_progress{border-left-color:var(--warning)}.pc-lead-card.stage-visited,.pc-lead-card.stage-converted{border-left-color:var(--success)}
.pc-index{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--surface);color:var(--muted);font-size:10px;font-weight:800}.pc-photo-button{position:relative;width:96px;height:72px;padding:0;overflow:hidden;border:1px solid var(--border-strong);border-radius:11px;background:var(--surface);cursor:zoom-in}.pc-photo-button img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.pc-photo-button span{position:absolute;right:5px;bottom:5px;left:5px;padding:4px 5px;border-radius:6px;background:rgba(7,27,43,.82);color:#fff;font-size:8px;font-weight:850;text-align:center;opacity:.92}.pc-photo-button:hover img{transform:scale(1.05)}.pc-photo-button:focus-visible{outline:3px solid color-mix(in srgb,var(--authority) 30%,transparent);outline-offset:2px}.pc-copy{display:grid;gap:5px;min-width:0}.pc-copy>strong{color:var(--ink);font-size:15px;line-height:1.35;overflow-wrap:anywhere}.pc-copy>.pc-location{color:var(--muted);font-size:10px;line-height:1.4}.pc-lead-facts{display:flex;gap:8px 18px;flex-wrap:wrap;margin-top:2px}.pc-lead-facts>span{display:grid;gap:1px}.pc-lead-facts small{color:var(--muted);font-size:7px;font-weight:850;letter-spacing:.07em}.pc-lead-facts b{color:var(--ink);font-size:10px;font-weight:750}.pc-copy>em{justify-self:start;padding:4px 8px;border-radius:999px;background:var(--warning-soft);color:var(--warning-strong);font-size:9px;font-style:normal;font-weight:850}.pc-copy>em.is-planned{background:var(--authority-soft);color:var(--authority)}.pc-copy>em.is-visited,.pc-copy>em.is-converted{background:var(--success-soft);color:var(--success)}.pc-copy>em.is-in_progress{background:var(--warning-soft);color:var(--warning-strong)}
.pc-owner{display:grid;gap:2px;padding:9px 11px;border:1px solid var(--border);border-radius:11px;background:var(--canvas)}.pc-owner small{color:var(--muted);font-size:8px;font-weight:850;letter-spacing:.07em}.pc-owner strong{color:var(--ink);font-size:11px}.pc-owner em{color:var(--muted);font-size:9px;font-style:normal}.pc-owner.is-open{border-style:dashed}
.pc-actions{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}.pc-actions>a,.pc-actions>button{display:grid;place-items:center;min-height:42px;padding:0 12px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface-raised);color:var(--ink);font:inherit;font-size:10px;font-weight:850;text-decoration:none;cursor:pointer}.pc-actions>.primary{border-color:var(--authority);background:var(--authority);color:#fff}.pc-actions>button:disabled{opacity:.6;cursor:wait}.pc-cancelled{grid-column:3/-1;color:var(--warning-strong)}
.pc-empty,.pc-error,.pc-loading{display:grid;place-items:center;gap:7px;min-height:120px;padding:22px;color:var(--muted);text-align:center}.pc-empty strong,.pc-error strong,.pc-loading strong{color:var(--ink)}.pc-empty span,.pc-error span{font-size:11px}.pc-error button{min-height:42px;padding:0 16px;border:1px solid var(--border);border-radius:10px;background:var(--surface-raised);color:var(--ink);font-weight:800}.pc-loading>span{width:26px;height:26px;border:3px solid var(--border);border-top-color:var(--authority);border-radius:50%;animation:pc-spin .8s linear infinite}@keyframes pc-spin{to{transform:rotate(360deg)}}
.potential-customer-modal{width:min(650px,100%)}.pc-action{display:grid;gap:14px}.pc-action label{display:grid;gap:6px;color:var(--ink);font-size:12px;font-weight:800}.pc-action input,.pc-action select,.pc-action textarea{box-sizing:border-box;width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--border-strong);border-radius:11px;background:var(--canvas);color:var(--ink);font:inherit;font-size:16px}.pc-action label span em{color:var(--muted);font-size:10px;font-style:normal;font-weight:500}.pc-action label small{color:var(--muted);font-size:10px;font-weight:500}.pc-action>p{color:var(--ink)}#pcActionError{min-height:18px;margin:0;color:var(--danger);font-size:11px}
.pc-lead-summary{display:grid;grid-template-columns:82px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}.pc-lead-summary img{width:82px;height:62px;border-radius:9px;object-fit:cover}.pc-lead-summary>span{display:grid;gap:3px}.pc-lead-summary small{color:var(--success);font-size:9px;font-weight:900}.pc-lead-summary strong{color:var(--ink)}.pc-lead-summary em{color:var(--muted);font-size:10px;font-style:normal}.pc-lead-summary a{color:var(--authority);font-size:11px;font-weight:850}.pc-assign-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pc-trace-note{display:grid;gap:3px;padding:11px 13px;border-left:3px solid var(--success);border-radius:9px;background:var(--success-soft)}.pc-trace-note strong{color:var(--success);font-size:11px}.pc-trace-note span{color:var(--ink);font-size:10px;line-height:1.45}
.visit-potential-source{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--success) 35%,var(--border));border-radius:13px;background:var(--success-soft)}.visit-potential-source>span{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:var(--success);color:#fff}.visit-potential-source svg{width:21px}.visit-potential-source>div{display:grid;gap:2px}.visit-potential-source small{color:var(--success);font-size:9px;font-weight:900;letter-spacing:.07em}.visit-potential-source strong{color:var(--ink);font-size:12px}.visit-potential-source p{margin:0;color:var(--muted);font-size:10px}
.field-requests-section-heading{margin:18px 0 10px}.field-requests-section-heading p{margin:3px 0 0;color:var(--muted);font-size:11px}
@media(max-width:760px){.potential-market-workspace{margin:0 0 12px;border-radius:15px}.pc-workspace-head{grid-template-columns:42px minmax(0,1fr);padding:14px}.pc-workspace-icon{width:42px;height:42px}.pc-workspace-head h2{font-size:18px}.pc-workspace-head>button{grid-column:1/-1;justify-content:center;width:100%}.pc-stats button{min-height:62px;padding:9px}.pc-stats button strong{font-size:18px}.pc-pipeline-list{padding:9px}.pc-lead-card{grid-template-columns:30px 78px minmax(0,1fr);gap:10px;padding:12px 10px}.pc-photo-button{width:78px;height:64px}.pc-owner{grid-column:2/-1}.pc-actions{grid-column:2/-1;justify-content:stretch}.pc-actions>a,.pc-actions>button{flex:1;min-width:92px;min-height:44px}.pc-cancelled{grid-column:2/-1}.pc-lead-facts{display:grid;grid-template-columns:1fr}.pc-assign-grid{grid-template-columns:1fr}.pc-lead-summary{grid-template-columns:68px minmax(0,1fr)}.pc-lead-summary img{width:68px;height:56px}.pc-lead-summary a{grid-column:2}.visit-potential-source{grid-template-columns:38px minmax(0,1fr)}.visit-potential-source>span{width:38px;height:38px}}


/* client-surface.css */
.client-surface-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.08em;white-space:nowrap}
#fieldAccountButton{display:none}
.web-logout-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 11px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;font-size:11px;font-weight:800;cursor:pointer}.web-logout-button svg{width:16px;height:16px}.web-logout-button:hover{background:var(--surface-soft)}.web-logout-button:focus-visible{outline:3px solid color-mix(in srgb,var(--authority) 30%,transparent);outline-offset:2px}.web-logout-button[disabled]{opacity:.65;cursor:wait}.web-logout-button.hidden{display:none!important}
body[data-client-surface="field_telegram"] .client-surface-badge{border-color:color-mix(in srgb,var(--success) 35%,var(--border));background:var(--success-soft);color:var(--success)}
body[data-client-surface="management_web"] .client-surface-badge{border-color:color-mix(in srgb,var(--authority) 35%,var(--border));background:var(--authority-soft);color:var(--authority)}
.client-surface-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:20px 22px;border:1px solid color-mix(in srgb,var(--authority) 24%,var(--border));border-left:4px solid var(--authority);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--authority-soft) 72%,var(--surface)),var(--surface))}
.client-surface-intro h1,.client-surface-intro p{margin:0}.client-surface-intro h1{font-size:24px;letter-spacing:-.025em}.client-surface-intro p{max-width:720px;margin-top:5px;color:var(--muted);font-size:12px;line-height:1.55}.client-surface-intro small{display:block;margin-bottom:5px;color:var(--authority);font-size:9px;font-weight:900;letter-spacing:.09em}.client-surface-actions{display:flex;align-items:center;gap:8px}.client-surface-actions button{min-height:44px;padding:0 14px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;font-weight:800;cursor:pointer}.client-surface-actions button:first-child{border-color:var(--authority);background:var(--authority);color:#fff}.client-surface-actions button:focus-visible{outline:3px solid color-mix(in srgb,var(--authority) 30%,transparent);outline-offset:2px}
body[data-client-surface="field_telegram"] #managerCommand,body[data-client-surface="field_telegram"] #managerControlShortcut,body[data-client-surface="field_telegram"] #teamAssignmentSection,body[data-client-surface="field_telegram"] #visitPlannerSection,body[data-client-surface="field_telegram"] #customerIntakeSection,body[data-client-surface="field_telegram"] #itemMasterSection,body[data-client-surface="field_telegram"] #customerImportSection,body[data-client-surface="field_telegram"] #roleLabSection{display:none!important}
body[data-client-surface="field_telegram"] #fieldAccountButton{display:inline-grid}body[data-client-surface="field_telegram"] #themeToggle,body[data-client-surface="field_telegram"] .control-nav-item{display:none!important}body[data-client-surface="field_telegram"] .app-shell>.bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important}
body[data-client-surface="field_telegram"] .web-logout-button{display:none!important}
body[data-client-surface="field_telegram"] .client-surface-intro.field-surface-intro{border-color:color-mix(in srgb,var(--success) 24%,var(--border));border-left-color:var(--success);background:linear-gradient(135deg,color-mix(in srgb,var(--success-soft) 74%,var(--surface)),var(--surface))}
body[data-client-surface="field_telegram"] .client-surface-intro.field-surface-intro small{color:var(--success)}
body[data-client-surface="field_telegram"] .client-surface-intro.field-surface-intro .client-surface-actions button:first-child{border-color:var(--success);background:var(--success)}
body[data-client-surface="field_telegram"] .client-surface-intro.field-surface-intro [data-open-management-web]{min-width:178px;box-shadow:0 8px 18px color-mix(in srgb,var(--success) 20%,transparent)}
body[data-client-surface="management_web"] .topbar{border-bottom-color:color-mix(in srgb,var(--authority) 25%,var(--border))}
body[data-client-surface="management_web"] main{max-width:1440px}
@media(max-width:720px){.client-surface-badge{min-height:24px;padding:0 7px;font-size:7px}.web-logout-button{min-height:34px;padding:0 8px}.web-logout-button span:last-child{display:none}.client-surface-intro{grid-template-columns:1fr;padding:16px}.client-surface-actions{display:grid;grid-template-columns:1fr 1fr}.client-surface-actions button{padding:0 8px;font-size:11px}.client-surface-actions [data-open-management-web]{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.client-surface-actions button{transition:none}}


/* product-distribution-report.css */
.pdr-shell{--pdr-navy:#0b354d;--pdr-red:#c80032;--pdr-green:#087b5d;display:grid;gap:16px;color:#102f43}.pdr-shell button,.pdr-shell input,.pdr-shell select{font:inherit}.pdr-hero{display:flex;align-items:center;gap:16px;padding:22px;border:1px solid #d5e0e7;border-top:4px solid var(--pdr-navy);border-radius:16px;background:linear-gradient(135deg,#fff 0%,#f4f8fb 100%)}.pdr-hero-icon{display:grid;place-items:center;width:52px;height:52px;flex:0 0 auto;border-radius:14px;background:#e6f2ee;color:var(--pdr-green)}.pdr-hero-icon svg,.pdr-search-box svg,.pdr-selected svg,.pdr-hero button svg,.pdr-result-bar button svg,.pdr-shop footer button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pdr-hero>div{flex:1}.pdr-hero>div>span,.pdr-selected small,.pdr-controls>label>span,.pdr-channel-filter>span{font-size:11px;font-weight:800;letter-spacing:.08em;color:#647b8b}.pdr-hero h2{margin:3px 0 4px;font-size:28px;line-height:1.1}.pdr-hero p{margin:0;color:#5e7382}.pdr-hero>button{display:flex;align-items:center;gap:8px;min-height:46px;padding:0 16px;border:1px solid #0d795b;border-radius:11px;background:#0d795b;color:white;font-weight:750}.pdr-hero>button:disabled{opacity:.45;cursor:not-allowed}.pdr-search-card{position:relative;padding:18px;border:1px solid #d9e2e8;border-radius:16px;background:white}.pdr-search-card>label{display:grid;gap:7px;font-weight:750}.pdr-search-box{display:flex;align-items:center;gap:10px;min-height:54px;padding:0 14px;border:2px solid #b8cad5;border-radius:12px;background:#fbfdfe}.pdr-search-box:focus-within{border-color:#0e8a79;box-shadow:0 0 0 3px #0e8a7920}.pdr-search-box svg{color:#476576;flex:0 0 auto}.pdr-search-box input{width:100%;border:0;outline:0;background:transparent;color:#102f43;font-size:17px}.pdr-search-box button{width:38px;height:38px;border:0;background:transparent;color:#677d8b;font-size:24px}.pdr-suggestions{position:absolute;z-index:900;top:92px;left:18px;right:18px;max-height:320px;overflow:auto;border:1px solid #c9d7df;border-radius:12px;background:white;box-shadow:0 16px 40px #0b354d2b}.pdr-suggestions button{display:grid;width:100%;gap:3px;padding:13px 15px;border:0;border-bottom:1px solid #e5edf1;background:white;text-align:left;color:#102f43}.pdr-suggestions button:hover,.pdr-suggestions button:focus{background:#edf8f5;outline:0}.pdr-suggestions strong{font-size:14px}.pdr-suggestions span,.pdr-suggestion-state{font-size:12px;color:#647b8b}.pdr-suggestion-state{padding:18px}.pdr-suggestion-state.error{color:#a61b2b}.pdr-selected{display:flex;align-items:center;gap:12px;margin-top:14px;padding:13px;border-radius:12px;background:#eff9f6;border:1px solid #bfe3d8}.pdr-selected>span{display:grid;place-items:center;width:42px;height:42px;color:var(--pdr-green)}.pdr-selected>div{display:grid;gap:2px}.pdr-selected strong{font-size:16px}.pdr-selected em{font-size:12px;color:#547080;font-style:normal}.pdr-controls{display:grid;grid-template-columns:minmax(390px,1.8fr) repeat(4,minmax(145px,1fr));gap:12px;padding:16px;border:1px solid #d9e2e8;border-radius:16px;background:#f6f9fb}.pdr-controls>label,.pdr-channel-filter{display:grid;gap:7px}.pdr-controls select{min-height:46px;padding:0 36px 0 12px;border:1px solid #bdcdd7;border-radius:10px;background:white;color:#15364a}.pdr-channel-filter>div{display:flex;gap:8px;flex-wrap:wrap}.pdr-channel-filter button{display:flex;align-items:center;gap:7px;min-height:46px;padding:0 12px;border:1px solid #bdcdd7;border-radius:10px;background:white;color:#284c60;font-weight:700}.pdr-channel-filter button[aria-pressed=true]{border-color:#0a7d60;background:#e6f6f1;color:#056348}.pdr-channel-filter button i{display:grid;place-items:center;width:19px;height:19px;border:1px solid currentColor;border-radius:5px;font-style:normal}.pdr-message{padding:18px;border-radius:13px;background:#edf3f6;color:#526b7a;text-align:center}.pdr-message.error{background:#fff0f1;color:#9f1828}.pdr-results{display:grid;gap:14px}.pdr-kpis{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #d7e1e7;border-radius:14px;overflow:hidden;background:white}.pdr-kpis article{padding:16px;border-right:1px solid #dfe7ec}.pdr-kpis article:last-child{border-right:0}.pdr-kpis small{display:block;color:#647b8b;font-size:11px}.pdr-kpis strong{display:block;margin-top:5px;font-size:24px}.pdr-kpis strong span{font-size:15px;color:#6d818d}.pdr-kpis .success strong{color:#087b5d}.pdr-kpis .warning strong{color:#b66300}.pdr-kpis .map strong{color:#2468c9}.pdr-result-bar{display:flex;align-items:center;justify-content:space-between;gap:16px}.pdr-result-bar>div:first-child{display:grid;gap:2px}.pdr-result-bar small{color:#6a7d89}.pdr-result-bar>div:last-child{display:flex;padding:4px;border-radius:11px;background:#eaf0f3}.pdr-result-bar button{display:flex;align-items:center;gap:7px;min-height:42px;padding:0 14px;border:0;border-radius:8px;background:transparent;color:#416070;font-weight:750}.pdr-result-bar button[aria-pressed=true]{background:#0b354d;color:white}.pdr-list{display:grid;gap:10px}.pdr-shop{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:16px;border:1px solid #dbe4e9;border-radius:14px;background:white}.pdr-shop-index{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#edf4f7;color:#35586a;font-size:12px;font-weight:800}.pdr-shop-main{display:flex;justify-content:space-between;gap:12px}.pdr-shop-main>div{display:grid;gap:3px}.pdr-shop-main strong{font-size:16px}.pdr-shop-main small{color:#657b89}.pdr-status{align-self:start;padding:6px 10px;border-radius:999px;background:#eef2f4;color:#526b79;font-size:11px;font-weight:800;white-space:nowrap}.pdr-status.available{background:#e5f6ee;color:#087454}.pdr-status.out_of_stock{background:#fff1dc;color:#a85b00}.pdr-status.not_found{background:#fff0f1;color:#a61b2b}.pdr-shop-meta{grid-column:2;display:grid;grid-template-columns:1.2fr 1fr 1fr .65fr;gap:10px;padding-top:12px;border-top:1px solid #e5ecef}.pdr-shop-meta>span{display:grid;gap:3px}.pdr-shop-meta small{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#748895}.pdr-shop-meta strong{font-size:13px}.pdr-shop-meta em{font-size:11px;color:#71838e;font-style:normal}.pdr-shop footer{grid-column:2;display:flex;align-items:center;justify-content:space-between;color:#71838e;font-size:11px}.pdr-shop footer button{display:flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border:1px solid #b8cad5;border-radius:9px;background:white;color:#17465e;font-weight:750}.pdr-map{height:min(68vh,680px);min-height:460px;border:1px solid #cddae1;border-radius:16px;overflow:hidden;background:#edf2f4}.pdr-marker-wrap{background:transparent;border:0}.pdr-marker{display:grid;place-items:center;width:34px;height:34px;border:3px solid white;border-radius:50% 50% 50% 10%;transform:rotate(-45deg);background:#0b775a;color:white;box-shadow:0 3px 12px #0b354d55;font-size:11px;font-weight:900}.pdr-marker:not(:empty){text-indent:0}.pdr-marker.available{background:#087b5d}.pdr-marker.out_of_stock{background:#c97300}.pdr-marker.not_found{background:#b22032}.pdr-marker-wrap .pdr-marker{line-height:1}.pdr-marker b{display:block;transform:rotate(45deg);font:inherit}.pdr-popup{display:grid;gap:5px;min-width:180px}.pdr-popup strong{font-size:14px}.pdr-popup small,.pdr-popup span{color:#607987}.pdr-popup b{color:#087b5d}.pdr-empty{padding:42px 18px;text-align:center;color:#637985}.pdr-empty strong{display:block;color:#173b50;font-size:17px}.pdr-empty p{margin:5px 0 0}.pdr-shell button:focus-visible,.pdr-shell select:focus-visible,.pdr-shell input:focus-visible{outline:3px solid #1d8fbd55;outline-offset:2px}
@media(max-width:1100px){.pdr-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.pdr-channel-filter{grid-column:1/-1}.pdr-kpis{grid-template-columns:repeat(3,1fr)}.pdr-kpis article:nth-child(3){border-right:0}.pdr-kpis article:nth-child(n+4){border-top:1px solid #dfe7ec}.pdr-shop-meta{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.pdr-shell{gap:12px}.pdr-hero{align-items:flex-start;padding:16px}.pdr-hero-icon{width:44px;height:44px}.pdr-hero h2{font-size:22px}.pdr-hero p{font-size:13px}.pdr-hero>button{width:46px;padding:0;justify-content:center}.pdr-hero>button span{display:none}.pdr-search-card{padding:13px}.pdr-suggestions{top:86px;left:13px;right:13px}.pdr-controls{grid-template-columns:1fr;padding:13px}.pdr-channel-filter{grid-column:auto}.pdr-channel-filter>div{display:grid;grid-template-columns:1fr 1fr}.pdr-channel-filter button{padding:0 9px;font-size:12px}.pdr-kpis{grid-template-columns:repeat(2,1fr)}.pdr-kpis article:nth-child(odd){border-right:1px solid #dfe7ec}.pdr-kpis article:nth-child(even){border-right:0}.pdr-kpis article:nth-child(n+3){border-top:1px solid #dfe7ec}.pdr-kpis article:last-child{grid-column:1/-1}.pdr-kpis strong{font-size:21px}.pdr-result-bar{align-items:flex-end}.pdr-result-bar small{font-size:10px}.pdr-result-bar button span{display:none}.pdr-shop{grid-template-columns:38px 1fr;padding:13px}.pdr-shop-index{width:36px;height:36px}.pdr-shop-main{display:grid}.pdr-status{justify-self:start}.pdr-shop-meta{grid-template-columns:1fr}.pdr-map{height:62vh;min-height:420px}}

.pdr-shop[role=button]{cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.pdr-shop[role=button]:hover,.pdr-shop[role=button]:focus-visible{border-color:#76aa9c;box-shadow:0 8px 24px #0b354d14;transform:translateY(-1px);outline:0}.pdr-shop-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.pdr-shop footer .pdr-open-report{border-color:#0b354d;background:#0b354d;color:#fff}.pdr-open-report b{font-size:20px;line-height:1}.pdr-popup button{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:38px;margin-top:5px;padding:0 11px;border:0;border-radius:8px;background:#0b354d;color:#fff;font-weight:800;cursor:pointer}.pdr-popup button i{font-size:20px;font-style:normal}@media(max-width:640px){.pdr-shop footer{align-items:flex-end;gap:8px}.pdr-shop-actions{flex-wrap:wrap}.pdr-shop footer button{padding:0 10px}.pdr-shop footer .pdr-open-report span{display:inline}}
@media(prefers-reduced-motion:reduce){.pdr-shell *{scroll-behavior:auto!important;transition:none!important}}

.pdr-shell [hidden]{display:none!important}

/* Item Master category browser and two-state SKU reporting */
.pdr-category-browser{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(0,2fr);gap:18px;padding:16px;border:1px solid #cfe0e7;border-radius:13px;background:#f7fafb}.pdr-category-browser header{display:grid;align-content:center;gap:3px}.pdr-category-browser header span{font-size:10px;font-weight:850;letter-spacing:.1em;color:#087b5d}.pdr-category-browser header strong{font-size:17px;color:#102f43}.pdr-category-browser header small{color:#647b8b}.pdr-category-browser>div{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(260px,1.3fr);gap:10px}.pdr-category-browser label{display:grid;gap:6px}.pdr-category-browser label>span{font-size:11px;font-weight:800;letter-spacing:.06em;color:#536f7f}.pdr-category-browser select{width:100%;min-height:48px;padding:0 38px 0 12px;border:1px solid #b8cad5;border-radius:10px;background:#fff;color:#15364a}.pdr-category-browser select:disabled{background:#eef3f5;color:#81939e;cursor:not-allowed}.pdr-search-divider{display:flex;align-items:center;gap:12px;margin:16px 0 12px;color:#748895;font-size:10px;font-weight:850;letter-spacing:.1em}.pdr-search-divider:before,.pdr-search-divider:after{content:"";height:1px;flex:1;background:#dbe5ea}.pdr-suggestions{position:relative;top:auto;left:auto;right:auto;margin-top:8px}.pdr-rsp-na{display:grid;gap:1px;color:#506977}.pdr-rsp-na small{font-size:9px;font-weight:650;color:#7b8d97}.pdr-rsp-required{display:inline-flex;padding:4px 7px;border-radius:7px;background:#fff0df;color:#9a5200;font-size:11px;font-weight:850}.pdr-popup .pdr-rsp-required{color:#9a5200}
@media(max-width:820px){.pdr-category-browser{grid-template-columns:1fr}.pdr-category-browser>div{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.pdr-category-browser{padding:13px}.pdr-category-browser>div{grid-template-columns:1fr}.pdr-category-browser select{min-height:48px}}

/* Professional filter workflow: period/teams, scope, then sorting */
.pdr-controls{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) minmax(260px,.72fr);gap:14px;padding:0;border:0;background:transparent}
.pdr-filter-group{min-width:0;border:1px solid #d4e0e7;border-radius:15px;background:#fff;box-shadow:0 2px 8px #0b354d08;overflow:hidden}
.pdr-filter-group>header{display:flex;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid #e2eaee;background:#f6f9fb}
.pdr-filter-group>header>b{display:grid;place-items:center;width:27px;height:27px;flex:0 0 auto;border-radius:8px;background:#0b354d;color:#fff;font-size:12px}
.pdr-filter-group>header>div{display:grid;gap:1px;min-width:0}.pdr-filter-group>header strong{font-size:14px;color:#12384d}.pdr-filter-group>header small{font-size:10px;color:#6c818e}
.pdr-filter-body{display:grid;gap:13px;padding:14px}.pdr-filter-body label{display:grid;gap:6px;min-width:0}.pdr-filter-body label>span,.pdr-channel-filter>span{font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#607786}
.pdr-filter-body select,.pdr-filter-body input{width:100%;min-height:44px;padding:0 11px;border:1px solid #b9cbd5;border-radius:9px;background:#fff;color:#14384c;font-weight:650}
.pdr-filter-body select:hover,.pdr-filter-body input:hover{border-color:#7fa1b3}
.pdr-date-range{display:grid;grid-template-columns:minmax(125px,1fr) auto minmax(125px,1fr) auto;align-items:end;gap:8px}.pdr-date-range>span{align-self:center;margin-top:19px;color:#69808e}.pdr-date-range>button{min-height:44px;padding:0 13px;border:1px solid #0b6f58;border-radius:9px;background:#0b6f58;color:#fff;font-weight:800;white-space:nowrap}
.pdr-channel-filter{display:grid;gap:7px}.pdr-channel-filter>div{display:flex;gap:7px;flex-wrap:wrap}.pdr-channel-filter button{min-height:40px;padding:0 10px;border-radius:9px;font-size:12px}
.pdr-location-grid{grid-template-columns:1fr 1fr}.pdr-location-grid label:last-child{grid-column:1/-1}
.pdr-sort-grid{grid-template-columns:1fr}.pdr-sort-grid p{margin:0;padding:9px 10px;border-radius:8px;background:#eef7f4;color:#09654f;font-size:11px;font-weight:800}
.pdr-search-card{padding:16px}.pdr-category-browser{padding:13px 14px}.pdr-selected{margin-top:10px;padding:10px 12px}.pdr-selected>span{width:34px;height:34px}.pdr-selected strong{font-size:14px}
@media(max-width:1240px){.pdr-controls{grid-template-columns:1fr 1fr}.pdr-period-team{grid-column:1/-1}.pdr-period-team .pdr-filter-body{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:end}}
@media(max-width:820px){.pdr-controls{grid-template-columns:1fr}.pdr-period-team{grid-column:auto}.pdr-period-team .pdr-filter-body{grid-template-columns:1fr}.pdr-location-grid{grid-template-columns:1fr}.pdr-location-grid label:last-child{grid-column:auto}}
@media(max-width:590px){.pdr-date-range{grid-template-columns:1fr 1fr}.pdr-date-range>span{display:none}.pdr-date-range>button{grid-column:1/-1}.pdr-channel-filter>div{grid-template-columns:1fr}.pdr-filter-group>header{padding:12px}.pdr-filter-body{padding:12px}}

/* Multi-category and multi-item selection */
.pdr-multi-browser{grid-template-columns:minmax(190px,.42fr) minmax(0,2.58fr);align-items:start}.pdr-multi-browser>header{padding-top:8px}.pdr-multi-browser>.pdr-picker-grid{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(330px,1.2fr);gap:12px}.pdr-picker{min-width:0;border:1px solid #d6e2e8;border-radius:12px;background:#fff;overflow:hidden}.pdr-picker>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 11px;border-bottom:1px solid #e2eaee;background:#f6f9fb}.pdr-picker>header>div{display:flex;align-items:center;gap:7px;min-width:0}.pdr-picker>header span{font-size:11px;font-weight:850;letter-spacing:.06em;color:#405f70}.pdr-picker>header b{padding:3px 7px;border-radius:999px;background:#e6f2ee;color:#087054;font-size:10px;white-space:nowrap}.pdr-picker>header button{padding:4px 6px;border:0;background:transparent;color:#0b5d78;font-size:10px;font-weight:800;cursor:pointer}.pdr-check-list{display:grid;gap:5px;max-height:228px;padding:9px;overflow:auto}.pdr-check-list>small{padding:15px 8px;color:#728692;text-align:center}.pdr-check-list button{display:flex;align-items:center;gap:8px;width:100%;min-height:36px;padding:6px 8px;border:1px solid transparent;border-radius:8px;background:#fff;color:#264b60;text-align:left;cursor:pointer}.pdr-check-list button:hover{background:#f3f8fa}.pdr-check-list button[aria-pressed=true]{border-color:#70b6a2;background:#eaf7f3;color:#075e48}.pdr-check-list button>i{width:17px;height:17px;flex:0 0 auto;border:1px solid #9bb0bc;border-radius:5px;background:#fff}.pdr-check-list button[aria-pressed=true]>i{display:grid;place-items:center;border-color:#087b5d;background:#087b5d;color:#fff}.pdr-check-list button[aria-pressed=true]>i:after{content:'✓';font-size:11px;font-style:normal}.pdr-check-list button>span{display:grid;gap:1px;min-width:0}.pdr-check-list button strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.pdr-check-list button small{font-size:10px;color:#748895}.pdr-picker-search{display:flex!important;align-items:center;gap:7px;margin:8px 9px 0;padding:0 9px;border:1px solid #c5d4dc;border-radius:8px}.pdr-picker-search svg{width:17px;height:17px;fill:none;stroke:#607987;stroke-width:2}.pdr-picker-search input{width:100%;height:36px;border:0;outline:0;background:transparent;font-size:12px}.pdr-selected{justify-content:flex-start}.pdr-selected-copy{flex:1!important;min-width:0}.pdr-selected-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.pdr-selected-chips button,.pdr-selected-chips em{min-height:27px;padding:0 8px;border:1px solid #a9d2c6;border-radius:999px;background:#fff;color:#08674f;font-size:10px;font-weight:800;font-style:normal}.pdr-selected-chips b{margin-left:4px}.pdr-selected-actions{display:flex!important;grid-auto-flow:column;gap:7px!important}.pdr-selected-actions>button{min-height:40px;padding:0 12px;border:1px solid #9db7c4;border-radius:9px;background:#fff;color:#234b60;font-weight:800}.pdr-selected-actions>button:last-child{border-color:#087b5d;background:#087b5d;color:#fff}.pdr-kpis{grid-template-columns:repeat(6,1fr)}.pdr-shop-products{grid-column:2;display:flex;flex-wrap:wrap;gap:6px;padding:9px 0 2px}.pdr-shop-products>span{display:flex;align-items:center;gap:6px;min-height:28px;padding:0 8px;border:1px solid #cfe0e7;border-radius:999px;background:#f7fafb;font-size:10px}.pdr-shop-products>span.available{border-color:#b9dfd2;background:#eef9f5;color:#086b51}.pdr-shop-products>span.out_of_stock{border-color:#efd1a4;background:#fff7ea;color:#995700}.pdr-shop-products em,.pdr-shop-products i{font-style:normal}.pdr-shop-products i{font-weight:800}.pdr-shop-products>strong{align-self:center;font-size:10px;color:#5d7482}.pdr-status.mixed{background:#eef0ff;color:#514ca2}
.pdr-map-expand{margin-left:4px!important;border:1px solid #0b354d!important;background:#fff!important;color:#0b354d!important}.pdr-results.is-map-expanded{position:fixed;inset:0;z-index:10000;display:grid!important;grid-template-rows:auto 1fr;gap:10px;padding:14px;background:#eef3f5}.pdr-results.is-map-expanded .pdr-kpis,.pdr-results.is-map-expanded .pdr-list{display:none!important}.pdr-results.is-map-expanded .pdr-result-bar{padding:10px 12px;border:1px solid #ccd9e0;border-radius:12px;background:#fff}.pdr-results.is-map-expanded .pdr-map{display:block!important;width:100%;height:calc(100vh - 92px);min-height:0;border-radius:12px}.pdr-results.is-map-expanded .pdr-map-expand{background:#0b354d!important;color:#fff!important}.pdr-map-expanded-open{overflow:hidden!important}
@media(max-width:1100px){.pdr-multi-browser{grid-template-columns:1fr}.pdr-multi-browser>.pdr-picker-grid{grid-template-columns:1fr 1fr}.pdr-kpis{grid-template-columns:repeat(3,1fr)}.pdr-kpis article:nth-child(3n){border-right:0}.pdr-kpis article:nth-child(n+4){border-top:1px solid #dfe7ec}}
@media(max-width:700px){.pdr-multi-browser>.pdr-picker-grid{grid-template-columns:1fr}.pdr-check-list{max-height:190px}.pdr-selected{align-items:flex-start;flex-wrap:wrap}.pdr-selected-actions{width:100%;grid-auto-flow:column}.pdr-selected-actions>button{flex:1}.pdr-kpis{grid-template-columns:repeat(2,1fr)}.pdr-map-expand span{display:inline!important}.pdr-results.is-map-expanded{padding:8px}.pdr-results.is-map-expanded .pdr-result-bar{align-items:center}.pdr-results.is-map-expanded .pdr-result-bar>div:first-child small{display:none}.pdr-results.is-map-expanded .pdr-map{height:calc(100vh - 76px)}}

/* Brand browser and clearly separated field-team controls */
.pdr-multi-browser>.pdr-picker-grid{grid-template-columns:minmax(180px,.72fr) minmax(180px,.72fr) minmax(330px,1.56fr)}
.pdr-brand-list button>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pdr-channel-filter{padding-top:12px;border-top:1px solid #e1e9ed}
.pdr-channel-filter>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pdr-channel-filter button{justify-content:flex-start;width:100%;min-height:54px;padding:8px 10px;text-align:left}
.pdr-channel-filter button>span{display:grid;gap:1px;min-width:0}
.pdr-channel-filter button strong{font-size:12px;line-height:1.2}
.pdr-channel-filter button small{color:#718590;font-size:9px;font-weight:650;line-height:1.2}
.pdr-channel-filter button[aria-pressed=true] small{color:#307864}
.pdr-channel-filter button i{flex:0 0 19px}
.pdr-shop-products>span small{padding-right:4px;border-right:1px solid currentColor;font-size:9px;opacity:.72}
@media(max-width:1180px){.pdr-multi-browser>.pdr-picker-grid{grid-template-columns:1fr 1fr}.pdr-item-picker{grid-column:1/-1}.pdr-item-picker .pdr-check-list{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.pdr-channel-filter>div{grid-template-columns:1fr}.pdr-channel-filter button{min-height:50px}}
@media(max-width:700px){.pdr-multi-browser>.pdr-picker-grid{grid-template-columns:1fr}.pdr-item-picker{grid-column:auto}.pdr-item-picker .pdr-check-list{grid-template-columns:1fr}}

/* Optional report scope: Category, Brand or Item can each run independently */
.pdr-filter-builder{display:grid;gap:12px}
.pdr-builder-header{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 10px;border-bottom:1px solid #dbe5ea}
.pdr-builder-header>div{display:grid;gap:3px}
.pdr-builder-header span,.pdr-scope-action small{font-size:10px;font-weight:850;letter-spacing:.1em;color:#087b5d}
.pdr-builder-header strong{font-size:19px;color:#102f43}
.pdr-builder-header small{color:#647b8b}
.pdr-scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pdr-picker>header span em{margin-left:5px;padding:3px 6px;border-radius:999px;background:#eaf0f3;color:#607786;font-size:9px;font-style:normal;letter-spacing:0;text-transform:uppercase}
.pdr-scope-grid .pdr-check-list{max-height:178px}
.pdr-item-picker{border-color:#b9d8ce}
.pdr-item-picker>header{background:#f0f8f5}
.pdr-item-toggle{min-height:32px!important;padding:0 10px!important;border:1px solid #87b9aa!important;border-radius:8px!important;background:#fff!important;color:#08684f!important}
.pdr-item-panel{display:grid;gap:10px;padding:0 10px 10px}
.pdr-item-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#607987;font-size:12px}.pdr-item-tools>div{display:flex;gap:8px}.pdr-item-tools button{min-height:34px;padding:0 11px;border:1px solid #c5d5de;border-radius:8px;background:#fff;color:#24495d;font-size:12px;font-weight:750}
.pdr-item-panel .pdr-check-list{max-height:220px;padding-top:7px}
.pdr-item-panel .pdr-search-divider{margin:3px 0}
.pdr-item-panel>label:not(.pdr-picker-search){display:grid;gap:6px;font-size:11px;font-weight:800;color:#536f7f}
.pdr-scope-action{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px;border:1px solid #b9d8ce;border-radius:12px;background:#eef8f5}
.pdr-scope-action>div{display:grid;gap:2px}
.pdr-scope-action strong{font-size:15px;color:#123b2f}
.pdr-scope-action span{font-size:11px;color:#5d776f}
.pdr-scope-action>button{min-width:180px;min-height:44px;padding:0 16px;border:1px solid #087b5d;border-radius:10px;background:#087b5d;color:#fff;font-weight:850}
.pdr-scope-action>button:disabled{border-color:#bdcbd1;background:#e1e9ec;color:#7a8c95;cursor:not-allowed}
@media(max-width:760px){.pdr-scope-grid{grid-template-columns:1fr}.pdr-scope-action{align-items:stretch;flex-direction:column}.pdr-scope-action>button{width:100%}}
@media(max-width:520px){.pdr-item-tools{align-items:stretch;flex-direction:column}.pdr-item-tools>div{display:grid;grid-template-columns:1fr 1fr}.pdr-item-tools button{width:100%}}


/* product-catalogue.css */
.daily-catalogue-shell{margin:14px 0}.daily-catalogue-card{position:relative;overflow:hidden;padding:18px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(135deg,var(--surface) 0%,color-mix(in srgb,#fff4e5,var(--surface) 55%) 100%);box-shadow:var(--shadow-sm)}
.daily-catalogue-card:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,#e3062c,#07886b)}
.daily-catalogue-head{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:13px;align-items:center}.daily-catalogue-icon{width:48px;height:48px;display:grid;place-items:center;color:#fff;border-radius:15px;background:linear-gradient(145deg,#e3062c,#aa001f);box-shadow:0 9px 20px rgba(227,6,44,.2)}.daily-catalogue-icon svg{width:23px;height:23px}.daily-catalogue-copy small,.daily-catalogue-copy strong,.daily-catalogue-copy span{display:block}.daily-catalogue-copy small{color:#e3062c;font-size:8px;font-weight:900;letter-spacing:.1em}.daily-catalogue-copy strong{margin-top:2px;color:var(--ink);font-size:17px}.daily-catalogue-copy span{margin-top:3px;color:var(--muted);font-size:9.5px}.daily-catalogue-fresh{align-self:start;padding:6px 9px;color:#06715a;border:1px solid #b9e2d5;border-radius:999px;background:#e9f7f2;font-size:8px;font-weight:900;white-space:nowrap}
.daily-catalogue-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:15px 0 13px}.daily-catalogue-stats span{min-width:0;padding:10px;border:1px solid color-mix(in srgb,var(--border),transparent 20%);border-radius:12px;background:color-mix(in srgb,var(--surface),transparent 12%)}.daily-catalogue-stats strong,.daily-catalogue-stats small{display:block}.daily-catalogue-stats strong{color:var(--ink);font-size:14px}.daily-catalogue-stats small{margin-top:2px;color:var(--muted);font-size:7.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.daily-catalogue-actions{display:flex;gap:8px;flex-wrap:wrap}.daily-catalogue-actions button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border-radius:12px;font-size:10px;font-weight:850}.daily-catalogue-actions button svg{width:17px;height:17px}.daily-catalogue-actions .catalogue-view{color:#fff;border:1px solid #0c354f;background:#0c354f}.daily-catalogue-actions .catalogue-download{color:#086b56;border:1px solid #92d5c2;background:#ebf8f4}
.daily-catalogue-empty{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;padding:4px 0}.daily-catalogue-empty>span{width:44px;height:44px;display:grid;place-items:center;color:#e3062c;border-radius:14px;background:#fff0f3}.daily-catalogue-empty svg{width:22px;height:22px}.daily-catalogue-empty strong,.daily-catalogue-empty small{display:block}.daily-catalogue-empty strong{color:var(--ink);font-size:14px}.daily-catalogue-empty small{margin-top:4px;color:var(--muted);font-size:9px;line-height:1.45}
.catalogue-plan-shell{margin:16px 0}.catalogue-plan-card{overflow:hidden;padding:18px;border:1px solid #b7dacf;border-radius:20px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,#e9f7f2,var(--surface) 42%));box-shadow:var(--shadow-sm)}.catalogue-plan-head{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:13px;align-items:center}.catalogue-plan-icon{width:46px;height:46px;display:grid;place-items:center;color:#fff;border-radius:14px;background:#07886b}.catalogue-plan-icon svg{width:21px;height:21px}.catalogue-plan-head small,.catalogue-plan-head strong{display:block}.catalogue-plan-head small{color:#07886b;font-size:8px;font-weight:900;letter-spacing:.09em}.catalogue-plan-head strong{margin-top:2px;color:var(--ink);font-size:15px}.catalogue-plan-head p{max-width:720px;margin:4px 0 0;color:var(--muted);font-size:9px;line-height:1.45}.catalogue-publisher{margin-top:14px;padding-top:13px;border-top:1px solid color-mix(in srgb,#8fcbbb,var(--border) 55%)}.catalogue-file-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.catalogue-file-picker label{min-width:0;min-height:45px;display:flex;align-items:center;gap:9px;padding:8px 11px;border:1px dashed #82b8aa;border-radius:12px;background:var(--surface);cursor:pointer}.catalogue-file-picker label svg{width:18px;height:18px;color:#07886b;flex:0 0 auto}.catalogue-file-picker label span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:9px;font-weight:750}.catalogue-file-picker input{position:absolute;inline-size:1px;block-size:1px;opacity:0}.catalogue-file-picker button{min-width:130px;border:0;border-radius:12px;color:#fff;background:#07886b;font-size:9px;font-weight:900}.catalogue-file-picker button:disabled{opacity:.45}.catalogue-upload-status{min-height:16px;margin:7px 2px 0;color:var(--muted);font-size:8.5px}.catalogue-upload-status.is-error{color:#b00020}.catalogue-upload-status.is-success{color:#08725a}
.catalogue-plan-current{margin-top:14px;padding-top:13px;border-top:1px solid color-mix(in srgb,#8fcbbb,var(--border) 55%)}.catalogue-plan-current-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 2px 9px}.catalogue-plan-current-title strong,.catalogue-plan-current-title small{display:block}.catalogue-plan-current-title strong{color:var(--ink);font-size:11px}.catalogue-plan-current-title small{color:var(--muted);font-size:8.5px}.catalogue-plan-current .daily-catalogue-card{padding:14px;border-radius:14px;box-shadow:none}.catalogue-plan-current .daily-catalogue-icon{width:40px;height:40px;border-radius:12px}.catalogue-plan-current .daily-catalogue-head{grid-template-columns:40px minmax(0,1fr) auto}.catalogue-plan-current .daily-catalogue-copy strong{font-size:14px}.catalogue-plan-current .daily-catalogue-stats{margin:11px 0 10px}.catalogue-plan-current .daily-catalogue-actions button{min-height:37px}
.catalogue-archive{margin-top:10px}.catalogue-archive summary{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:9px;font-weight:850;cursor:pointer}.catalogue-archive-list{display:grid;gap:6px;margin-top:8px}.catalogue-archive-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px 10px;text-align:left;color:var(--ink);border:1px solid var(--border);border-radius:10px;background:var(--surface)}.catalogue-archive-row strong,.catalogue-archive-row small{display:block}.catalogue-archive-row strong{font-size:9.5px}.catalogue-archive-row small{margin-top:2px;color:var(--muted);font-size:7.5px}.catalogue-archive-row em{color:#07886b;font-size:8px;font-style:normal;font-weight:900}
.catalogue-processing{display:inline-flex;align-items:center;gap:7px}.catalogue-processing:before{content:"";width:10px;height:10px;border:2px solid #b9e2d5;border-top-color:#07886b;border-radius:50%;animation:catalogue-spin .8s linear infinite}@keyframes catalogue-spin{to{transform:rotate(360deg)}}
@media(max-width:560px){.daily-catalogue-card{padding:15px}.daily-catalogue-head{grid-template-columns:43px minmax(0,1fr)}.daily-catalogue-icon{width:43px;height:43px}.daily-catalogue-fresh{grid-column:2;justify-self:start;margin-top:-7px}.daily-catalogue-stats{margin-top:12px}.daily-catalogue-actions button{flex:1}.catalogue-plan-card{padding:15px}.catalogue-plan-head{grid-template-columns:43px minmax(0,1fr)}.catalogue-plan-icon{width:43px;height:43px}.catalogue-plan-head .daily-catalogue-fresh{grid-column:2}.catalogue-plan-current-title{display:block}.catalogue-plan-current-title small{margin-top:2px}.catalogue-plan-current .daily-catalogue-head{grid-template-columns:40px minmax(0,1fr)}.catalogue-file-picker{grid-template-columns:1fr}.catalogue-file-picker button{min-height:43px}}
@media(prefers-reduced-motion:reduce){.catalogue-processing:before{animation:none}}
[data-theme="dark"] .daily-catalogue-card{background:linear-gradient(135deg,var(--surface),#1b1714)}[data-theme="dark"] .catalogue-plan-card{background:linear-gradient(145deg,var(--surface),#10251f)}[data-theme="dark"] .daily-catalogue-fresh{color:#8ce0c8;border-color:#245d4e;background:#102d25}[data-theme="dark"] .daily-catalogue-actions .catalogue-download{color:#8ce0c8;border-color:#245d4e;background:#102d25}


/* sales-by-customer-report.css */
.sbc-shell{display:grid;gap:16px;color:var(--ink);font-size:16px}.sbc-shell [hidden]{display:none!important}.sbc-shell button,.sbc-shell input,.sbc-shell select{font:inherit;min-height:44px;border:1px solid var(--border-strong);border-radius:9px;background:var(--surface);color:var(--ink);padding:9px 12px}.sbc-shell button,.sbc-shell summary{cursor:pointer}.sbc-shell button:hover{border-color:var(--accent);background:var(--accent-soft)}.sbc-shell :is(button,input,select,summary):focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sbc-shell button:disabled{opacity:.5;cursor:default}.sbc-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.sbc-heading h2{margin:0;font-size:24px}.sbc-heading p{margin:6px 0 0;color:var(--muted);font-size:14px}.sbc-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:14px}.sbc-filter{display:grid;gap:8px;min-width:0;align-content:start;margin:0;padding:0;border:0}.sbc-filter>strong,.sbc-filter legend,.sbc-filter>label{font-weight:750;font-size:14px}.sbc-filter small{font-size:12px;color:var(--muted)}.sbc-filter [role=alert]{color:var(--danger)}.sbc-filter form{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end}.sbc-filter label:has(input[type=date]){display:grid;gap:4px;font-size:12px;font-weight:700}.sbc-filter input[type=date]{width:100%;min-width:0}.sbc-filter form button{background:var(--authority);color:var(--surface);font-size:14px}.sbc-channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sbc-channels label{display:flex;align-items:center;gap:8px;min-height:52px;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--canvas);font-size:14px;cursor:pointer}.sbc-channels label:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.sbc-shell input[type=checkbox]{min-height:20px;width:20px;height:20px;padding:0;accent-color:var(--accent);flex-shrink:0}.sbc-picker{position:relative;min-width:0}.sbc-picker>summary{display:flex;justify-content:space-between;align-items:center;min-height:46px;padding:10px 12px;border:1px solid var(--border-strong);border-radius:9px;list-style:none;background:var(--surface)}.sbc-picker>summary::after{content:'⌄';font-size:18px}.sbc-picker-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-lg);display:grid;gap:8px}.sbc-picker-menu>input{width:100%}.sbc-picker-actions{display:flex;gap:8px}.sbc-picker-actions button{flex:1;font-size:13px}.sbc-picker-menu [data-employee-options]{max-height:280px;overflow:auto;display:grid;gap:2px}.sbc-picker-menu [data-employee-options] label{display:flex;align-items:center;gap:10px;padding:8px;min-height:50px;border-radius:8px;cursor:pointer}.sbc-picker-menu [data-employee-options] label:hover{background:var(--canvas)}.sbc-picker-menu [data-employee-options] span{display:grid;font-size:14px}.sbc-sku{display:grid;grid-template-columns:minmax(0,1fr) 95px;gap:8px}.sbc-sku input{width:100%;min-width:0}.sbc-extra{border:1px solid var(--border);border-radius:12px;background:var(--surface)}.sbc-extra>summary{padding:14px;font-weight:700;font-size:14px}.sbc-extra>div{display:grid;grid-template-columns:2fr repeat(4,minmax(0,1fr));gap:12px;padding:0 14px 14px}.sbc-extra label{display:grid;gap:5px;font-size:13px;font-weight:700;min-width:0}.sbc-extra input,.sbc-extra select{width:100%;min-width:0;font-size:14px}.sbc-status:empty{display:none}.sbc-status{padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);font-size:14px}.sbc-status.error{color:var(--danger)}.sbc-status button{margin-left:12px}.sbc-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface)}.sbc-metrics>div{padding:14px 18px;display:grid;gap:4px;border-right:1px solid var(--border)}.sbc-metrics>div:last-child{border:0}.sbc-metrics strong{font-size:24px;font-variant-numeric:tabular-nums;color:var(--authority)}.sbc-metrics span{font-size:13px;color:var(--muted)}.sbc-result-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}.sbc-result-bar>div{display:flex;gap:6px}.sbc-result-bar button{display:flex;gap:6px;align-items:center;font-size:14px}.sbc-shell svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.sbc-result-bar button[aria-pressed=true]{background:var(--authority);color:var(--surface);border-color:var(--authority)}.sbc-list{display:grid;gap:12px}.sbc-row{border:1px solid var(--border);border-radius:12px;padding:16px 18px;background:var(--surface)}.sbc-row-head{display:flex;justify-content:space-between;align-items:start;gap:16px}.sbc-row-head>button{border:0;text-align:left;display:grid;gap:5px;padding:0;background:transparent;min-height:44px}.sbc-row-head>button>strong{font-size:16px;color:var(--authority)}.sbc-row-head small{color:var(--muted);font-size:12px}.sbc-sku-count{display:grid;text-align:right;flex-shrink:0}.sbc-sku-count strong{font-size:25px;color:var(--accent);font-variant-numeric:tabular-nums}.sbc-sku-count small{font-size:12px;color:var(--muted)}.sbc-row-facts{display:grid;grid-template-columns:1fr 1.4fr 1.1fr;gap:16px;padding:14px 0;margin-top:10px;border-top:1px solid var(--border)}.sbc-row-facts>div{display:grid;align-content:start;gap:5px}.sbc-row-facts small{font-size:12px;color:var(--muted)}.sbc-row-facts span{font-size:14px}.sbc-row-facts em{font-size:12px;font-style:normal;color:var(--muted);white-space:nowrap}.sbc-row footer{display:flex;justify-content:space-between;align-items:start;gap:16px}.sbc-row footer>div{display:flex;gap:8px;align-items:center}.sbc-row footer button{font-size:13px}.sbc-row footer small{font-size:12px;color:var(--muted)}.sbc-row footer>details{flex:1;min-width:0}.sbc-row footer summary{min-height:44px;padding:10px 0;font-size:13px;color:var(--authority);font-weight:700}.sbc-row footer details>div{display:grid;gap:6px;max-height:320px;overflow:auto}.sbc-row footer details button{display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left}.sbc-row footer details button>span{display:grid;gap:3px}.sbc-row footer details small{font-size:12px}.sbc-row footer details b{font-size:12px;white-space:nowrap}.sbc-pages{display:flex;justify-content:center;align-items:center;gap:12px;font-size:13px}.sbc-empty{display:grid;place-content:center;gap:8px;padding:35px 20px;text-align:center;color:var(--muted)}.sbc-empty strong{color:var(--ink)}.sbc-empty p{margin:0;font-size:14px}.sbc-map-panel{position:relative;min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.sbc-map-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-size:13px;border-bottom:1px solid var(--border)}.sbc-map-tools small{color:var(--danger);font-size:12px}.sbc-map{height:560px;min-height:360px}.sbc-map-panel.is-expanded{position:fixed;inset:14px;z-index:1500;display:flex;flex-direction:column}.sbc-map-panel.is-expanded .sbc-map{height:auto;flex:1}.sbc-map-expanded-open{overflow:hidden}.sbc-popup{display:grid;gap:7px;min-width:230px;max-width:290px;color:var(--ink);background:var(--surface)}.sbc-popup strong{font-size:15px}.sbc-popup small,.sbc-popup span{font-size:12px;color:var(--muted)}.sbc-popup button{border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:10px;min-height:44px;color:var(--authority);cursor:pointer}.sbc-map .maplibregl-popup-content{background:var(--surface)}
@media(max-width:1000px){.sbc-extra>div{grid-template-columns:repeat(2,minmax(0,1fr))}.sbc-extra label:first-child{grid-column:1/-1}.sbc-row-facts{grid-template-columns:1fr 1fr}.sbc-row-facts>div:last-child{grid-column:1/-1}}
@media(max-width:700px){.sbc-heading{align-items:start}.sbc-heading h2{font-size:21px}.sbc-heading p{font-size:13px}.sbc-heading>button{font-size:12px;white-space:nowrap}.sbc-filters{grid-template-columns:1fr;padding:14px;gap:20px}.sbc-filter form{grid-template-columns:1fr 1fr}.sbc-filter form button{grid-column:1/-1}.sbc-channels{grid-template-columns:1fr}.sbc-channels label{min-height:44px}.sbc-picker-menu{position:static;margin-top:6px;box-shadow:none}.sbc-metrics>div{padding:12px 9px}.sbc-metrics strong{font-size:21px}.sbc-metrics span{font-size:11px}.sbc-row{padding:14px}.sbc-row-facts{grid-template-columns:1fr;gap:12px}.sbc-row-facts>div:last-child{grid-column:auto}.sbc-row footer{flex-direction:column;gap:6px}.sbc-row footer>div{width:100%;display:grid;grid-template-columns:1fr 1fr}.sbc-row footer>details{width:100%}.sbc-row footer details button{flex-wrap:wrap}.sbc-result-bar{font-size:14px}.sbc-map{height:450px}.sbc-map-panel.is-expanded{inset:8px}.sbc-map-tools{flex-wrap:wrap}.sbc-map-tools button{font-size:12px}.sbc-extra>div{grid-template-columns:1fr}.sbc-extra label:first-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.sbc-shell *{scroll-behavior:auto!important;transition:none!important}}
.sbc-sku{align-items:end}.sbc-sku-number{display:grid;gap:4px;min-width:0}.sbc-sku.is-range{grid-template-columns:minmax(0,1fr) repeat(2,95px)}
@media(max-width:700px){.sbc-sku.is-range{grid-template-columns:repeat(2,minmax(0,1fr))}.sbc-sku.is-range>select{grid-column:1/-1}}
.sbc-popup{max-height:380px;overflow:auto}.sbc-map-customer{display:grid;gap:7px;padding:6px 0 12px}.sbc-map-customer+.sbc-map-customer{border-top:1px solid var(--border);padding-top:12px}.sbc-shell .sbc-map-group{width:44px;height:44px;min-height:44px;border-radius:50%;border:3px solid #fff;background:var(--accent);color:#fff;font-size:16px;font-weight:800;padding:0;box-shadow:var(--shadow-md)}
.sbc-shell .sbc-map-group:hover,.sbc-shell .sbc-map-group:focus-visible{background:var(--accent-strong);color:#fff;border-color:var(--surface)}


/* sales-by-salesman-report.css */
.sbsm-shell{display:grid;gap:16px;font-size:15px;color:var(--ink);min-width:0}.sbsm-shell [hidden]{display:none!important}.sbsm-shell button,.sbsm-shell input{font:inherit;min-height:44px;border:1px solid var(--border-strong);border-radius:9px;background:var(--surface);color:var(--ink);padding:9px 12px}.sbsm-shell button,.sbsm-shell summary{cursor:pointer;touch-action:manipulation}.sbsm-shell button:hover,.sbsm-shell summary:hover{background:var(--accent-soft)}.sbsm-shell button:disabled{opacity:.55;cursor:default}.sbsm-shell :is(button,input,summary):focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sbsm-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.sbsm-heading h2{margin:0;font-size:24px}.sbsm-heading p{margin:6px 0 0;color:var(--muted);font-size:14px}.sbsm-heading>button{white-space:nowrap}.sbsm-filters{padding:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.sbsm-filters>label,.sbsm-employee-filter{display:grid;gap:8px;min-width:0;font-weight:700;font-size:14px}.sbsm-filters input{width:100%;min-width:0;font-size:16px}.sbsm-filters fieldset{margin:0;padding:0;border:0;min-width:0}.sbsm-filters legend{font-weight:700;margin-bottom:4px}.sbsm-shell .sbsm-check{display:flex;gap:10px;align-items:center;min-height:44px;font-weight:500;cursor:pointer}.sbsm-shell .sbsm-check input{width:18px;min-height:18px;height:18px;flex-shrink:0;accent-color:var(--accent);padding:0}.sbsm-check small{display:block;font-size:12px;color:var(--muted)}.sbsm-employee-filter details{border:1px solid var(--border-strong);border-radius:9px}.sbsm-employee-filter summary{padding:12px;min-height:44px;font-weight:500}.sbsm-picker{padding:12px;border-top:1px solid var(--border);font-weight:400}.sbsm-picker>label{display:grid;gap:6px}.sbsm-picker-actions{display:flex;gap:8px;margin:8px 0}.sbsm-picker [data-employee-options]{max-height:260px;overflow:auto}.sbsm-filter-actions{display:flex;flex-wrap:wrap;gap:8px;grid-column:1/-1}.sbsm-shell .sbsm-primary{background:var(--family-action,var(--brand));color:var(--family-on-action,#fff);border-color:var(--family-action,var(--brand))}.sbsm-status{font-size:14px;color:var(--muted);display:flex;gap:12px;align-items:center;flex-wrap:wrap}.sbsm-status:empty{display:none}.sbsm-status.error{color:var(--danger)}.sbsm-period{color:var(--muted);font-size:13px;margin:0 0 12px}.sbsm-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden}.sbsm-metrics>div{padding:16px;display:grid;gap:6px;align-content:start}.sbsm-metrics>div+div{border-left:1px solid var(--border)}.sbsm-metrics strong{font-size:27px}.sbsm-metrics span{font-size:12px;color:var(--muted)}.sbsm-definitions{font-size:13px;margin:10px 0 20px;color:var(--muted)}.sbsm-definitions summary{padding:12px 0;min-height:44px}.sbsm-definitions p{margin:0 0 8px;line-height:1.6}.sbsm-list-heading{display:flex;justify-content:space-between;gap:12px;margin:0 0 12px}.sbsm-list-heading small{color:var(--muted)}.sbsm-salesmen{display:grid;gap:12px}.sbsm-salesman{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.sbsm-salesman>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;min-height:76px;list-style:none}.sbsm-salesman>summary::before{content:'›';font-size:24px;line-height:1;color:var(--muted)}.sbsm-salesman[open]>summary::before{content:'⌄'}.sbsm-person{display:grid;gap:5px;flex:1;min-width:0}.sbsm-person small,.sbsm-customer small{font-size:12px;color:var(--muted)}.sbsm-counts{display:flex;gap:20px;font-size:12px;color:var(--muted)}.sbsm-counts span{display:grid;gap:4px}.sbsm-counts b{font-size:20px;color:var(--ink)}.sbsm-customer-heading{display:flex;justify-content:space-between;padding:12px 16px;font-size:12px;color:var(--muted);border-top:1px solid var(--border);background:var(--surface-alt,var(--surface))}.sbsm-customer{border-top:1px solid var(--border);margin:0 16px}.sbsm-customer>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;min-height:64px;list-style:none}.sbsm-customer>summary::before{content:'+';font-size:18px;color:var(--muted)}.sbsm-customer[open]>summary::before{content:'−'}.sbsm-customer>summary>span:first-of-type{flex:1;min-width:0;display:grid;gap:5px}.sbsm-customer strong{overflow-wrap:anywhere}.sbsm-visit-count{display:grid;gap:5px;text-align:right;flex-shrink:0}.sbsm-visit-count b{font-size:14px;color:var(--ink)}.sbsm-visit-count small{font-size:11px}.sbsm-history-label{font-size:12px;color:var(--muted);margin:4px 0 8px}.sbsm-visit{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;background:var(--accent-soft);border-radius:9px;margin-bottom:8px}.sbsm-visit>span{display:grid;gap:4px}.sbsm-visit strong{font-size:13px}.sbsm-visit small{font-size:12px}.sbsm-visit button{font-size:13px;white-space:nowrap}.sbsm-pages{display:flex;justify-content:center;align-items:center;gap:12px;padding:16px;font-size:13px}.sbsm-empty{padding:24px;color:var(--muted);text-align:center}
@media(max-width:700px){.sbsm-heading{flex-wrap:wrap}.sbsm-heading h2{font-size:22px}.sbsm-filters{padding:14px;gap:14px}.sbsm-filters fieldset,.sbsm-employee-filter{grid-column:1/-1}.sbsm-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sbsm-metrics>div{padding:12px}.sbsm-metrics>div:nth-child(3){border-left:0}.sbsm-metrics>div:nth-child(n+3){border-top:1px solid var(--border)}.sbsm-salesman>summary{flex-wrap:wrap;gap:10px;padding:14px}.sbsm-counts{width:100%;justify-content:space-between;padding-left:20px;gap:10px}.sbsm-customer>summary{gap:8px}.sbsm-visit-count{max-width:105px}.sbsm-visit{flex-wrap:wrap}.sbsm-list-heading{flex-wrap:wrap}.sbsm-shell input[type=date]{padding:8px;font-size:15px}}
@media(prefers-reduced-motion:reduce){.sbsm-shell *{transition:none!important;scroll-behavior:auto!important}}

.sbsm-shell .sbsm-primary:hover{background:var(--family-action-hover,var(--brand-strong))}
/* Period comparison stays separate from the selected period's map and list. */
.sbsm-shell select{font:inherit;min-height:44px;min-width:0;border:1px solid var(--border-strong);border-radius:9px;background:var(--surface);color:var(--ink);padding:9px 12px}.sbsm-filters>label small{font-weight:400;color:var(--muted);font-size:12px}.sbsm-comparison{margin:12px 0 20px;border:1px solid var(--border);border-radius:12px;background:var(--surface);min-width:0;overflow:hidden}.sbsm-comparison>header{padding:16px;display:flex;align-items:start;justify-content:space-between;gap:16px}.sbsm-comparison h3{margin:0;font-size:18px}.sbsm-comparison header p{margin:6px 0 0;font-size:13px;color:var(--muted);line-height:1.5}.sbsm-comparison header label{display:grid;gap:6px;font-size:13px;flex-shrink:0}.sbsm-comparison-scroll{overflow:auto;max-height:560px;position:relative}.sbsm-comparison table{border-collapse:separate;border-spacing:0;min-width:100%;width:max-content;font-size:14px;margin:0}.sbsm-comparison caption{text-align:left;padding:10px 16px;font-size:12px;color:var(--muted)}.sbsm-comparison th,.sbsm-comparison td{padding:12px 16px;border-top:1px solid var(--border);text-align:right;min-width:120px;vertical-align:middle;background:var(--surface)}.sbsm-comparison th:first-child{position:sticky;left:0;text-align:left;z-index:1;min-width:180px;max-width:240px;white-space:normal}.sbsm-comparison thead th{position:sticky;top:0;z-index:2}.sbsm-comparison thead th:first-child{z-index:3}.sbsm-comparison th small{display:block;font-size:11px;font-weight:400;white-space:normal;color:var(--muted);max-width:190px;line-height:1.5}.sbsm-comparison thead button{font-size:13px;width:100%;min-width:120px}.sbsm-comparison button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--accent-soft)}.sbsm-comparison .sbsm-comparison-total>*{background:var(--accent-soft);font-weight:750}.sbsm-comparison-note{font-size:12px;color:var(--muted);line-height:1.5;padding:12px 16px;margin:0;border-top:1px solid var(--border)}.sbsm-detail-context{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:16px 0;padding:14px 16px;border:1px solid var(--border);background:var(--surface);border-radius:12px}.sbsm-detail-context>div:first-child{display:grid;gap:6px}.sbsm-detail-context small{color:var(--muted);font-size:13px}.sbsm-view-buttons{display:flex;gap:8px;flex-shrink:0}.sbsm-view-buttons button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);font-weight:750}.sbsm-map-panel{border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden;margin-bottom:20px;min-width:0}.sbsm-map-panel>header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.sbsm-map-panel header>div{display:grid;gap:5px}.sbsm-map-panel header small{font-size:12px;color:var(--muted)}.sbsm-map-panel header button{white-space:nowrap}.sbsm-map-legend{display:flex;gap:16px;flex-wrap:wrap;padding:10px 16px;font-size:12px}.sbsm-map-legend span:first-child{color:var(--accent)}.sbsm-map-legend span:nth-child(2){color:var(--warning)}.sbsm-map-legend small{color:var(--muted);font-size:12px}.sbsm-map{height:540px;min-height:360px;position:relative}.sbsm-map-panel [data-map-warning]:not(:empty){padding:10px 16px;color:var(--danger);font-size:12px}.sbsm-map-panel.is-expanded{position:fixed;inset:12px;z-index:1500;display:flex;flex-direction:column;margin:0}.sbsm-map-panel.is-expanded .sbsm-map{height:auto;flex:1;min-height:0}.sbsm-map-expanded-open{overflow:hidden}.sbsm-map-popup{color:var(--ink);background:var(--surface);max-height:380px;overflow:auto;min-width:220px}.sbsm-map-popup section{display:grid;gap:8px;padding:4px}.sbsm-map-popup section+section{padding-top:14px;border-top:1px solid var(--border);margin-top:10px}.sbsm-map-popup small,.sbsm-map-popup span{font-size:12px;color:var(--muted)}.sbsm-map-popup button{font-size:13px;border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);border-radius:8px;padding:9px 12px;min-height:44px;cursor:pointer}.sbsm-map .maplibregl-popup-content{background:var(--surface)}.sbsm-show-map{margin-bottom:10px}.sbsm-comparison-scroll:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}
@media(max-width:700px){.sbsm-comparison>header,.sbsm-detail-context{flex-direction:column;align-items:stretch}.sbsm-comparison header label{width:100%}.sbsm-comparison th:first-child{min-width:130px;max-width:160px}.sbsm-comparison th,.sbsm-comparison td{padding:10px}.sbsm-comparison-scroll{max-height:480px}.sbsm-map-panel>header{align-items:start;flex-wrap:wrap}.sbsm-map{height:430px}.sbsm-map-panel.is-expanded{inset:6px}.sbsm-map-legend{gap:8px}.sbsm-map-panel header button{min-width:100px}.sbsm-view-buttons button{flex:1}}
.sbsm-map .maplibregl-ctrl-group button{width:44px;height:44px;min-height:44px;padding:0}.sbsm-map .maplibregl-popup-close-button{width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:0;font-size:24px}.sbsm-map-popup{padding-top:26px}
.sbsm-shell select:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.sbsm-shell{grid-template-columns:minmax(0,1fr)}.sbsm-shell>[data-results]{min-width:0;max-width:100%}.sbsm-comparison{max-width:100%}.sbsm-comparison-scroll{width:100%;min-width:0}
.sbsm-shell .sbsm-map .maplibregl-ctrl-group button{background:#fff;color:#182b3a}.sbsm-shell .sbsm-map .maplibregl-ctrl-group button:hover{background:#eef3f6}
.sbsm-employee-option{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--border);padding:5px 0}.sbsm-employee-option .sbsm-check{flex:1;min-width:0}.sbsm-employee-option .sbsm-check span{overflow-wrap:anywhere}.sbsm-employee-option>button{flex-shrink:0;min-width:58px;font-size:13px}.sbsm-employee-option>button:hover{border-color:var(--accent)}.sbsm-picker-actions{flex-wrap:wrap}


/* market-search.css */
.ms-panel{--ms-matched:#08775b;--ms-google:#1d4ed8;--ms-internal:#b45309;padding:16px;background:var(--surface,#fff);color:var(--ink,#17394a);display:grid;gap:10px;min-width:0;box-sizing:border-box}.ms-panel [hidden]{display:none!important}.ms-panel header{display:flex;align-items:center;justify-content:space-between;gap:10px}.ms-panel header strong{font-size:18px}.ms-panel p{font-size:13px;line-height:1.5;margin:3px 0;color:var(--muted,#526b79)}.ms-actions{display:flex;gap:8px}.ms-panel button,.ms-panel input,.ms-panel select{min-height:44px;font:inherit}.ms-panel button{cursor:pointer}.ms-panel :is(button,input,select,a,summary):focus-visible{outline:3px solid var(--ms-google);outline-offset:2px}.ms-panel form{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:8px}.ms-panel form label,.ms-settings label{display:grid;gap:4px;font-size:13px;font-weight:650;min-width:0}.ms-panel input[type=search],.ms-panel select{width:100%;min-width:0;box-sizing:border-box}.ms-panel form button[type=submit]{background:var(--authority,#123748);color:#fff;border-color:var(--authority,#123748)}.ms-layers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ms-layers>label{display:flex;align-items:center;gap:8px;min-height:44px;font-size:13px;border:1px solid var(--border,#d3e0e7);border-radius:9px;padding:6px 10px;cursor:pointer;box-sizing:border-box}.ms-layers label>span:last-child{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ms-layers b{font-weight:650}.ms-layers small{font-weight:800;color:var(--ink,#17394a)}.ms-dot{width:12px;height:12px;border-radius:50%;display:inline-block;flex-shrink:0}.ms-layer-matched .ms-dot{background:var(--ms-matched)}.ms-layer-google .ms-dot{background:var(--ms-google)}.ms-layer-internal .ms-dot{background:var(--ms-internal)}.ms-settings{border:1px solid var(--border,#d3e0e7);border-radius:9px;background:var(--canvas,#f5f7f9)}.ms-settings summary{min-height:44px;padding:8px 12px;box-sizing:border-box;cursor:pointer;font-size:13px;font-weight:650}.ms-settings summary span{font-size:12px;color:var(--muted,#526b79);margin-left:8px}.ms-settings>div{padding:0 12px 10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ms-settings p{padding:0 12px 10px}.ms-settings .ms-zone-switch{display:flex;align-items:center;gap:8px}.ms-panel .ms-message{font-size:13px;margin:0}.ms-panel .ms-message.is-error{color:var(--danger,#ad1828)}.ms-setup{padding:16px;border:1px solid var(--border,#d3e0e7);border-radius:10px;background:var(--canvas,#f5f7f9)}.ms-setup a{margin-right:14px}.ms-workspace{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 320px;min-width:0;min-height:0;border:1px solid var(--border,#d3e0e7);border-radius:10px;overflow:hidden;height:560px}.ms-map{height:100%;min-width:0;min-height:0}.ms-results{padding:12px;overflow:auto;min-height:0;border-left:1px solid var(--border,#d3e0e7);display:block;background:var(--surface,#fff);box-sizing:border-box}.ms-results>nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;position:sticky;top:-12px;z-index:2;padding:10px 0;background:var(--surface,#fff)}.ms-results>nav button{padding:5px;font-size:12px;line-height:1.3;border:1px solid var(--border,#d3e0e7);border-radius:7px;display:grid;gap:3px}.ms-results>nav button[aria-pressed=true]{background:var(--authority,#123748);color:#fff}.ms-results h3{font-size:14px;line-height:1.4;margin:8px 0}.ms-results small{font-size:12px;color:var(--muted,#526b79)}.ms-results p{font-size:13px}.ms-place{padding:10px 0;border-bottom:1px solid var(--border,#d3e0e7);display:grid;gap:7px}.ms-panel .ms-place>button:first-child{display:grid;gap:5px;align-items:start;text-align:left;background:transparent;border:0;padding:4px;font-size:14px}.ms-place strong{color:var(--ink,#17394a)}.ms-panel a{color:var(--authority,#123748);font-size:13px;text-decoration:underline;display:inline-flex;align-items:center;min-height:36px}.ms-panel .ms-customer{display:grid;gap:3px;text-align:left;width:100%;margin-top:6px;font-size:13px;border-left:4px solid var(--ms-internal);padding:8px}.ms-match{display:block;background:var(--accent-soft,#eaf3ef);padding:5px 8px;border-radius:6px}.ms-popup{display:grid;gap:8px;color:#182c39;background:#fff;max-width:310px;max-height:380px;overflow:auto;line-height:1.45}.ms-popup section{display:grid;gap:8px}.ms-popup section+section{border-top:1px solid #d3dee5;padding-top:10px}.ms-popup strong{font-size:15px}.ms-popup small,.ms-popup span{font-size:12px}.ms-popup button,.ms-popup a{font-size:13px;min-height:44px;padding:8px;border:1px solid #b9ccd8;border-radius:8px;color:#123748;background:#fff;cursor:pointer}.ms-popup a{display:flex;align-items:center;text-decoration:underline}.ms-popup :is(button,a):focus-visible{outline:3px solid #1d4ed8;outline-offset:2px}.ms-note{font-size:12px;line-height:1.4;color:var(--muted,#526b79)}.ms-policy{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:12px}.ms-policy a{color:var(--ink,#17394a);min-height:28px}.ms-policy span{color:var(--muted,#526b79)}.ms-actions [data-ms-list-toggle]{display:none}.sbc-map-tools>div{display:flex;gap:6px;flex-wrap:wrap}.sbc-map-tools button[aria-pressed=true]{background:var(--authority);color:var(--surface)}
.ms-panel.ms-fullscreen{position:fixed;inset:0;z-index:400;width:100%;height:100dvh;padding:12px;grid-template-rows:auto auto auto auto auto minmax(0,1fr) auto auto;overflow:hidden;border-radius:0;gap:8px}.ms-fullscreen header p{display:none}.ms-fullscreen .ms-workspace{height:100%;min-height:0}.ms-fullscreen .ms-results{height:100%;min-height:0}.ms-fullscreen .ms-settings[open]>div{max-height:110px;overflow:auto}.ms-fullscreen .ms-settings:not([open]){display:none}.ms-fullscreen .ms-message{max-height:38px;overflow:auto}body.ms-map-fullscreen-open{overflow:hidden}.ms-fullscreen .ms-map{height:100%;min-height:0}.ms-fullscreen .ms-policy{min-height:20px}
@media(max-width:1050px){.ms-workspace{grid-template-columns:minmax(0,1fr) 280px}.ms-layers b{font-size:12px}.ms-panel form button{font-size:13px}.ms-layers>label{padding:5px;gap:5px}}
@media(max-width:700px){.ms-panel{padding:10px}.ms-panel header{align-items:start}.ms-panel header strong{font-size:16px}.ms-panel form{grid-template-columns:minmax(0,1fr) auto}.ms-panel form>label{grid-column:1/-1}.ms-panel form>button:last-child{grid-column:auto}.ms-layers>label{display:grid;grid-template-columns:auto 1fr;gap:3px;padding:5px}.ms-layers .ms-dot{display:none}.ms-layers label>span:last-child{gap:3px}.ms-layers b{font-size:11px;line-height:1.25}.ms-settings>div{grid-template-columns:1fr}.ms-workspace{height:auto;grid-template-columns:1fr}.ms-map{height:420px}.ms-results{max-height:320px;border-left:0;border-top:1px solid var(--border,#d3e0e7)}.ms-fullscreen .ms-workspace{height:100%;display:block}.ms-fullscreen .ms-results{display:none;position:absolute;inset:auto 0 0;max-height:52%;height:auto;z-index:5;box-shadow:0 -4px 15px #182c3920}.ms-fullscreen.ms-show-results .ms-results{display:block}.ms-fullscreen .ms-actions [data-ms-list-toggle]{display:block}.ms-fullscreen header strong{font-size:14px}.ms-fullscreen .ms-actions button{font-size:12px;padding:6px}.ms-fullscreen .ms-note{font-size:11px}.ms-fullscreen .ms-layers input{min-height:24px}.ms-fullscreen .ms-settings{display:none}.ms-fullscreen .ms-message{font-size:12px;line-height:1.3}}
[data-theme="dark"] .ms-popup{color:#182c39;background:#fff}.geo-market-report .ms-panel{border:1px solid var(--border,#d3e0e7);border-radius:12px}.geo-market-report .ms-workspace{height:620px}

.ms-panel.ms-fullscreen{display:flex;flex-direction:column}.ms-panel.ms-fullscreen>.ms-workspace{flex:1;height:auto;min-height:0}.ms-panel.ms-fullscreen>:not(.ms-workspace){flex-shrink:0}.ms-panel.ms-fullscreen .ms-map{height:100%;min-height:0}

.ms-panel button{border:1px solid var(--border-strong,#b9ccd8);border-radius:9px;background:var(--surface,#fff);color:var(--ink,#17394a);padding:8px 12px}.ms-panel input[type=search],.ms-panel select{border:1px solid var(--border-strong,#b9ccd8);border-radius:9px;padding:8px 10px;background:var(--surface,#fff);color:var(--ink,#17394a)}.ms-panel input[type=checkbox]{width:18px;height:18px;min-height:18px;flex:0 0 18px}.ms-layer-matched input{accent-color:var(--ms-matched)}.ms-layer-google input{accent-color:var(--ms-google)}.ms-layer-internal input{accent-color:var(--ms-internal)}.ms-layer-matched{border-left:3px solid var(--ms-matched)!important}.ms-layer-google{border-left:3px solid var(--ms-google)!important}.ms-layer-internal{border-left:3px solid var(--ms-internal)!important}.ms-panel.ms-fullscreen .ms-settings[open]{display:block}.ms-panel header{flex-wrap:wrap}.ms-fullscreen .ms-actions{gap:5px}.ms-panel button:hover{border-color:var(--authority,#123748)}.ms-panel button:disabled{opacity:.5;cursor:default}.ms-panel .ms-place>button:first-child:hover{background:var(--canvas,#f5f7f9)}

.ms-label-short{display:none}@media(max-width:700px){.ms-layers .ms-label-full{display:none}.ms-layers .ms-label-short{display:inline}.ms-layers>label{min-height:44px}.ms-layers small{font-size:12px}}

@media(max-width:700px){.ms-panel.ms-fullscreen .ms-results{inset:0 0 auto;box-shadow:0 4px 15px #182c3920}}

.ms-panel :is(button,input,select,a,summary):focus-visible{outline-color:var(--ms-focus,var(--ms-google))}
html[data-theme="dark"] .ms-panel{--surface:#163043;--canvas:#102531;--ink:#eef4f7;--muted:#b6c5cf;--border:#486273;--border-strong:#486273;--authority:#215672;--ms-focus:#93c5fd;--ms-matched:#34d399;--ms-google:#60a5fa;--ms-internal:#fbbf24;color-scheme:dark}
html[data-theme="dark"] .ms-panel>.ms-policy a,html[data-theme="dark"] .ms-results a{color:#93c5fd}
.ms-panel .ms-popup :is(button,a){background:#fff;color:#123748;border:1px solid #b9ccd8}

/* One geography selection drives reports, map markers and Google comparison. */
.ms-geography{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ms-geography>details{position:relative;border:1px solid var(--border,#d3e0e7);border-radius:10px;background:var(--canvas,#f5f7f9);min-width:0}
.ms-geography summary{cursor:pointer;min-height:44px;padding:10px 12px;box-sizing:border-box;font-size:14px}
.ms-geography summary b{float:right;color:var(--ink,#17394a);font-size:13px;margin-left:8px}
.ms-geography>p{grid-column:1/-1;font-size:12px}
.ms-check-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:240px;overflow:auto;padding:8px;gap:4px}
.ms-check-options>label{display:flex;align-items:center;gap:8px;min-height:44px;padding:5px;cursor:pointer;font-size:13px;line-height:1.4;border-radius:6px}
.ms-check-options>label:has(input:checked){background:var(--accent-soft,#eaf3ef)}
.ms-check-options small{display:block;font-size:11px;color:var(--muted,#526b79)}
.ms-picker-tools{display:flex;gap:8px;padding:8px;align-items:end}
.ms-picker-tools label{flex:1;font-size:12px}
.ms-google-types{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ms-google-types>label{display:flex;align-items:center;gap:7px;min-height:44px;padding:0 12px;cursor:pointer;border:1px solid var(--border,#d3e0e7);border-radius:8px;font-size:14px}
.ms-google-types>label:has(input:checked){background:var(--accent-soft,#eaf3ef);border-color:var(--ms-matched)}
.ms-google-enable{font-weight:750}
.ms-search-budget{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--border,#d3e0e7);border-radius:10px;background:var(--canvas,#f5f7f9);font-size:13px;line-height:1.5}
.ms-search-budget>strong{flex:1;min-width:180px}.ms-search-budget>span{color:var(--muted,#526b79)}
.ms-search-budget>button{min-height:44px}.ms-search-budget>details{width:100%}.ms-search-budget summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.ms-search-budget p{margin:6px 0;max-width:90ch}
.ms-search-budget.is-paused{border-color:var(--ms-internal);background:var(--canvas,#f5f7f9)}
.ms-panel [data-ms-search]{background:var(--authority,#123748);color:var(--surface,#fff);font-weight:700}
.ms-panel [data-ms-search]:disabled{opacity:.6;cursor:not-allowed}
.ms-panel.ms-fullscreen .ms-search-budget{padding:4px 10px;gap:4px 12px}.ms-panel.ms-fullscreen .ms-search-budget>details{width:auto;margin-left:auto}.ms-panel.ms-fullscreen .ms-search-budget>details[open]{width:100%}
@media(max-width:700px){.ms-search-budget{font-size:12px}.ms-search-budget>strong,.ms-search-budget>span{width:100%}.ms-panel.ms-fullscreen .ms-search-budget>details{margin-left:0}}
.ms-google-types button{margin-left:auto}
.ms-panel.ms-fullscreen .ms-geography{position:relative}
.ms-panel.ms-fullscreen .ms-geography details{display:block}
.ms-panel.ms-fullscreen .ms-geography details[open]>.ms-check-options{position:absolute;left:0;right:0;top:100%;z-index:15;background:var(--surface,#fff);box-shadow:0 4px 12px #182c3933}
.ms-panel.ms-fullscreen .ms-geography details[open]>.ms-picker-tools{display:flex}
.ms-panel.ms-fullscreen .ms-geography>p{display:none}
.geo-sku-filter{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:12px;border:1px solid var(--border,#d3e0e7);border-radius:12px}
.geo-sku-filter legend{font-size:12px;font-weight:700}
.geo-sku-filter label{display:grid;gap:4px;font-size:12px;min-width:120px;flex:1}
.geo-sku-filter input,.geo-sku-filter select{min-height:44px;width:100%}
.geo-sku-filter [hidden]{display:none!important}
@media(max-width:700px){.ms-check-options{grid-template-columns:1fr}.ms-geography summary{font-size:12px;padding:10px 8px}.ms-geography summary b{float:none;display:block;margin:3px 0 0;font-size:12px}.ms-google-types{gap:5px}.ms-google-types>label{font-size:12px;padding:0 8px}.ms-google-types>button{font-size:12px}.ms-fullscreen .ms-note{display:none}.ms-panel.ms-fullscreen .ms-message{max-height:30px}.ms-geography details[open] .ms-picker-tools{flex-wrap:wrap}.ms-geography .ms-picker-tools button{font-size:12px}}
html[data-theme="dark"] .ms-check-options>label:has(input:checked),html[data-theme="dark"] .ms-google-types>label:has(input:checked){background:#164237}

.geo-map-region[hidden]{display:none!important}

.ms-picker-only{padding:12px;border:1px solid var(--border,#d3e0e7);border-radius:12px;margin:12px 0}.ms-picker-only [hidden],.sbc-extra label[hidden]{display:none!important}.ms-picker-only input[type=checkbox]{width:18px;height:18px}.ms-picker-only button{min-height:44px;margin:8px}.ms-picker-only input[type=search]{min-height:44px;width:100%}

.ms-area-comparison summary{min-height:44px;padding:8px;cursor:pointer}.ms-area-comparison table{width:100%;font-size:12px;border-collapse:collapse}.ms-area-comparison th,.ms-area-comparison td{padding:8px;text-align:left;border-bottom:1px solid var(--border,#d3e0e7)}.ms-area-comparison>details>div{max-height:180px;overflow:auto}.sbc-shell [data-geography][hidden]{display:none!important}

.sbc-map-tools[hidden]{display:none!important}

.ms-check-progress{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ms-check-progress span{font-size:12px;color:var(--muted,#526b79)}.ms-check-progress button{font-size:13px}.ms-fullscreen .ms-check-progress span{max-width:700px}

.ms-external-picker .ms-geography{display:none}.ms-external-picker .ms-fullscreen .ms-geography{display:grid}#geoCoveragePicker{border:1px solid var(--border,#d3e0e7);border-radius:12px;padding:12px;margin:12px 0}

.ms-actions [data-ms-export]{display:none}.ms-fullscreen .ms-actions [data-ms-export]:not([hidden]){display:block}

.ms-geography{align-items:start}.geo-activity-report #geoCoveragePicker{border:0;padding:0;margin:0}

.ms-boundary-key{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;color:#111827;background:#fff;border:1px solid #cbd5e1;border-radius:8px;font-size:12px;line-height:1.5}
.ms-boundary-key b,.ms-boundary-key span{color:#000;font-size:18px;line-height:1}
.ms-boundary-label{display:block;background:#fff;color:#000;border:1px solid #000;border-radius:4px;padding:4px 8px;font:600 12px/1.3 Arial,sans-serif;white-space:nowrap;box-shadow:0 1px 4px #0003;pointer-events:none}
.geo-boundary-key{position:absolute;bottom:28px;left:8px;z-index:3;max-width:calc(100% - 16px);pointer-events:none}

/* Region > Territory > Area: separate controls with uncluttered map borders. */
.ms-geography{grid-template-columns:repeat(3,minmax(0,1fr))}
.ms-geography>[data-territory-editor],.ms-geography>[data-picker-coverage]{grid-column:1/-1}
.ms-territory-editor,.ms-coverage-list{border:1px solid var(--border,#d3e0e7);border-radius:8px;background:var(--surface,#fff)}
.ms-territory-editor summary,.ms-coverage-list summary{padding:10px;min-height:44px;cursor:pointer}
.ms-territory-editor form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px}
.ms-territory-editor form>p,.ms-territory-editor [data-edit-areas],.ms-territory-editor .ms-picker-tools,.ms-territory-editor [data-edit-status]{grid-column:1/-1}
.ms-territory-editor label{display:grid;gap:4px}.ms-territory-editor input,.ms-territory-editor select{min-height:44px;max-width:100%}
.ms-coverage-tools{display:flex;gap:8px;padding:8px}.ms-coverage-tools button[aria-pressed=true]{background:var(--authority,#123748);color:white}
.ms-coverage-list [data-coverage-table]{overflow:auto;max-height:380px}
.ms-coverage-list table{border-collapse:collapse;width:100%;font-size:13px}
.ms-coverage-list :is(th,td){padding:8px;text-align:left;border-bottom:1px solid var(--border,#d3e0e7)}
.ms-coverage-list thead{position:sticky;top:0;background:var(--surface,#fff);z-index:1}
.ms-coverage-list td button{display:block;text-align:left;background:transparent;border:0}
.ms-coverage-list small{display:block;padding:4px;font-size:12px;color:var(--muted,#526b79)}
@media(max-width:700px){.ms-geography{grid-template-columns:1fr}.ms-territory-editor form{grid-template-columns:1fr}.ms-fullscreen .ms-geography{grid-template-columns:repeat(3,minmax(0,1fr))}}

.ms-fullscreen [data-territory-editor]{display:none}.ms-fullscreen .ms-area-comparison details[open]>div{max-height:120px;overflow:auto}.ms-fullscreen .ms-boundary-key{padding:3px 8px;font-size:11px}

/* Quiet report layout: one scope card, one location row, one comparison toolbar. */
.report-section-title{grid-column:1/-1;font-size:15px;font-weight:700;color:var(--ink,#17394a);margin:0 0 4px;line-height:1.4}
.report-filter-panel,.sbc-filters{border:1px solid var(--border,#d3e0e7);background:var(--surface,#fff);border-radius:12px;padding:16px;margin:12px 0}
.report-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.report-filter-grid>.geo-date-filter{grid-column:1/-1;margin:0;padding:0;border:0;background:transparent}
.report-filter-grid :is(.geo-employee-filter,.geo-sku-filter,.geo-team-filter){margin:0;padding:0;border:0;background:transparent;min-width:0}
.report-filter-grid .geo-team-filter{grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap;gap:8px}
.report-filter-grid .geo-employee-filter{display:grid;grid-template-columns:1fr;gap:8px}
.report-filter-grid .geo-sku-filter{display:flex;gap:8px}
#geoMapRegionControl{display:none!important}
.geo-activity-report>.geo-view-switcher{margin:12px 0}
.sbc-filters{gap:18px}.sbc-filters .sbc-filter{border:0;padding:0;background:transparent}
.ms-geography.ms-picker-only{padding:16px;margin:12px 0;background:var(--surface,#fff)}
.ms-geography>details{background:var(--surface,#fff);border:1px solid var(--border-strong,#b9ccd8);border-radius:8px}
.ms-geography summary{display:flex;flex-direction:column;gap:4px;padding:10px 12px;font-size:12px;color:var(--muted,#526b79);list-style:none}
.ms-geography summary::after{content:'⌄';position:absolute;right:12px;top:24px;color:var(--ink,#17394a)}
.ms-geography summary b{float:none;margin:0;padding-right:18px;font-size:14px;color:var(--ink,#17394a);font-weight:650}
.ms-geography .ms-check-options{grid-template-columns:1fr;max-height:260px}
.ms-geography>details[open]{z-index:20}
.ms-geography>details>.ms-picker-tools,.ms-geography>details>.ms-check-options,.ms-geography>details>button{background:var(--surface,#fff)}
.ms-geography>details[open]>.ms-picker-tools{position:absolute;top:100%;left:0;right:0;z-index:20;border:1px solid var(--border,#d3e0e7);border-bottom:0}
.ms-geography>details[open]>.ms-check-options{position:absolute;top:calc(100% + 76px);left:0;right:0;z-index:20;background:var(--surface,#fff);border:1px solid var(--border,#d3e0e7);box-shadow:0 8px 18px #102f4a16}
.ms-geography>details:first-of-type[open]>.ms-check-options{top:calc(100% + 52px)}
.ms-geography>details:first-of-type[open]>button{position:absolute;top:100%;left:0;right:0;width:100%;margin:0;height:52px;z-index:20}
.ms-panel .ms-google-types{border:1px solid var(--border,#d3e0e7);border-radius:10px;padding:12px;gap:8px;margin:0}
.ms-google-types legend{font-size:13px;font-weight:700;padding:0 4px}
.ms-layers>label{background:transparent;font-size:12px;padding:6px 10px}
.ms-search-details{border:0;font-size:12px;color:var(--muted,#526b79)}
.ms-search-details summary{cursor:pointer;min-height:32px;display:flex;align-items:center}
.ms-search-details .ms-check-progress{padding:8px 0}
.ms-panel{gap:12px}.ms-panel>.ms-geography>p{display:none}
.report-coverage-results .ms-coverage-list{margin:12px 0}
.ms-fullscreen .ms-geography>details[open]>.ms-picker-tools{position:absolute}
.ms-fullscreen .ms-geography>details[open]>.ms-check-options{top:calc(100% + 76px)}
.ms-fullscreen .ms-geography>details:first-of-type[open]>.ms-check-options{top:calc(100% + 52px)}
@media(max-width:700px){.report-filter-grid{grid-template-columns:1fr}.report-filter-panel,.sbc-filters{padding:12px}.ms-geography.ms-picker-only{padding:12px}.ms-geography{grid-template-columns:1fr}.ms-fullscreen .ms-geography{grid-template-columns:repeat(3,minmax(0,1fr))}.ms-geography summary b{font-size:13px}.ms-fullscreen .ms-geography .ms-picker-tools{flex-wrap:wrap}.ms-fullscreen .ms-geography>details[open]>.ms-check-options{top:calc(100% + 125px);max-height:200px}.ms-fullscreen .ms-geography>details:first-of-type[open]>.ms-check-options{top:calc(100% + 52px)}}

.geo-report-filter-panel small#geoEmployeeSelection,#geoEmployeeSelection{display:none}
.geo-sku-filter label:has(input:disabled),.sbc-sku-number:has([data-sku-value]:disabled){display:none}
.sbc-sku:has([data-sku-value]:disabled){grid-template-columns:1fr}
.ms-panel [data-ms-search]{background:var(--authority,#123748);color:#fff;border-color:var(--authority,#123748)}
.ms-result-notes{font-size:12px;color:var(--muted,#526b79)}.ms-result-notes summary{cursor:pointer;min-height:28px}
.ms-fullscreen .ms-result-notes[open]{max-height:100px;overflow:auto}

.geo-map-shell{grid-template-columns:minmax(0,1fr)!important}
.geo-map-shell .geo-map-legend{display:none}
.geo-employee-filter>div:first-child>strong,.geo-employee-filter>div:first-child>small{display:none}
.geo-workspace-intro>div:first-child{display:none}
.geo-workspace-intro{background:var(--surface,#fff);border:0;padding:0;margin:8px 0;justify-content:flex-end}

.geo-activity-report>.geo-view-switcher{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.geo-activity-report>.geo-view-switcher button{min-height:44px;padding:9px 14px;border:1px solid var(--border-strong,#b9ccd8);border-radius:8px;background:var(--surface,#fff);color:var(--ink,#17394a);font:inherit;cursor:pointer}
.geo-activity-report>.geo-view-switcher button.active{background:var(--authority,#123748);border-color:var(--authority,#123748);color:#fff}
.geo-activity-report>.geo-view-switcher button:focus-visible{outline:3px solid #1d4ed8;outline-offset:2px}
.geo-count-note{font-size:12px!important;line-height:1.5}

.ms-panel.ms-fullscreen{gap:6px}
.ms-fullscreen .ms-search-details,.ms-fullscreen .ms-area-comparison,.ms-fullscreen .ms-result-notes{display:none}
.ms-fullscreen .ms-google-types{padding:8px}
.ms-fullscreen .ms-policy{font-size:11px;min-height:18px;gap:10px}
@media(max-width:700px){.report-filter-panel input,.report-filter-panel select,.sbc-filters input,.sbc-filters select,.ms-geography input[type=search]{font-size:16px}}
/* One-click single Region selection beside the multi-select checkboxes. */
.ms-geography [data-picker-regions],.ms-geography [data-ms-region-options]{grid-template-columns:minmax(0,1fr) auto}
.ms-geography [data-picker-region-only],.ms-geography [data-ms-region-only]{min-height:44px;min-width:52px;padding:6px 10px;align-self:center;border:1px solid #cbd5df;border-radius:8px;background:#fff;color:#173f55;font:inherit;font-size:12px;cursor:pointer}

/* Territory/Area choices remain available beside the selected map. */
.ms-coverage-tools{align-items:center;flex-wrap:wrap}
.ms-coverage-tools>button{min-height:44px;padding:8px 12px;border:1px solid var(--border,#d3e0e7);border-radius:8px;color:var(--ink,#17394a);background:var(--surface,#fff);font:inherit;cursor:pointer}
.ms-coverage-tools>label{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:12px}
.ms-coverage-tools input{min-height:44px;padding:8px 10px;border:1px solid var(--border,#d3e0e7);border-radius:8px;background:var(--surface,#fff);color:var(--ink,#17394a);font:inherit}
.ms-coverage-list tr.is-selected{background:var(--accent-soft,#eaf3ef)}
.ms-coverage-list td:first-child{width:44px}
.ms-coverage-list [data-coverage-toggle]{width:20px;height:20px;margin:10px;cursor:pointer;accent-color:#08775b}
.ms-coverage-list td [data-coverage-select]{min-height:44px;min-width:120px;font:inherit;color:var(--ink,#17394a);cursor:pointer}
.ms-coverage-list td [data-coverage-only]{min-height:44px;padding:8px 12px;border:1px solid var(--border,#d3e0e7);border-radius:8px;font:inherit;color:var(--ink,#17394a);cursor:pointer}
@media(max-width:600px){.ms-coverage-tools>label{margin-left:0;width:100%}.ms-coverage-tools input{min-width:0;flex:1;width:100%}}


/* product-library.css */
.pm-thumb{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 44px;width:44px;min-height:44px;padding:3px!important;border:1px solid var(--line,#d9e4ea)!important;border-radius:8px;background:#fff!important;vertical-align:middle;cursor:pointer}.pm-thumb img{width:36px;height:36px;object-fit:contain}.pm-thumb:focus-visible,.pl-dialog button:focus-visible{outline:3px solid #168fba;outline-offset:2px}.product-code .pm-thumb,.baseline-product-code .pm-thumb,.kpi-product-code .pm-thumb{display:flex!important;margin:0 auto 4px}.im-item-row>span .pm-thumb{margin-bottom:4px}.sku-entry-product-title{position:relative;padding-right:50px!important}.sku-entry-product-title>.pm-thumb{position:absolute;right:0;top:0}.pm-photo-dialog{width:min(92vw,680px);max-height:90dvh;border:0;border-radius:16px;padding:18px;background:var(--surface,#fff);color:var(--text,#17354b)}.pm-photo-dialog header{display:flex;justify-content:space-between;align-items:center}.pm-photo-dialog header button{min-height:44px}.pm-photo-dialog>img{display:block;width:100%;height:65dvh;object-fit:contain;background:#fff}.pm-photo-dialog::backdrop,.pl-dialog::backdrop{background:#0b2139b8}.product-library-entry{display:flex;gap:16px;justify-content:space-between;align-items:center;background:var(--surface,#fff);border:1px solid var(--line,#dce5ec);border-radius:14px;padding:16px;margin:14px 0}.product-library-entry strong{display:block}.product-library-entry small{color:var(--muted,#5b7182)}.product-library-entry button{min-height:44px;padding:10px 18px;border-radius:9px;border:0;background:#0b775e;color:#fff;font-weight:700;cursor:pointer}.pl-dialog{box-sizing:border-box;width:min(1160px,96vw);max-width:1160px;height:92dvh;max-height:92dvh;border:0;border-radius:18px;padding:0;background:var(--bg,#f2f6f8);color:var(--text,#17354b);font:14px/1.5 system-ui,sans-serif}.pl-header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;background:#17354b;color:#fff}.pl-header h2{margin:4px 0;font-size:24px}.pl-header p{margin:4px 0;color:#c7dce7}.pl-header small{letter-spacing:.08em;color:#b9d4df}.pl-dialog main{padding:22px}.pl-dialog label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}.pl-dialog input,.pl-dialog select{min-height:44px;border:1px solid var(--line,#cbd9e2);border-radius:8px;padding:9px;box-sizing:border-box;background:var(--surface,#fff);color:inherit;font:inherit;width:100%}.pl-dialog button{min-height:44px;border:1px solid var(--line,#cbd9e2);border-radius:8px;padding:8px 14px;background:var(--surface,#fff);color:inherit;font:inherit;font-weight:650;cursor:pointer}.pl-dialog button:disabled{opacity:.55;cursor:default}.pl-header button{color:#17354b;background:#fff}.pl-toolbar{display:grid;grid-template-columns:2fr 1fr 1fr auto;align-items:end;gap:12px}.pl-status{min-height:24px;color:var(--muted,#567083)}.pl-status.is-error,.pl-pending{color:#985c14}.pl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pl-item{display:flex;flex-direction:column;gap:10px;padding:16px;background:var(--surface,#fff);border:1px solid var(--line,#dae5ec);border-radius:12px;min-width:0}.pl-product-head{display:flex;gap:12px;align-items:start}.pl-product-head strong{display:block;overflow-wrap:anywhere}.pl-product-head small{display:block;color:var(--muted,#5e7485);margin-top:5px}.pl-packing{display:flex;flex-wrap:wrap;gap:6px;margin:0}.pl-packing span{background:#e7f3ee;color:#17634d;border-radius:6px;padding:4px 7px;font-size:12px}.pl-item a{color:#087e9a;font-size:13px}.pl-select{margin-top:auto!important;background:#08775e!important;color:#fff!important}.pl-pagination{display:flex;gap:16px;justify-content:center;align-items:center;margin:20px}.pl-builder{background:var(--surface,#fff);border:1px solid var(--line,#dae4ec);padding:22px;border-radius:14px}.pl-builder>header,.pl-edit-row header{display:flex;justify-content:space-between;align-items:center;gap:14px}.pl-builder h3{margin:0;font-size:22px}.pl-builder p{color:var(--muted,#5b7182)}.pl-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.pl-edit-row{border-top:1px solid var(--line,#dae4ec);padding:14px 0}.pl-edit-row header strong{font-size:14px}.pl-edit-row small{color:#08775e;font-weight:700}.pl-builder footer{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.pl-builder [data-save]{background:#08775e;color:#fff}.pl-empty{padding:22px;color:var(--muted,#5a7183)}@media(max-width:850px){.pl-toolbar{grid-template-columns:1fr 1fr}.pl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.pl-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.pl-header{padding:14px}.pl-header h2{font-size:20px}.pl-dialog main{padding:14px}.pl-grid,.pl-toolbar,.pl-price-grid{grid-template-columns:1fr}.pl-builder{padding:14px}.product-library-entry{align-items:start;flex-direction:column}.pl-pagination{margin:15px 0}.pl-edit-row header{align-items:start}}@media(prefers-reduced-motion:reduce){.pl-dialog *{scroll-behavior:auto!important}}



/* Library is a first-class screen; fixed-size media never changes row layout. */

.pl-page{width:100%;max-width:none;height:auto;max-height:none;overflow:visible;margin:0}.pl-page .pl-header{position:relative;border-radius:16px 16px 0 0}.pl-page main{padding:16px}.pl-tabs{display:flex;gap:8px;margin-bottom:18px}.pl-tabs button[aria-pressed="true"]{background:#17354b;color:white}.pl-published{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;border:1px solid var(--line,#dce5ec);border-radius:12px;margin:12px 0;background:var(--surface,#fff)}.pl-published strong,.pl-published small{display:block}.pl-published small{color:var(--muted,#567083);margin-top:5px}.pm-missing{color:#8b9aa6;cursor:default}.product-item-head>div>.pm-thumb{float:left;margin:0 10px 5px 0}.price-tag-product>span>.pm-thumb,.visit-sku-row>code>.pm-thumb,.visit-sku-history-group code>.pm-thumb{display:flex!important;margin:0 auto 4px}.field-request-product .pm-thumb{margin-right:8px}.library-nav-item{min-width:58px!important;flex:0 0 64px}.app-shell>.bottom-nav{display:flex!important;overflow-x:auto!important;justify-content:flex-start;scrollbar-width:thin}.app-shell>.bottom-nav>.nav-item{flex:1 0 58px;min-width:58px}.pl-page [hidden]{display:none!important}@media(max-width:540px){.pl-published{align-items:flex-start;flex-direction:column}.pl-page .pl-header{border-radius:12px 12px 0 0}.pl-page main{padding:10px}.pl-edit-row .pl-product-head{min-width:0}.pl-edit-row strong{overflow-wrap:anywhere}}



.app-shell>.bottom-nav{flex-wrap:nowrap!important}.pl-header h2{color:#fff!important}.pl-page .pl-header{isolation:isolate}



body .app-shell>.bottom-nav,body.operation-ui-v2 .app-shell>.bottom-nav{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important}body.auth-required .app-shell>.bottom-nav,body.customer-detail-open .app-shell>.bottom-nav{display:none!important}



/* Keep photo, SKU code, product, status and RSP aligned on one shared row. */

.visit-sku-list{display:grid;grid-template-columns:28px 140px minmax(max-content,1fr) 110px 100px;overflow-x:auto;overscroll-behavior-x:contain}

.visit-sku-list>.visit-sku-row{grid-column:1/-1;display:grid;grid-template-columns:subgrid;align-items:center;gap:9px;min-height:62px;padding:8px 12px}

.visit-sku-list>.visit-sku-row>*{grid-row:1;grid-column:auto}

.visit-sku-list>.visit-sku-row>code{display:flex;align-items:center;gap:9px;white-space:nowrap;min-width:0;font-size:11px}

.visit-sku-list>.visit-sku-row>code>.pm-thumb{display:inline-flex!important;margin:0!important;flex:0 0 44px}

.visit-sku-list .visit-sku-name{min-width:max-content}

.visit-sku-list .visit-sku-name strong,.visit-sku-list .visit-sku-name small{white-space:nowrap;overflow:visible;text-overflow:clip}

.visit-sku-list .visit-sku-state{grid-column:4;grid-row:1;white-space:nowrap}

.visit-sku-list .visit-sku-rsp{grid-column:5;grid-row:1;white-space:nowrap}



.pl-grid{display:block}.pl-category-section{margin:0 0 28px}.pl-category-section>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:2px solid #E3062C;margin-bottom:14px}.pl-category-section h3{font-size:20px;color:var(--ink,#153247);margin:0}.pl-category-section>header>span{color:var(--muted,#667D88);font-size:12px}.pl-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pl-stock-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px;background:#EDF6F1;border-radius:8px;margin-top:auto}.pl-stock-metrics small{display:block;font-size:9px;letter-spacing:.04em;color:#637B75}.pl-stock-metrics strong{display:block;margin-top:3px;color:#08765D;font-size:17px}.pl-pack-note{font-size:11px;color:#986116;margin:0}.pl-brand-logo{width:88px;height:40px;object-fit:contain;float:left;margin:0 14px 8px 0}.pl-page .pl-header{border-top:4px solid #E3062C;background:#FFFCF6;color:#153247}.pl-page .pl-header h2{color:#153247!important}.pl-page .pl-header p,.pl-page .pl-header small{color:#607580}.pl-page .pl-item{border-radius:14px}.pl-edit-row input[readonly]{background:#EDF2F4;color:#405663}.pl-item .pl-product-head .pm-thumb{width:64px;flex-basis:64px;min-height:68px}.pl-item .pm-thumb img{width:56px;height:60px}@media(max-width:900px){.pl-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.pl-category-grid{grid-template-columns:1fr}.pl-category-section>header{align-items:start;flex-direction:column}.pl-category-section h3{font-size:18px}.pl-brand-logo{width:74px}.pl-stock-metrics strong{font-size:16px}}



.ne-upload{display:grid;grid-template-columns:2fr 1fr auto;align-items:end;gap:12px;padding:16px;background:var(--surface,#fff);border:1px solid var(--line,#dbe3e7);border-radius:12px;margin:16px 0}.ne-scroll{overflow:auto;margin-top:15px}.ne-table{border-collapse:collapse;width:100%;min-width:900px;background:var(--surface,#fff)}.ne-table th,.ne-table td{padding:12px;border-bottom:1px solid var(--line,#dbe3e7);text-align:left;vertical-align:middle}.ne-table th{background:#153247;color:#fff;font-size:11px}.ne-table td{font-size:12px}.ne-table td:nth-child(2){min-width:290px}.ne-table small{display:block;color:var(--muted,#607580);margin-top:4px}.ne-table input[type=checkbox]{width:44px;min-height:44px;accent-color:#08765D}.ne-held{background:#FFF1EE}.ne-held td:last-child strong{color:#A22C28}.ne-actions{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:20px 0}.ne-actions label{min-width:210px}.ne-heading h3{font-size:23px;margin-bottom:8px}.ne-summary{font-weight:700}.pl-tabs{flex-wrap:wrap}@media(max-width:700px){.ne-upload{grid-template-columns:1fr}.ne-actions{align-items:stretch;flex-direction:column}}



.ne-table .ne-quantity{font-size:24px;font-weight:800;color:#08765d;white-space:nowrap}.ne-batch-label{display:block;padding-left:48px;font-weight:600;color:#667d88}.ne-table tbody tr:has(.pl-product-head){border-top:3px solid #dbe7e3}



/* Catalogue categories stay compact until explicitly expanded. */

.pl-category-section>summary{display:flex;align-items:center;gap:16px;min-height:60px;padding:14px 18px;background:#fff;list-style:none;cursor:pointer;border:1px solid #d9e5e8;border-radius:10px;font-weight:750;color:#153247}.pl-category-section>summary::-webkit-details-marker{display:none}.pl-category-section>summary small{margin-left:auto;font-size:12px;font-weight:500;color:#667d88}.pl-category-toggle{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#eaf5ef;color:#08765d;font-size:24px;flex-shrink:0}.pl-category-toggle:before{content:'+'}details[open]>.pl-category-toggle:before,details[open]>summary .pl-category-toggle:before{content:'−'}.pl-category-section[open]>summary{border-bottom:2px solid #e3062c;border-radius:10px 10px 0 0}.pl-category-section>.pl-category-grid{padding-top:14px}.ne-category{margin:14px 0}.ne-table{min-width:950px}.ne-price strong{font-size:18px;color:#08765d;white-space:nowrap}.ne-table small{display:block}.ne-search{display:block;max-width:480px;margin:18px 0}.ne-search input{width:100%;min-height:44px}.ne-upload>small{grid-column:1/-1}.ne-actions>[data-ne-management]{display:flex;gap:12px;align-items:end;flex-wrap:wrap}[hidden]{display:none!important}@media(max-width:600px){.pl-category-section>summary{padding:12px;gap:8px}.pl-category-section>summary small{font-size:10px;max-width:110px}.pl-category-grid{grid-template-columns:1fr}.ne-category>summary small{max-width:100px}}

[data-ne-manager="false"] .ne-table td:nth-child(2){min-width:130px}[data-ne-manager="false"] .ne-table td:first-child{min-width:350px}



/* Ready-to-open catalogues: two files, two actions per file. */

#screen-library #dailyCatalogueCard{display:none!important}

.catalogue-home{max-width:1000px;margin:0 auto;padding:24px 16px;background:transparent;font-size:16px}

.catalogue-home-heading{display:flex;align-items:center;gap:18px;padding:8px 0 24px}

.catalogue-home-heading img{object-fit:contain}

.catalogue-home-heading h2{font-size:26px;line-height:1.2;margin:0;color:#153247}

.catalogue-file-list{display:grid;gap:18px}

.catalogue-file-card{display:flex;align-items:center;gap:20px;min-width:0;padding:28px 24px;border:1px solid #dbe5e8;border-left:4px solid #e3062c;border-radius:14px;background:#fff;box-shadow:0 3px 12px #15324706}

.catalogue-file-card[data-file-card="near"]{border-left-color:#08765d}

.catalogue-file-icon{display:grid;place-items:center;width:60px;height:68px;flex:0 0 60px;background:#fff1f3;color:#d4072e;border-radius:12px}

[data-file-card="near"] .catalogue-file-icon{background:#edf7f1;color:#08765d}

.catalogue-file-info{min-width:0;flex:1}

.catalogue-file-info h3{margin:0;font-size:20px;line-height:1.4;color:#153247}

.catalogue-file-info p{margin:7px 0 0;font-size:13px;line-height:1.5;color:#617684}

.catalogue-file-info [role="status"]{font-size:13px;color:#946110}

.catalogue-file-actions{display:flex;gap:10px;flex-shrink:0}

.catalogue-file-actions button{min-height:46px;padding:10px 19px;border:1px solid #cbdcde;border-radius:8px;background:#fff;color:#153247;font-size:14px;font-weight:700;cursor:pointer}

.catalogue-file-actions .catalogue-view{background:#08765d;color:#fff;border-color:#08765d}

.catalogue-file-actions button:disabled{opacity:.5;cursor:default}

.catalogue-home button:focus-visible,.catalogue-home summary:focus-visible,.catalogue-pdf-viewer button:focus-visible,.catalogue-pdf-viewer a:focus-visible{outline:3px solid #168fba;outline-offset:3px}

.catalogue-manager{margin-top:26px}

.catalogue-manager>summary{min-height:44px;padding:12px 0;cursor:pointer;color:#617684;font-size:14px;font-weight:600}

.catalogue-manager>p{font-size:14px;line-height:1.6;color:#617684}

.catalogue-pdf-viewer{padding:0;border:1px solid #dbe5e8;border-radius:12px;width:min(1100px,96vw);max-width:96vw;height:92dvh;max-height:92dvh;background:#fff;color:#153247;overflow:hidden}

.catalogue-pdf-viewer::backdrop{background:#102a3acc}

.catalogue-pdf-viewer>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid #dbe5e8;font:16px/1.5 system-ui,sans-serif}

.catalogue-pdf-viewer>header>div{display:flex;align-items:center;gap:10px}

.catalogue-pdf-viewer button,.catalogue-pdf-viewer a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:7px 12px;box-sizing:border-box;border-radius:7px;border:1px solid #cad9df;background:#fff;color:#153247;font:600 13px/1.4 system-ui,sans-serif;text-decoration:none;cursor:pointer}

.catalogue-pdf-viewer iframe{width:100%;height:calc(100% - 70px);border:0;background:#eef2f3}

@media(max-width:650px){.catalogue-home{padding:16px 8px}.catalogue-home-heading{padding-bottom:20px}.catalogue-home-heading h2{font-size:23px}.catalogue-file-card{flex-wrap:wrap;padding:20px 16px;gap:14px}.catalogue-file-icon{width:46px;height:56px;flex-basis:46px}.catalogue-file-info{flex-basis:calc(100% - 62px)}.catalogue-file-info h3{font-size:18px}.catalogue-file-actions{width:100%}.catalogue-file-actions button{flex:1}.catalogue-pdf-viewer{width:98vw;max-width:98vw;height:96dvh;max-height:96dvh}.catalogue-pdf-viewer>header{flex-wrap:wrap;padding:10px}.catalogue-pdf-viewer>header>div{width:100%;justify-content:flex-end;gap:6px}.catalogue-pdf-viewer iframe{height:calc(100% - 110px)}}



/* Published campaigns and private campaign editing are separate from catalogue files. */

.library-section-tabs{display:flex;gap:10px;margin:0 0 22px}.library-section-tabs button{min-height:44px;padding:10px 20px;border:1px solid #cadbdf;border-radius:8px;background:#fff;color:#153247;font-weight:700}.library-section-tabs button[aria-pressed=true]{background:#153247;color:#fff;border-color:#153247}.campaign-file-card{border-left-color:#d1a53b}.campaigns-editor{margin-top:22px;padding:18px;background:#fff;border:1px solid #dbe5e8;border-radius:12px}.campaigns-editor>summary{padding:6px 0 16px;font-size:17px;font-weight:700;min-height:44px;cursor:pointer}.campaigns-editor label{font-size:13px}.campaigns-editor>label{margin-top:16px}.campaign-product-filters{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin:16px 0}.campaign-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.campaign-selection{margin-top:28px}.campaign-editor-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.campaigns-editor [data-regular]{background:#eef3f4;color:#405663}.campaigns-editor .pm-thumb{flex-shrink:0}.campaigns-editor .pl-empty{padding:14px 0}.campaign-file-card h3{overflow-wrap:anywhere}.campaigns-editor [data-calc]{display:block;color:#08765d;font-weight:700}@media(max-width:800px){.campaign-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.campaign-product-grid,.campaign-product-filters{grid-template-columns:1fr}.campaigns-editor{padding:14px}.campaign-editor-actions{flex-direction:column}.campaign-editor-actions button{width:100%}.campaigns-editor .pl-edit-row header{flex-wrap:wrap}.campaigns-editor .pl-edit-row header>.pl-product-head{width:100%}}



@media(min-width:900px){.catalogue-home{padding-top:44px}}



/* Both source uploads live together in Library management. */

.library-upload-section{margin:20px 0;padding:20px 0;border-top:1px solid #dbe5e8}.library-upload-section h3{margin:0 0 6px;font-size:21px;color:#153247}.library-upload-section>p{color:#617684;font-size:14px}.library-dip-upload-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end}.library-dip-upload-row button{background:#08765d;color:#fff;border-color:#08765d}.library-dip-upload-row input{background:#fff}.library-upload-section .pl-status.is-error{color:#a12932}@media(max-width:650px){.library-dip-upload-row{grid-template-columns:1fr}.library-dip-upload-row button{width:100%}.library-upload-section{padding:16px 0}}


/* Keep product, availability, price and price basis inside the report width. */
.visit-sku-overview,.visit-sku-overview>header,.visit-sku-overview>header>div{min-width:0;max-width:100%}
.visit-sku-overview .visit-sku-list{display:block;overflow:visible;min-width:0;max-width:100%}
.visit-sku-overview .visit-sku-list>.visit-sku-row{display:grid;grid-template-columns:24px 105px minmax(0,1fr) 100px minmax(115px,145px);gap:10px;min-width:0;max-width:100%;padding:12px;align-items:center}
.visit-sku-overview .visit-sku-row>*{min-width:0;grid-row:auto;grid-column:auto}
.visit-sku-overview .visit-sku-row>code{display:flex;align-items:center;gap:7px;white-space:normal;overflow-wrap:anywhere}
.visit-sku-overview .visit-sku-row>code>.pm-thumb{display:inline-flex!important;flex:0 0 40px;width:40px;height:44px;margin:0!important}
.visit-sku-overview .visit-sku-name{min-width:0;width:auto}.visit-sku-overview .visit-sku-name strong,.visit-sku-overview .visit-sku-name small{white-space:normal;overflow-wrap:anywhere;overflow:visible;text-overflow:clip}
.visit-sku-overview .visit-sku-state{grid-row:auto;grid-column:auto;white-space:normal;font-size:10px}
.visit-sku-overview .visit-sku-rsp{grid-row:auto;grid-column:auto;min-width:0;white-space:normal;text-align:right}
.visit-sku-rsp strong{font-size:14px;overflow-wrap:anywhere}.visit-sku-rsp .sku-price-unit{display:block;font-size:12px;color:var(--muted,#60778b);line-height:1.5}
.visit-sku-summary{grid-template-columns:repeat(4,minmax(0,1fr));min-width:0}.visit-sku-summary>span{min-width:0;white-space:normal;overflow-wrap:anywhere}
@media(max-width:900px){.visit-sku-overview .visit-sku-list>.visit-sku-row{grid-template-columns:22px 85px minmax(0,1fr);gap:8px}.visit-sku-overview .visit-sku-row>.visit-sku-index{grid-row:1/3}.visit-sku-overview .visit-sku-row>code{grid-column:2;grid-row:1/3;flex-direction:column;align-items:flex-start}.visit-sku-overview .visit-sku-name{grid-column:3;grid-row:1}.visit-sku-overview .visit-sku-state{grid-column:3;grid-row:2;justify-self:start}.visit-sku-overview .visit-sku-rsp{grid-column:3;grid-row:3;text-align:left;display:flex;gap:8px;flex-wrap:wrap;align-items:baseline}.visit-sku-overview .visit-sku-rsp>small{display:none}.visit-sku-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.visit-sku-overview .visit-sku-list>.visit-sku-row{grid-template-columns:18px 62px minmax(0,1fr);padding:10px 8px;gap:6px 8px}.visit-sku-overview>header{flex-wrap:wrap}.visit-sku-head-actions{flex-wrap:wrap}.visit-sku-name strong{font-size:13px!important}.visit-sku-name small{font-size:11px!important}}
/* Two obvious fields, including on return visits: no hidden price-unit control. */
.sku-entry-product.compact .sku-rsp{grid-column:1/-1;width:100%}.sku-entry-snapshot{min-width:0}.sku-entry-snapshot>strong{white-space:normal}
.sku-rsp-compact .sku-rsp-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:10px}
.sku-rsp-compact .sku-rsp-controls label{display:grid;gap:5px;min-width:0;font-size:12px;margin:0}
.sku-rsp-compact .sku-rsp-controls input,.sku-rsp-compact .sku-rsp-controls select{width:100%;max-width:100%;min-width:0;min-height:46px;box-sizing:border-box;margin:0;font:inherit;font-size:16px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text)}
.sku-rsp-compact .sku-rsp-head{display:none}.sku-rsp-compact .sku-rsp-controls>button{grid-column:1/-1}.sku-confirm-list{margin:10px 0}.sku-confirm-list>summary{min-height:44px;align-content:center;font-weight:700;font-size:13px;cursor:pointer}
.photo-proof-price{display:block;font-size:13px;font-style:normal;color:var(--family-good,#08745b);font-weight:700;margin-top:4px}.photo-proof-picker [data-proof-done]:disabled{opacity:.45;cursor:default}.photo-proof-tag.needs-product-links{border-color:var(--warning,#a26300);color:var(--warning,#a26300)}
.photo-proof-body>img{max-height:260px}.photo-proof-picker .photo-proof-list>label{min-height:66px}.photo-proof-report{min-width:0}.photo-proof-report li{flex-wrap:wrap}.photo-proof-report li>span{min-width:100px;overflow-wrap:anywhere}

.photo-proof-picker .photo-proof-price{color:#08745b}

.catalogue-home-heading [data-library-arrivals-upload] { margin-left:auto; min-height:44px; padding:12px 18px; border:0; border-radius:8px; background:var(--family-action); color:var(--family-on-action); font-size:13px; font-weight:600; }
.catalogue-home-heading [data-library-arrivals-upload][hidden] { display:none; }
@media(max-width:600px) { .catalogue-home-heading { flex-wrap:wrap; } .catalogue-home-heading [data-library-arrivals-upload] { flex-basis:100%; margin:4px 0 0; } }


/* plan-control.css */
/* Presentation scoped to management planning. Daily field screens are untouched. */
body[data-client-surface="management_web"] #screen-more {
 --plan-gap:24px; color:var(--family-ink); padding-bottom:32px;
}
body[data-client-surface="management_web"] #screen-more > :is(section,div) { min-width:0; }
body[data-client-surface="management_web"] #screen-more .control-masthead {
 display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 24px;
 min-height:0; padding:24px; margin:0 0 var(--plan-gap); border-radius:16px;
 background:var(--family-surface)!important; border:1px solid var(--family-line); box-shadow:none;
}
body[data-client-surface="management_web"] #screen-more .control-masthead::after { content:none; }
body[data-client-surface="management_web"] #screen-more .control-masthead > .eyebrow {
 grid-column:1; color:var(--family-action); font-size:11px; font-weight:700; letter-spacing:.08em;
}
body[data-client-surface="management_web"] #screen-more .control-masthead h1 {
 grid-column:1; margin:0; color:var(--family-ink)!important; font-size:28px; line-height:1.3;
}
body[data-client-surface="management_web"] #screen-more .control-masthead > p {
 grid-column:1; max-width:none; margin:4px 0 0; color:var(--family-muted); font-size:14px;
}
body[data-client-surface="management_web"] #screen-more .identity-chip {
 position:static; grid-column:2; grid-row:1/4; align-self:center;
 margin:0; padding:0; background:none; box-shadow:none; border:0;
}
body[data-client-surface="management_web"] #screen-more .identity-chip > span {
 width:44px; height:44px; border-radius:12px; background:var(--family-action-soft); color:var(--family-action);
}
body[data-client-surface="management_web"] #screen-more .identity-chip strong { font-size:14px!important; }
body[data-client-surface="management_web"] #screen-more .identity-chip small { font-size:12px; color:var(--family-muted); }
#screen-more .plan-workspace-launch { margin:0 0 24px; padding:0; border:0; background:none; }
#screen-more .plan-section-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; }
#screen-more .plan-section-heading .eyebrow { font-size:11px; color:var(--family-action); font-weight:700; letter-spacing:.08em; }
#screen-more .plan-section-heading h2 { margin:4px 0; font-size:20px; color:var(--family-ink); }
#screen-more .plan-section-heading p { margin:0; color:var(--family-muted); font-size:14px; }
#screen-more .plan-private-note { font-size:12px; color:var(--family-muted); border:1px solid var(--family-line); padding:6px 10px; border-radius:7px; }
#screen-more .plan-tool-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
#screen-more button.plan-tool {
 display:flex; flex-direction:column; align-items:flex-start; gap:14px; min-width:0;
 width:100%; min-height:232px; padding:24px; text-align:left; white-space:normal;
 font:inherit; color:var(--family-ink); background:var(--family-surface); border:1px solid var(--family-line);
 border-radius:16px; box-shadow:0 3px 12px #17212b04; cursor:pointer; transition:border-color .16s,box-shadow .16s;
}
#screen-more .plan-workspace-launch:has(.plan-tool:only-child) .plan-tool-grid{grid-template-columns:minmax(0,1fr)}
body[data-client-surface="field_telegram"] #screen-more button.plan-tool{min-height:0;padding:16px;gap:10px}
#screen-more .plan-tool:hover { border-color:var(--family-action)!important; box-shadow:0 5px 20px #17212b0a!important; }
#screen-more .plan-tool:focus-visible { outline:3px solid var(--family-action); outline-offset:3px; }
#screen-more .plan-tool:disabled { opacity:.65; cursor:wait; }
#screen-more .plan-tool-icon { display:grid; place-items:center; width:44px; height:44px; border-radius:12px; background:var(--family-action-soft); color:var(--family-action); }
#screen-more .plan-tool-icon svg { width:24px; height:24px; }
#screen-more .plan-tool > strong { font-size:18px; line-height:1.35; }
#screen-more .plan-tool-description { color:var(--family-muted); font-size:14px; line-height:1.55; }
#screen-more .plan-tool-action { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; padding-top:14px; margin-top:auto; border-top:1px solid var(--family-line); font-size:14px; font-weight:700; color:var(--family-action); }
#screen-more .plan-tool-action svg { width:19px; height:19px; flex:none; }
body[data-client-surface="management_web"] #screen-more #salesPerformanceUploadSection { margin:0 0 24px; width:100%; }
body[data-client-surface="management_web"] #screen-more .sp-upload-card {
 --sp-ink:var(--family-ink); --sp-muted:var(--family-muted); --sp-line:var(--family-line); --sp-soft:var(--family-bg);
 width:100%; max-width:none; padding:24px; border:1px solid var(--family-line); border-radius:16px;
 background:var(--family-surface); box-shadow:none; margin:0;
}
#screen-more .sp-upload-card > header { display:grid; grid-template-columns:44px minmax(0,1fr) auto; gap:16px; padding-bottom:20px; align-items:center; }
#screen-more .sp-upload-mark { width:44px; height:44px; border-radius:12px; color:var(--family-action); background:var(--family-action-soft); }
#screen-more .sp-upload-card header h2 { margin:4px 0; font-size:20px; color:var(--family-ink); }
#screen-more .sp-upload-card header p { margin:4px 0 0; max-width:none; font-size:14px; line-height:1.5; color:var(--family-muted); }
#screen-more .sp-upload-card header div > span { color:var(--family-action); font-size:11px; letter-spacing:.08em; }
#screen-more .sp-upload-access { font-size:11px; padding:6px 9px; align-self:center; color:var(--family-muted); background:var(--family-bg); border-color:var(--family-line); }
#screen-more .sp-latest-slot { margin:20px 0 16px; }
#screen-more .sp-latest > summary { min-height:68px; padding:14px 16px; }
#screen-more .sp-latest > summary strong { font-size:14px; }
#screen-more .sp-latest > summary small { font-size:12px; }
#screen-more .sp-latest > summary > b { font-size:13px; }
#screen-more .sp-file-drop { min-height:88px; padding:16px; border-radius:12px; }
#screen-more .sp-file-drop strong { font-size:15px; }
#screen-more .sp-file-drop small { font-size:12px; }
#screen-more .sp-file-drop > b { display:grid; place-items:center; min-height:44px; padding:10px 18px; font-size:14px; border-radius:8px; }
#screen-more .sp-file-drop:focus-within { outline:2px solid var(--family-action); outline-offset:3px; }
#screen-more .sp-upload-help { font-size:12px; gap:16px; }
#screen-more .sp-upload-help button { min-height:44px; font-size:12px; }
#screen-more .sp-latest > div strong,#screen-more .sp-latest > div small { font-size:12px; white-space:normal; overflow-wrap:anywhere; }
#screen-more .sp-preview { padding:20px; border-radius:12px; }
#screen-more .sp-preview header strong { font-size:17px; }
#screen-more .sp-preview header small,#screen-more .sp-preview li { font-size:13px; line-height:1.6; }
#screen-more .sp-detected small,#screen-more .sp-detected b,#screen-more .sp-preview-total small { font-size:12px; }
#screen-more .sp-detected span,#screen-more .sp-preview-total span { padding:12px; }
#screen-more .sp-preview-total b { font-size:17px; }
#screen-more .sp-row-check > summary strong { font-size:14px; }
#screen-more .sp-row-check > summary small,#screen-more .sp-row-check td small,#screen-more .sp-row-check th { font-size:12px; }
#screen-more .sp-row-check table { font-size:14px; }
#screen-more .sp-preview > button { font-size:14px; }
body[data-client-surface="management_web"] #screen-more > :is(.team-assignment-control,.visit-planner,.customer-intake,.item-master-control) { margin-bottom:24px; border-radius:16px; box-shadow:none; }
@media(max-width:900px) {
 #screen-more .plan-tool-grid { gap:12px; }
 body[data-client-surface="management_web"] #screen-more button.plan-tool { padding:18px; }
 body[data-client-surface="management_web"] #screen-more .control-masthead { grid-template-columns:1fr; gap:4px; }
 body[data-client-surface="management_web"] #screen-more .identity-chip { grid-column:1; grid-row:auto; justify-self:start; margin-top:16px; }
}
@media(max-width:640px) {
 body[data-client-surface="management_web"] #screen-more .control-masthead { padding:20px; margin-bottom:24px; }
 body[data-client-surface="management_web"] #screen-more .control-masthead h1 { font-size:24px; }
 #screen-more .plan-section-heading { align-items:flex-start; }
 #screen-more .plan-private-note { display:none; }
 #screen-more .plan-tool-grid { grid-template-columns:1fr; }
 body[data-client-surface="management_web"] #screen-more button.plan-tool { display:grid; grid-template-columns:44px minmax(0,1fr); gap:8px 14px; min-height:0; padding:20px; }
 #screen-more .plan-tool-icon { grid-column:1; grid-row:1/3; }
 #screen-more .plan-tool > strong { grid-column:2; font-size:17px; align-self:end; }
 #screen-more .plan-tool-description { grid-column:2; }
 #screen-more .plan-tool-action { grid-column:1/-1; margin-top:6px; }
 body[data-client-surface="management_web"] #screen-more .sp-upload-card { padding:20px; }
 #screen-more .sp-upload-card > header { grid-template-columns:44px minmax(0,1fr); gap:14px; }
 #screen-more .sp-upload-access { display:none; }
 #screen-more .sp-upload-card header h2 { font-size:20px; }
 #screen-more .sp-latest > summary { padding:12px; gap:8px; }
 #screen-more .sp-file-drop { grid-template-columns:24px minmax(0,1fr); gap:12px; }
 #screen-more .sp-file-drop > b { grid-column:1/-1; }
 #screen-more .sp-upload-help { align-items:flex-start; }
}
@media(prefers-reduced-motion:reduce) { #screen-more .plan-tool { transition:none!important; } }


/* command-center.css */
/* Focused management dashboard. Presentation and disclosure only. */
body[data-client-surface="management_web"]:has(#managerCommand.command-refined:not(.hidden)) #clientSurfaceIntro { display:none!important; }
@media(min-width:900px) {
 body[data-client-surface="management_web"]:has(#managerCommand.command-refined) .topbar { grid-template-columns:88px minmax(0,1fr) auto auto auto; min-height:76px; padding:12px 24px; gap:16px; }
 body[data-client-surface="management_web"]:has(#managerCommand.command-refined) .brand-logo-mark { width:88px; min-width:88px; height:48px; }
 body[data-client-surface="management_web"]:has(#managerCommand.command-refined) .bottom-nav { top:76px; }
}
#managerCommand.command-refined { margin:0; color:var(--family-ink); }
#managerCommand.command-refined [hidden] { display:none!important; }
.command-refined * { min-width:0; box-sizing:border-box; }
.command-refined :is(.ta-header,.cc-panel,.dashboard-operations) :is(h2,h3,h4) { color:var(--family-ink); }
.command-refined .product-dashboard { padding:0; border:0; border-radius:0; background:none; box-shadow:none; overflow:visible; }
.command-refined .product-dashboard-header { display:grid; grid-template-columns:minmax(200px,1fr) auto auto; gap:16px 24px; align-items:center; padding:8px 0 24px; background:none; border:0; }
.command-refined .product-dashboard-title h1 { margin:6px 0; font-size:28px; line-height:1.25; color:var(--family-ink); }
.command-refined .product-dashboard-title p { font-size:13px; margin:0; color:var(--family-muted); }
.command-refined .product-live { font-size:11px; letter-spacing:.07em; color:var(--family-good); }
.command-refined .product-dashboard-tools { justify-self:end; gap:8px; }
.command-refined .product-date-control { border:1px solid var(--family-line); border-radius:10px; background:var(--family-surface); }
.command-refined .product-date-control :is(button,label) { min-height:44px; }
.command-refined .product-date-control label { width:148px; }
.command-refined .product-date-control label small { font-size:10px; }
.command-refined .product-date-control label strong { font-size:13px; }
.command-refined .product-refresh { width:44px; height:44px; border-radius:10px; border:1px solid var(--family-line); }
.command-refined .command-header-actions { display:flex; gap:8px; justify-content:flex-end; }
.command-refined button { font-family:inherit; cursor:pointer; }
.command-refined .command-header-actions button,.command-refined .cc-panel header button { min-height:44px; padding:10px 16px; border:1px solid var(--family-line); background:var(--family-surface); color:var(--family-ink); border-radius:8px; font:600 13px/1.4 Arial,sans-serif; box-shadow:none; }
.command-refined .command-header-actions .cc-primary { background:var(--family-action); color:var(--family-on-action); border-color:var(--family-action); }
.command-refined .product-summary-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin:0 0 24px; border:0; background:none; }
.command-refined .product-summary-card { padding:20px; min-height:132px; display:flex; flex-direction:column; gap:8px; text-align:left; border:1px solid var(--family-line); border-radius:12px; background:var(--family-surface); color:var(--family-ink); box-shadow:none; }
.command-refined .product-summary-card > span { font-size:13px; font-weight:600; color:var(--family-muted); }
.command-refined .product-summary-card > strong { font-size:30px; font-weight:700; color:var(--family-ink); line-height:1.2; }
.command-refined .product-summary-card > strong em { font-size:15px; font-weight:400; color:var(--family-muted); }
.command-refined .product-summary-card > small { font-size:12px; color:var(--family-muted); margin:0; }
.command-refined .product-summary-card > i { display:none; }
.command-refined .product-summary-card::before,.command-refined .product-summary-card::after { content:none; }
.command-refined .command-view-tabs { display:flex; gap:8px; border-bottom:1px solid var(--family-line); margin-bottom:24px; }
.command-refined .command-view-tabs button { min-height:48px; padding:12px 20px; border:0; border-bottom:3px solid transparent; border-radius:0; color:var(--family-muted); background:none; font:600 14px/1.5 Arial,sans-serif; }
.command-refined .command-view-tabs button[aria-selected=true] { color:var(--family-action); border-bottom-color:var(--family-action); }
.command-refined .command-view-panels { display:grid; gap:24px; }
.command-refined:not([data-command-view="overview"]) .product-summary-grid { display:none; }
.command-refined [data-cc-panel] { outline-offset:5px; }
.command-refined .command-overview-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr); gap:24px; }
.command-refined .cc-panel { padding:24px; background:var(--family-surface); border:1px solid var(--family-line); border-radius:14px; }
.command-refined .cc-panel > header { display:flex; align-items:start; justify-content:space-between; gap:12px; margin-bottom:16px; }
.command-refined .cc-panel h2 { margin:0; font-size:19px; line-height:1.35; }
.command-refined .cc-panel header p { margin:5px 0 0; font-size:12px; color:var(--family-muted); line-height:1.5; }
.command-refined .cc-panel header button { flex:none; padding:8px 10px; min-height:40px; font-size:12px; }
.command-refined .cc-channel-list,.command-refined .cc-recent-list { display:grid; }
.command-refined .cc-channel { display:grid; grid-template-columns:minmax(0,1fr) 44px 12px; align-items:center; gap:14px; width:100%; padding:18px 0; background:none; border:0; border-top:1px solid var(--family-line); text-align:left; color:var(--family-ink); }
.command-refined .cc-channel strong { display:block; font-size:15px; }
.command-refined .cc-channel small { display:block; margin-top:5px; font-size:12px; line-height:1.5; color:var(--family-muted); }
.command-refined .cc-channel > span:nth-child(2) { text-align:right; }
.command-refined .cc-channel b { font-size:23px; font-weight:600; font-variant-numeric:tabular-nums; }
.command-refined .cc-channel i { font-size:22px; color:var(--family-muted); font-style:normal; }
.command-refined .cc-data-note { margin:12px 0 0; font-size:11px; line-height:1.6; color:var(--family-muted); }
.command-refined .cc-recent { display:grid; grid-template-columns:64px minmax(0,1fr) auto; gap:14px; align-items:center; width:100%; min-height:86px; padding:16px 0; background:none; border:0; border-top:1px solid var(--family-line); text-align:left; color:var(--family-ink); }
.command-refined .cc-recent-time { font-size:12px; color:var(--family-muted); font-variant-numeric:tabular-nums; }
.command-refined .cc-recent strong { display:block; font-size:14px; line-height:1.5; overflow-wrap:anywhere; }
.command-refined .cc-recent small { display:block; margin-top:5px; font-size:12px; color:var(--family-muted); line-height:1.5; }
.command-refined .cc-visit-state { font-size:11px; padding:5px 8px; border-radius:6px; color:var(--family-muted); background:var(--family-bg); white-space:nowrap; }
.command-refined .cc-visit-state.is-complete { color:var(--family-good); background:var(--family-good-soft); }
.command-refined .cc-empty { font-size:14px; color:var(--family-muted); padding:24px 0; }
.command-refined .product-allocation,.command-refined .cc-planning-shortcuts { display:block; margin:24px 0 0; border:1px solid var(--family-line); border-radius:12px; background:var(--family-surface); overflow:hidden; }
.command-refined .product-allocation > summary,.command-refined .cc-planning-shortcuts > summary { display:flex!important; justify-content:space-between; align-items:center; min-height:64px; padding:16px 20px; cursor:pointer; font-size:14px; font-weight:600; color:var(--family-ink); list-style:none; }
.command-refined .product-allocation > summary > span { display:flex; align-items:center; gap:12px; }
.command-refined .product-allocation > summary svg { width:18px; height:18px; }
.command-refined .product-allocation > summary small,.command-refined .cc-planning-shortcuts > summary span { font-size:12px; font-weight:400; color:var(--family-muted); }
.command-refined .product-allocation:not([open]) > .product-disclosure-body { display:none!important; }
.command-refined .product-allocation .product-disclosure-body { padding:20px; border-top:1px solid var(--family-line); }
.command-refined .cc-planning-shortcuts #managerControlShortcut { margin:0; border:0; border-top:1px solid var(--family-line); border-radius:0; padding:20px; }
.command-refined .product-coverage-disclosure { margin:0; padding:0; border:0; background:none; }
.command-refined .product-coverage-disclosure > summary { display:none!important; }
/* Store visits use their own layout, independent of the old dashboard cascade. */
#managerCommand .cc-store-layout { display:grid; gap:20px; padding:0; background:none; border:0; }
#managerCommand .cc-region-disclosure { border:1px solid var(--family-line); border-radius:12px; background:var(--family-surface); }
#managerCommand .cc-region-disclosure > summary { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:56px; padding:14px 20px; font-size:14px; font-weight:600; cursor:pointer; color:var(--family-ink); }
#managerCommand .cc-region-disclosure > summary span { font-size:12px; color:var(--family-muted); font-weight:400; }
#managerCommand .cc-region-disclosure:not([open]) > section { display:none; }
#managerCommand .cc-region-disclosure .cc-regions-panel { border:0; border-top:1px solid var(--family-line); border-radius:0 0 12px 12px; }
#managerCommand :is(.cc-regions-panel,.cc-stores-panel) { padding:24px; border:1px solid var(--family-line); border-radius:14px; background:var(--family-surface); }
#managerCommand :is(.cc-regions-panel,.cc-stores-panel) > header { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; }
#managerCommand :is(.cc-regions-panel,.cc-stores-panel) header h2 { margin:4px 0; font-size:20px; color:var(--family-ink); }
#managerCommand :is(.cc-regions-panel,.cc-stores-panel) header p { margin:5px 0 0; font-size:12px; color:var(--family-muted); }
#managerCommand :is(.cc-regions-panel,.cc-stores-panel) header div > span { font-size:10px; font-weight:700; letter-spacing:.07em; color:var(--family-muted); }
#managerCommand :is(.cc-regions-panel,.cc-stores-panel) header button { min-height:44px; padding:8px 12px; border:1px solid var(--family-line); border-radius:8px; background:var(--family-surface); color:var(--family-ink); font-size:12px; font-weight:600; }
#managerCommand .cc-regions-panel > div { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
#managerCommand .cc-region-row { display:grid; grid-template-columns:minmax(0,1fr) auto 12px; gap:10px; align-items:center; min-height:76px; width:100%; padding:14px; text-align:left; border:1px solid var(--family-line); border-radius:10px; background:var(--family-bg); color:var(--family-ink); }
#managerCommand .cc-region-row > .dashboard-row-rank { display:none; }
#managerCommand .cc-region-row strong { display:block; font-size:13px; line-height:1.5; white-space:normal; }
#managerCommand .cc-region-row small { display:block; font-size:11px; line-height:1.5; margin-top:4px; color:var(--family-muted); }
#managerCommand .cc-region-row b { font-size:22px; font-variant-numeric:tabular-nums; }
#managerCommand .cc-region-row > svg { width:12px; height:12px; }
#managerCommand .cc-store-head-actions { display:flex; flex-wrap:wrap; gap:8px; }
#managerCommand .cc-store-filters { display:flex; flex-wrap:wrap; gap:8px; margin:20px 0 8px; }
#managerCommand .cc-store-filters button { display:flex; align-items:center; gap:7px; padding:9px 14px; min-height:44px; border:1px solid var(--family-line); border-radius:8px; background:var(--family-surface); color:var(--family-muted); font:600 13px/1.4 Arial,sans-serif; }
#managerCommand .cc-store-filters button[aria-pressed=true] { background:var(--family-action-soft); color:var(--family-action); border-color:var(--family-action); }
#managerCommand .cc-store-row { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1.05fr) 116px 76px 100px 16px; align-items:center; gap:22px; width:100%; padding:20px 4px; min-height:104px; text-align:left; background:var(--family-surface); color:var(--family-ink); border:0; border-top:1px solid var(--family-line); box-shadow:none; border-radius:0; }
#managerCommand .cc-store-row:hover { background:var(--family-bg); }
#managerCommand .cc-store-identity { display:grid; gap:7px; }
#managerCommand .cc-store-identity > strong { font-size:15px; line-height:1.5; overflow-wrap:anywhere; }
#managerCommand .cc-store-location { font-size:12px; line-height:1.5; color:var(--family-muted); }
#managerCommand .cc-store-origin { justify-self:start; max-width:100%; padding:4px 7px; font-size:10px; font-weight:600; line-height:1.6; color:var(--family-action); background:var(--family-action-soft); border-radius:5px; overflow-wrap:normal; }
#managerCommand .cc-store-visitor { display:grid; gap:6px; }
#managerCommand .cc-store-visitor small { font-size:11px; color:var(--family-muted); }
#managerCommand .cc-store-visitor strong { font-size:13px; line-height:1.5; overflow-wrap:anywhere; }
#managerCommand .cc-store-sku { display:grid; gap:5px; text-align:center; }
#managerCommand .cc-store-sku strong { font-size:20px; font-variant-numeric:tabular-nums; }
#managerCommand .cc-store-sku small { font-size:10px; color:var(--family-muted); }
#managerCommand .cc-store-moment { display:grid; justify-items:end; gap:8px; }
#managerCommand .cc-store-moment > strong { font-size:13px; font-variant-numeric:tabular-nums; }
#managerCommand .cc-store-state { padding:4px 7px; border-radius:5px; color:var(--family-muted); background:var(--family-bg); font-size:11px; white-space:nowrap; }
#managerCommand .cc-store-state.is-complete { color:var(--family-good); background:var(--family-good-soft); }
#managerCommand .cc-store-state.is-live { color:var(--family-warning-ink,#80520b); background:var(--family-warning-soft,#fff4dd); }
#managerCommand .cc-store-chevron { font-size:23px; color:var(--family-muted); text-align:right; }
#managerCommand .cc-coverage-link { display:flex; align-items:center; gap:14px; width:100%; margin:0 0 20px; padding:16px 20px; text-align:left; border:1px solid var(--family-line); border-radius:12px; background:var(--family-surface); color:var(--family-ink); box-shadow:none; }
#managerCommand .cc-coverage-icon { display:grid; place-items:center; width:42px; height:42px; flex:0 0 42px; border-radius:10px; background:var(--family-bg); color:var(--family-action); }
#managerCommand .cc-coverage-icon svg { width:20px; height:20px; }
#managerCommand .cc-coverage-copy { display:grid; flex:1; gap:4px; }
#managerCommand .cc-coverage-copy small { font-size:10px; color:var(--family-muted); letter-spacing:.05em; }
#managerCommand .cc-coverage-copy strong { font-size:15px; }
#managerCommand .cc-coverage-copy em { font-size:12px; font-style:normal; color:var(--family-muted); }
#managerCommand .cc-coverage-action { display:flex; align-items:center; gap:8px; font-size:12px; color:var(--family-action); }
#managerCommand .cc-coverage-action svg { width:14px; height:14px; }
#managerCommand :is(.cc-store-row,.cc-region-row,.cc-coverage-link):focus-visible { outline:3px solid var(--family-action); outline-offset:3px; }
@media(max-width:1000px) {
 #managerCommand .cc-regions-panel > div { grid-template-columns:repeat(2,minmax(0,1fr)); }
 #managerCommand .cc-store-row { grid-template-columns:minmax(0,1.8fr) minmax(0,1fr) 100px 64px 86px 12px; gap:16px; }
}
@media(max-width:760px) {
 #managerCommand :is(.cc-regions-panel,.cc-stores-panel) { padding:18px; }
 #managerCommand :is(.cc-regions-panel,.cc-stores-panel) > header { align-items:start; flex-wrap:wrap; gap:8px; }
 #managerCommand .cc-region-row { grid-template-columns:minmax(0,1fr) auto; padding:12px; }
 #managerCommand .cc-region-row > svg { display:none; }
 #managerCommand .cc-region-row b { font-size:18px; }
 #managerCommand .cc-store-row { grid-template-columns:minmax(0,1fr) 86px; gap:16px 12px; padding:20px 0; }
 #managerCommand .cc-store-identity { grid-column:1; grid-row:1; }
 #managerCommand .cc-store-identity > strong { font-size:14px; }
 #managerCommand .cc-store-visitor { grid-column:1; grid-row:2; }
 #managerCommand .cc-store-sku { grid-column:2; grid-row:2; text-align:right; }
 #managerCommand .cc-store-moment { grid-column:2; grid-row:1; align-self:start; }
 #managerCommand .cc-store-chevron { display:none; }
 #managerCommand .cc-coverage-link { padding:14px; gap:10px; }
 #managerCommand .cc-coverage-action { font-size:0; }
}
/* Team directory: one comparable row; operational history and MTD stay inside it. */
.ta-directory.ta-refined { margin:0; border:1px solid var(--family-line); border-radius:14px; background:var(--family-surface); overflow:visible; }
.ta-directory.ta-refined .ta-header { border-top:0; padding:24px; }
.ta-directory.ta-refined .ta-header h2 { font-size:22px; }
.ta-directory.ta-refined .ta-filterbar { display:grid; grid-template-columns:minmax(0,1fr) minmax(240px,330px); gap:20px; align-items:end; padding:0 24px 20px; }
.ta-directory.ta-refined .ta-filterbar > label,.ta-directory.ta-refined .ta-extra-filters label { display:grid; gap:6px; font-size:12px; font-weight:500; color:var(--family-muted); }
.ta-directory.ta-refined .ta-filterbar .ta-channel-filter { padding:0; border:0; gap:8px; }
.ta-directory.ta-refined .ta-filterbar .ta-channel-filter > span { display:none; }
.ta-directory.ta-refined .ta-filter-footer { display:flex; align-items:center; gap:12px; padding:12px 24px; border-top:1px solid var(--family-line); background:var(--family-bg); }
.ta-directory.ta-refined .ta-filter-footer .ta-results { flex:1; padding:0; line-height:1.5; }
.ta-directory.ta-refined .ta-extra-filters { position:relative; }
.ta-directory.ta-refined .ta-extra-filters > summary { display:flex; align-items:center; min-height:44px; padding:8px 14px; font-size:12px; border:1px solid var(--family-line); border-radius:8px; background:var(--family-surface); cursor:pointer; }
.ta-directory.ta-refined .ta-extra-filters > div { position:absolute; z-index:20; right:0; top:50px; width:320px; display:grid; gap:14px; padding:18px; border:1px solid var(--family-line); border-radius:12px; background:var(--family-surface); box-shadow:0 12px 32px #17212b20; }
.ta-directory.ta-refined .ta-extra-filters:not([open]) > div { display:none; }
.ta-directory.ta-refined .ta-filter-footer > button { font-size:12px; }
.ta-directory.ta-refined .ta-overview { display:flex; flex-wrap:wrap; gap:16px 24px; padding:0 24px 20px; }
.ta-directory.ta-refined .ta-overview span { font-size:12px; }
.ta-directory.ta-refined .ta-overview b { font-size:18px; }
.ta-directory.ta-refined .ta-channel-filter { gap:8px; padding:16px 24px; flex-wrap:wrap; overflow:visible; background:none; }
.ta-directory.ta-refined .ta-channel-filter button { min-height:44px; border-radius:8px; padding:10px 14px; font-size:13px; }
.ta-directory.ta-refined .ta-toolbar { padding:16px 24px; background:var(--family-bg); }
.ta-directory.ta-refined .ta-expand-actions { padding:12px 24px 0; }
.ta-directory.ta-refined .ta-results { padding:12px 24px; color:var(--family-muted); font-size:12px; }
.ta-directory.ta-refined .ta-group > header { padding:16px 24px; background:var(--family-bg); border-block:1px solid var(--family-line); }
.ta-directory.ta-refined .ta-group h3 { font-size:14px; }
.ta-directory.ta-refined .ta-person { padding:0; border:0; }
.ta-directory.ta-refined .ta-clean-row { border:0; border-radius:0; border-bottom:1px solid var(--family-line); box-shadow:none; background:var(--family-surface); }
.ta-directory.ta-refined .ta-clean-row::before { content:none; }
.ta-directory.ta-refined .ta-clean-row > summary { display:grid!important; grid-template-columns:minmax(220px,1.5fr) minmax(160px,1.15fr) 60px 60px 110px 64px; align-items:center; gap:18px; padding:20px 24px; min-height:98px; background:var(--family-surface); border:0; border-radius:0; }
.ta-directory.ta-refined .ta-clean-row > summary:hover { background:var(--family-bg); }
.ta-directory.ta-refined .ta-row-person { display:flex; align-items:center; gap:12px; }
.ta-directory.ta-refined .ta-avatar { width:40px; height:40px; flex:0 0 40px; border-radius:10px; }
.ta-directory.ta-refined .ta-row-person strong { font-size:14px; line-height:1.5; display:block; overflow-wrap:anywhere; }
.ta-directory.ta-refined .ta-row-person small { display:block; margin-top:4px; color:var(--family-muted); font-size:11px; line-height:1.5; }
.ta-directory.ta-refined .ta-row-state > small { display:block; margin-top:6px; font-size:12px; color:var(--family-muted); line-height:1.5; overflow-wrap:anywhere; }
.ta-directory.ta-refined .ta-status { border-radius:6px; font-size:11px; padding:4px 8px; }
.ta-directory.ta-refined .ta-row-count { display:grid; gap:4px; text-align:center; font-variant-numeric:tabular-nums; }
.ta-directory.ta-refined .ta-row-count strong { font-size:21px; line-height:1.3; }
.ta-directory.ta-refined .ta-row-count small { font-size:11px; color:var(--family-muted); }
.ta-directory.ta-refined .ta-row-review .ta-review-state { display:flex; flex-direction:column; justify-content:center; gap:6px; min-height:48px; width:100%; padding:6px; margin:0; font-size:10px; border:0; border-radius:8px; background:none; }
.ta-directory.ta-refined .ta-row-review .ta-review-state b { font-size:14px; background:none; color:inherit; }
.ta-directory.ta-refined .ta-row-review .has-pending { color:var(--family-action); background:var(--family-action-soft); }
.ta-directory.ta-refined .ta-row-review .is-clear { color:var(--family-muted); }
.ta-directory.ta-refined .ta-row-open { display:grid; justify-items:center; gap:4px; color:var(--family-action); }
.ta-directory.ta-refined .ta-row-open span { font-size:11px; }
.ta-directory.ta-refined .ta-row-open i { font-style:normal; font-size:23px; font-weight:400; }
.ta-directory.ta-refined .ta-clean-row[open] > summary .ta-row-open i { font-size:0; }
.ta-directory.ta-refined .ta-clean-row[open] > summary .ta-row-open i::after { content:'−'; font-size:23px; }
.ta-directory.ta-refined .ta-branch-content { display:grid; gap:20px; padding:24px; border-top:1px solid var(--family-line); background:var(--family-bg); }
.ta-directory.ta-refined .ta-clean-row:not([open]) > .ta-branch-content { display:none!important; }
.ta-directory.ta-refined .ta-finance-strip { display:grid; grid-template-columns:1fr 1fr 1fr; gap:12px; padding:0; margin:0; border:0; background:none; }
.ta-directory.ta-refined .ta-finance-strip .ta-finance-title { grid-column:1/-1; border:0; padding:0; min-height:0; background:none; }
.ta-directory.ta-refined .ta-finance-metric { padding:16px; min-height:76px; border:1px solid var(--family-line); border-radius:10px; background:var(--family-surface)!important; }
.ta-directory.ta-refined .ta-finance-metric::before { content:none; }
.ta-directory.ta-refined .ta-finance-metric strong { color:var(--family-ink)!important; font-size:19px; }
.ta-directory.ta-refined .ta-finance-strip.is-empty { grid-template-columns:1fr; padding:14px; border:1px dashed var(--family-line); border-radius:10px; }
.ta-directory.ta-refined .ta-team-summary { display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding:16px; background:var(--family-surface); border:1px solid var(--family-line); border-radius:10px; }
.ta-directory.ta-refined .ta-children { display:grid; gap:12px; }
.ta-directory.ta-refined .ta-child { margin:0; padding:0; border:1px solid var(--family-line); border-radius:12px; overflow:hidden; }
.ta-directory.ta-refined .ta-child .ta-clean-row > summary { grid-template-columns:minmax(180px,1.4fr) minmax(130px,1fr) 50px 50px 85px 50px; padding:18px; gap:14px; }
.ta-directory.ta-refined .ta-expanded-summary { background:var(--family-surface); padding:20px; }
.ta-directory.ta-refined .ta-van-journey { margin:0; border:0; background:none; gap:12px; }
.ta-directory.ta-refined .ta-journey-step { padding:14px; border:1px solid var(--family-line); border-radius:10px; background:var(--family-surface); }
.ta-directory.ta-refined .ta-timeline { margin:0; }
.ta-directory.ta-refined .ta-mtd-details { border:1px solid var(--family-line); border-radius:10px; padding:0 16px; background:var(--family-surface); }
.ta-directory.ta-refined .ta-mtd-details > summary { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:56px; font-size:14px; font-weight:600; cursor:pointer; }
.ta-directory.ta-refined .ta-mtd-details > summary small { font-size:12px; font-weight:400; color:var(--family-muted); }
.ta-directory.ta-refined .ta-mtd-details[open] { padding-bottom:16px; }
.ta-directory.ta-refined .ta-mtd-details:not([open]) > .ta-finance-strip { display:none!important; }
@media(max-width:1100px) {
 .command-refined .product-dashboard-header { grid-template-columns:minmax(0,1fr) auto; }
 .command-refined .command-header-actions { grid-column:1/-1; justify-content:flex-start; }
 .command-refined .command-overview-grid { grid-template-columns:1fr; }
 .ta-directory.ta-refined .ta-clean-row > summary,.ta-directory.ta-refined .ta-child .ta-clean-row > summary { grid-template-columns:minmax(200px,1.4fr) minmax(150px,1fr) 54px 54px 94px 54px; gap:12px; padding:18px; }
}
@media(max-width:760px) {
 .ta-directory.ta-refined .ta-filterbar { grid-template-columns:1fr; padding:0 18px 18px; gap:14px; }
 .ta-directory.ta-refined .ta-filter-footer { flex-wrap:wrap; padding:12px 18px; }
 .ta-directory.ta-refined .ta-filter-footer .ta-results { flex-basis:100%; }
 .ta-directory.ta-refined .ta-extra-filters > div { left:0; right:auto; width:min(300px,calc(100vw - 72px)); }
 .command-refined .product-dashboard-header { grid-template-columns:1fr; padding-bottom:20px; }
 .command-refined .product-dashboard-tools { justify-self:start; }
 .command-refined .command-header-actions { justify-content:flex-start; margin:0; flex-wrap:wrap; }
 .command-refined .product-summary-grid { grid-template-columns:1fr 1fr; gap:12px; }
 .command-refined .product-summary-card { min-height:126px; padding:16px; }
 .command-refined .product-summary-card > strong { font-size:26px; }
 .command-refined .command-view-tabs { gap:0; }
 .command-refined .command-view-tabs button { flex:1; padding:12px 6px; font-size:13px; }
 .command-refined .cc-panel { padding:18px; }
 .command-refined .cc-panel h2 { font-size:18px; }
 .command-refined .cc-recent { grid-template-columns:56px minmax(0,1fr); gap:6px 12px; }
 .command-refined .cc-visit-state { grid-column:2; justify-self:start; }
 .command-refined .cc-recent-time { grid-row:1/3; align-self:start; padding-top:3px; }
 .command-refined .cc-planning-shortcuts > summary { display:grid!important; gap:5px; }
 .ta-directory.ta-refined .ta-clean-row > summary,.ta-directory.ta-refined .ta-child .ta-clean-row > summary { grid-template-columns:minmax(0,1fr) 54px 54px; gap:14px; padding:18px; }
 .ta-directory.ta-refined .ta-row-person { grid-column:1/-1; }
 .ta-directory.ta-refined .ta-row-state { grid-column:1; grid-row:2; }
 .ta-directory.ta-refined .ta-row-count { grid-row:2; }
 .ta-directory.ta-refined .ta-row-review { grid-column:1/3; }
 .ta-directory.ta-refined .ta-row-review .ta-review-state { flex-direction:row; justify-content:flex-start; font-size:11px; padding:8px; width:fit-content; min-height:44px; }
 .ta-directory.ta-refined .ta-row-open { grid-column:3; display:flex; align-items:center; justify-content:flex-end; gap:8px; }
 .ta-directory.ta-refined .ta-toolbar { grid-template-columns:1fr; }
 .ta-directory.ta-refined .ta-header { padding:20px; }
 .ta-directory.ta-refined .ta-overview { padding:0 20px 20px; }
 .ta-directory.ta-refined .ta-branch-content { padding:16px; gap:16px; }
 .ta-directory.ta-refined .ta-finance-strip { grid-template-columns:1fr; }
 .ta-directory.ta-refined .ta-expanded-summary { grid-template-columns:1fr; gap:16px; }
 .ta-directory.ta-refined .ta-expanded-summary dl { grid-template-columns:1fr 1fr; gap:12px; }
}
@media(prefers-reduced-motion:reduce) { .command-refined *,.ta-directory.ta-refined * { scroll-behavior:auto!important; transition:none!important; } }

/* Fixed billing position, with a compact source stamp beside the shop name. */
#managerCommand .cc-store-name{display:flex;align-items:center;gap:8px;min-width:0}
#managerCommand .cc-store-name>strong{font-size:15px;line-height:1.5;overflow-wrap:anywhere;min-width:0}
#managerCommand .cc-store-name>.vi-new{flex:none;margin:0;align-self:flex-start;margin-top:3px}
#managerCommand .cc-store-billing{display:grid;gap:7px;justify-items:center;min-width:0;text-align:center}
#managerCommand .cc-store-billing>small{font-size:10px;color:var(--family-muted);line-height:1.5}
#managerCommand .cc-store-billing .vi-invoice{justify-content:center;min-width:48px;padding:5px 8px;font-size:12px;margin:0}
#managerCommand .cc-invoice-na{font-size:16px;color:var(--family-muted)}
#managerCommand .cc-store-origin{padding:0;background:none;color:var(--family-muted);font-size:10px;font-weight:400;border:0}
@media(max-width:900px){
 #managerCommand .cc-store-row{grid-template-columns:minmax(0,1fr) 96px;gap:14px 12px;padding:18px 0}
 #managerCommand .cc-store-identity{grid-column:1;grid-row:1}
 #managerCommand .cc-store-moment{grid-column:2;grid-row:1;align-self:start}
 #managerCommand .cc-store-visitor{grid-column:1;grid-row:2}
 #managerCommand .cc-store-billing{grid-column:2;grid-row:2;justify-items:end;text-align:right}
 #managerCommand .cc-store-sku{grid-column:1;grid-row:3;display:flex;align-items:baseline;gap:7px;text-align:left}
 #managerCommand .cc-store-chevron{display:none}
 #managerCommand .cc-store-name{align-items:flex-start;flex-wrap:wrap;gap:4px 8px}
 #managerCommand .cc-store-name>strong{font-size:14px}
}


/* visit-indicators.css */
/* The result is labelled as well as coloured, including in dark mode. */
.vi-badges { display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin-top:6px; min-width:0; }
.vi-invoice { display:inline-flex; flex-wrap:wrap; align-items:center; gap:4px; width:fit-content; max-width:100%; padding:5px 8px; border:1px solid transparent; border-radius:6px; font:500 12px/1.4 Arial,sans-serif; font-style:normal; letter-spacing:0; text-transform:none; white-space:normal; }
.vi-invoice b { font-size:inherit; font-weight:700; color:inherit; }
.vi-yes { color:#076346; background:#e9f7ef; border-color:#b7dfca; }
.vi-no { color:#a91c30; background:#fff0f2; border-color:#edc6ce; }
.vi-pending,.vi-unknown { color:var(--family-muted); background:var(--family-bg); border-color:var(--family-line); }
.vi-new { display:inline-block; vertical-align:middle; padding:3px 6px; margin:0 0 0 7px; border:1px solid #c4b5e9; border-radius:5px; color:#6033a4; background:#f2edfc; font:700 10px/1.4 Arial,sans-serif; letter-spacing:.04em; white-space:nowrap; }
.vi-summary { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:14px 0; padding:12px 14px; border:1px solid var(--family-line); border-radius:10px; background:var(--family-surface); color:var(--family-ink); }
.vi-summary > strong { font-size:12px; margin-right:6px; }
.cc-store-identity > .vi-badges { margin:0; }
.ta-directory .ta-visit-main .vi-invoice,.person-visit-main .vi-invoice { font-size:11px; }
.ta-directory .ta-visit-main .vi-new,.person-visit-main .vi-new { font-size:10px; }
.ta-directory .ta-branch-content > .vi-summary { margin:0; }
.visit-report-summary-card > .vi-badges { margin:14px 0 0; }
html[data-theme="dark"] .vi-yes { color:#a2edc8; background:#153b2e; border-color:#2e6950; }
html[data-theme="dark"] .vi-no { color:#ffb5bf; background:#46242c; border-color:#80404e; }
html[data-theme="dark"] .vi-new { color:#dcc5ff; background:#352547; border-color:#725596; }
@media(max-width:520px) { .vi-summary { gap:7px; padding:12px; } .vi-summary > strong { flex-basis:100%; } }


/* geography-workspace.css */
/* Sales geography: a visible entry point, one filter set, and clear drill-downs. */
#managerCommand .cc-coverage-link{--coverage-accent:#6d28d9;--coverage-soft:#f5f0ff;display:flex!important;gap:16px;margin:0 0 20px;padding:20px 24px;border:1px solid #cbb5f4;border-left:4px solid var(--coverage-accent);border-radius:12px;background:var(--coverage-soft);color:var(--family-ink);min-height:96px}
#managerCommand .cc-coverage-link .cc-coverage-icon{background:var(--coverage-accent);color:#fff;width:48px;height:48px;flex-basis:48px}
#managerCommand .cc-coverage-link .cc-coverage-copy small{color:var(--coverage-accent);font-size:11px;font-weight:700}
#managerCommand .cc-coverage-link .cc-coverage-copy strong{font-size:19px;line-height:1.4}
#managerCommand .cc-coverage-link .cc-coverage-copy em{font-size:13px;line-height:1.5}
#managerCommand .cc-coverage-link .cc-coverage-action{color:var(--coverage-accent);font-size:14px;font-weight:700}
[data-theme="dark"] #managerCommand .cc-coverage-link{--coverage-accent:#c5a8ff;--coverage-soft:#30243f;border-color:#74569d}
[data-theme="dark"] #managerCommand .cc-coverage-link .cc-coverage-icon{color:#241637}
.geography-workspace-modal:has(.geo-professional){border-radius:16px;padding:20px 24px 28px;color:var(--family-ink);background:var(--family-surface)}
.geo-professional{--gov-accent:#6d28d9;--gov-soft:#f5f0ff;--gov-line:#d1bdf2;display:grid;gap:18px;min-width:0;color:var(--family-ink);font:14px/1.5 Arial,sans-serif}
[data-theme="dark"] .geo-professional{--gov-accent:#c5a8ff;--gov-soft:#30243f;--gov-line:#74569d}
.geo-professional *{box-sizing:border-box;min-width:0}
.geo-professional [hidden]{display:none!important}
.geo-professional :is(button,summary,input,select){touch-action:manipulation}
.geo-professional :is(button,summary){min-height:44px;cursor:pointer}
.geo-professional button:disabled{opacity:.5;cursor:default}
.geo-professional :is(button,input,select,summary):focus-visible{outline:3px solid var(--gov-accent);outline-offset:3px}
.geo-professional button{font:inherit;transition:background-color 150ms,border-color 150ms}
.geo-professional button:active:not(:disabled){filter:brightness(.96)}
.geo-professional :is(input,select){font:inherit;font-size:16px;color:var(--family-ink);background:var(--family-surface);border:1px solid var(--family-line);border-radius:8px;min-height:44px;padding:8px 12px;max-width:100%}
.geo-professional h3{font-size:18px;color:var(--family-ink);margin:0;line-height:1.4}
.geo-professional .geo-workspace-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:0 0 4px;margin:0;background:none;border:0}
.geo-professional .geo-workspace-intro>div:first-child{display:grid;gap:5px}
.geo-professional .geo-workspace-intro>div>span{font-size:11px;letter-spacing:.05em;color:var(--gov-accent)}
.geo-professional .geo-workspace-intro>div>strong{font-size:24px;color:var(--family-ink);line-height:1.35}
.geo-professional .geo-workspace-intro>div>small{font-size:13px;color:var(--family-muted)}
.geo-professional .geo-workspace-actions{display:flex;flex-wrap:wrap;gap:8px}
.geo-professional .geo-workspace-actions>button{background:var(--family-surface);border:1px solid var(--family-line);color:var(--family-ink);border-radius:8px;min-width:0;font-size:13px;font-weight:600;padding:10px 14px}
.geo-professional .geo-workspace-actions>#geoDownloadExcel{background:var(--family-good);border-color:var(--family-good);color:var(--family-surface)}
.geo-professional .geo-workspace-actions>button svg{width:18px;height:18px}
.geo-professional .report-filter-panel{margin:0;padding:18px 20px;border:1px solid var(--family-line);border-radius:12px;background:var(--family-bg)}
.geo-professional .geo-workspace-intro>div>strong{display:none}
.gov-filter-disclosure{margin-top:12px;border-top:1px solid var(--family-line);padding-top:4px}
.gov-filter-disclosure>summary{display:flex;align-items:center;gap:12px;list-style:none;color:var(--family-ink);min-height:48px}
.gov-filter-disclosure>summary>strong{font-size:14px;font-weight:600;white-space:nowrap}.gov-filter-disclosure>summary>span{font-size:12px;color:var(--family-muted);margin-left:auto}.gov-filter-disclosure>summary>i{font-style:normal;color:var(--gov-accent)}
.gov-filter-disclosure[open]>.report-filter-grid{padding-top:14px}.gov-filter-disclosure:not([open])>.report-filter-grid{display:none!important}
.gov-filter-disclosure #geoCoveragePicker{grid-column:1/-1}
.geo-professional .report-section-title{font-size:14px;line-height:1.5;margin:0 0 12px;color:var(--family-ink)}
.geo-professional .report-filter-grid{grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:16px 24px;align-items:end}
.geo-professional .geo-date-filter{display:grid;grid-template-columns:minmax(140px,1fr) minmax(140px,1fr) auto auto;gap:8px 12px;align-items:end;background:none;border:0;padding:0;margin:0}
.geo-professional .geo-date-filter label{display:grid;gap:5px;margin:0}
.geo-professional .geo-date-filter label>span{font-size:12px;color:var(--family-muted);font-weight:600}
.geo-professional .geo-date-filter input{width:100%;min-height:44px}
.geo-professional #geoDateApply{border:1px solid var(--gov-accent);background:var(--gov-accent);color:#fff;border-radius:8px;padding:8px 18px;font-size:14px;min-height:44px}
[data-theme="dark"] .geo-professional #geoDateApply{color:#241637}
.geo-professional #geoDateSummary{grid-column:1/-1;font-size:12px;line-height:1.5;color:var(--family-muted)}
.geo-date-presets{display:flex;gap:8px;align-items:center}
.geo-date-presets button{border:1px solid var(--family-line);border-radius:8px;background:var(--family-surface);color:var(--family-ink);font-size:12px;padding:8px 12px;white-space:nowrap}
.geo-professional .report-filter-grid .geo-team-filter{grid-column:auto;justify-content:start;gap:8px}
.geo-professional .geo-team-filter>.geo-filter-label{display:block;width:100%;font-size:12px;letter-spacing:0;font-weight:600;color:var(--family-muted)}
.geo-professional .geo-team-filter>button{border:1px solid var(--family-line);background:var(--family-surface);color:var(--family-ink);border-radius:8px;padding:9px 12px;font-size:13px;min-height:44px}
.geo-professional .geo-team-filter>button.active{background:var(--gov-soft);border-color:var(--gov-accent);color:var(--gov-accent)}
.geo-professional .geo-team-filter>button.active i{background:var(--gov-accent);border-color:var(--gov-accent);color:#fff}
.geo-professional #geoTeamSelection{display:none}
.geo-professional .report-filter-grid .geo-employee-filter{display:grid;grid-template-columns:1fr;gap:5px;border:0;background:none}
.geo-professional .geo-employee-filter>div:first-child>span{font-size:12px;letter-spacing:0;font-weight:600;color:var(--family-muted)}
.geo-professional .geo-employee-picker,.geo-professional #geoEmployeeTrigger{width:100%;min-width:0;max-width:none}
.geo-professional #geoEmployeeTrigger{min-height:44px;border-color:var(--family-line);background:var(--family-surface);font-size:14px;color:var(--family-ink);padding:8px 12px}
.geo-professional :is(.geo-employee-menu,.geo-region-menu){background:var(--family-surface);border-color:var(--family-line);color:var(--family-ink);width:min(420px,90vw)}
.geo-professional .geo-employee-options button,.geo-professional .geo-employee-all{min-height:52px;background:var(--family-surface);color:var(--family-ink);font-size:13px;padding:10px}
.geo-professional .geo-employee-options button small{font-size:12px;color:var(--family-muted);white-space:normal}
.geo-professional .geo-employee-options button.active,.geo-professional .geo-employee-all.active{background:var(--gov-soft);color:var(--gov-accent);border-color:var(--gov-line)}
.geo-advanced-filters{grid-column:1/-1;border-top:1px solid var(--family-line);padding-top:4px}
.geo-advanced-filters>summary{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--family-muted);list-style:none}
.geo-advanced-filters>summary:before{content:'+';font-size:20px;font-weight:400}.geo-advanced-filters[open]>summary:before{content:'−'}
.geo-advanced-filters>summary>span{font-size:12px;margin-left:auto}
.geo-professional .geo-advanced-filters .geo-sku-filter{display:flex;flex-wrap:wrap;gap:12px;padding:12px 0;margin:0;border:0;background:none}
.geo-professional .geo-sku-filter label{font-size:12px;color:var(--family-muted)}
.geo-professional .geo-sku-filter label select,.geo-professional .geo-sku-filter label input{margin-top:4px;min-height:44px}
.geo-professional .ms-geography.ms-picker-only{padding:0;margin:0;background:none;border:0;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}
.geo-professional .ms-geography>h3{display:none}
.geo-professional .ms-geography>details{background:var(--family-surface);border-color:var(--family-line);border-radius:8px}
.geo-professional .ms-geography summary{min-height:64px;font-size:12px;padding:10px 14px;color:var(--family-muted);gap:3px}
.geo-professional .ms-geography summary b{font-size:14px;color:var(--family-ink)}
.geo-professional .ms-geography .ms-check-options{background:var(--family-surface);color:var(--family-ink);padding:8px}
.geo-professional .ms-geography .ms-check-options label{min-height:44px;font-size:14px;gap:10px;align-items:center;padding:8px;color:var(--family-ink)}
.geo-professional .ms-geography .ms-check-options label small{font-size:12px;color:var(--family-muted)}
.geo-professional input[type=checkbox]{min-width:20px;width:20px;height:20px;min-height:20px;accent-color:var(--gov-accent)}
.geo-professional>.geo-view-switcher{margin:0;padding:0 0 4px;gap:8px;border-bottom:1px solid var(--family-line);border-radius:0;background:none;display:flex;flex-wrap:wrap;overflow:visible}
.geo-professional>.geo-view-switcher button{border:0;background:none;border-radius:8px 8px 0 0;border-bottom:3px solid transparent;padding:12px 14px;font-size:14px;line-height:1.5;color:var(--family-muted);min-height:48px}
.geo-professional>.geo-view-switcher button.active{color:var(--gov-accent);border-color:var(--gov-accent);background:var(--gov-soft);font-weight:700}
.geo-professional>.geo-view-switcher button:hover{background:var(--family-bg)}
.geo-professional #geoReportSummary:empty,.geo-professional #geoReportDetail:empty{display:none}
.geo-professional .geo-attribution{font-size:12px;line-height:1.5;color:var(--family-muted)}
.gov-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.gov-kpis>button{display:grid;gap:6px;text-align:left;padding:18px 20px;border:1px solid var(--family-line);border-radius:10px;background:var(--family-surface);color:var(--family-ink)}
.gov-kpis>button:hover,.gov-kpis>button[aria-pressed=true]{border-color:var(--gov-accent);background:var(--gov-soft)}
.gov-kpis>button>small{font-size:13px;color:var(--family-muted)}
.gov-kpis>button>strong{font-size:30px;font-weight:700;line-height:1.25;font-variant-numeric:tabular-nums}
.gov-kpis>button>span{display:flex;justify-content:space-between;font-size:12px;color:var(--gov-accent)}
.gov-kpis .gov-gap>strong{color:var(--family-warning)}
.gov-context{margin:12px 0 0;font-size:12px;line-height:1.5;color:var(--family-muted)}
.geo-overview{display:grid;gap:24px}
.gov-regions>header,.gov-results>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.gov-regions header p,.gov-results header p{font-size:13px;color:var(--family-muted);margin:4px 0 0}
.gov-regions header button,.gov-results header button,.gov-area-detail header button{border:1px solid var(--family-line);border-radius:8px;background:var(--family-surface);color:var(--gov-accent);padding:8px 14px;font-size:13px}
.gov-region-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.gov-region-grid>button{display:grid;gap:7px;padding:16px;text-align:left;border:1px solid var(--family-line);border-radius:10px;background:var(--family-surface);color:var(--family-ink)}
.gov-region-grid>button:hover,.gov-region-grid>button[aria-pressed=true]{border-color:var(--gov-accent);background:var(--gov-soft)}
.gov-region-grid>button>span:first-child{display:flex;justify-content:space-between;gap:8px}.gov-region-grid strong{font-size:14px;line-height:1.4}.gov-region-grid i{font-style:normal}
.gov-region-grid b{font-size:24px;line-height:1.4;font-variant-numeric:tabular-nums}.gov-region-grid b small{font-size:12px;font-weight:400;color:var(--family-muted)}
.gov-region-grid small{font-size:12px;line-height:1.5;color:var(--family-muted)}
.gov-progress{display:block;height:4px;background:var(--family-line);border-radius:4px;overflow:hidden;margin-top:4px}.gov-progress>i{display:block;height:100%;background:var(--gov-accent)}
.gov-results{border:1px solid var(--family-line);border-radius:12px;overflow:hidden;background:var(--family-surface)}
.gov-results>header{padding:20px 20px 0}
.gov-result-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:0 20px 16px}
.gov-status-filter{display:flex;flex-wrap:wrap;gap:8px}
.gov-status-filter button{min-height:44px;padding:8px 14px;border:1px solid var(--family-line);background:var(--family-surface);color:var(--family-muted);border-radius:8px;font-size:13px}
.gov-status-filter button[aria-pressed=true]{border-color:var(--gov-accent);background:var(--gov-soft);color:var(--gov-accent);font-weight:600}
.gov-search{flex:1;min-width:220px}.gov-search input{width:100%}
.gov-sort{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--family-muted)}
.gov-result-label{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;font-size:12px;color:var(--family-muted);background:var(--family-bg);border-block:1px solid var(--family-line)}
.gov-table-head,.gov-area-row{display:grid;grid-template-columns:minmax(200px,2fr) 90px 70px minmax(130px,1.2fr) 90px 16px;align-items:center;gap:16px;padding:14px 20px}
.gov-table-head{font-size:12px;color:var(--family-muted);border-bottom:1px solid var(--family-line)}
.gov-area-row{width:100%;text-align:left;min-height:92px;border:0;border-bottom:1px solid var(--family-line);background:var(--family-surface);color:var(--family-ink)}
.gov-area-row:last-child{border-bottom:0}.gov-area-row:hover,.gov-area-row[aria-expanded=true]{background:var(--gov-soft)}
.gov-area-name{display:grid;gap:5px}.gov-area-name small{font-size:12px;color:var(--family-muted);line-height:1.5}.gov-area-name strong{font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.gov-count>b{font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}.gov-count>small{display:none;font-size:12px;color:var(--family-muted)}
.gov-visitors{font-size:12px;line-height:1.6;overflow-wrap:anywhere;color:var(--family-muted)}
.gov-status{justify-self:start;border-radius:5px;padding:4px 8px;font-size:12px;font-weight:500;white-space:nowrap}.gov-status.visited{color:var(--family-good);background:var(--family-good-soft)}.gov-status.zero{color:var(--family-muted);background:var(--family-bg)}
.gov-area-row>i{font-size:22px;color:var(--gov-accent);font-style:normal}
.gov-pagination{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:16px 20px;border-top:1px solid var(--family-line);font-size:12px;color:var(--family-muted)}
.gov-pagination button,.gov-empty button{min-height:44px;padding:8px 14px;border:1px solid var(--family-line);border-radius:8px;background:var(--family-surface);color:var(--family-ink);font-size:13px}
.gov-empty{padding:28px 20px;text-align:center;color:var(--family-ink)}.gov-empty strong{font-size:16px;line-height:1.5}.gov-empty p{max-width:60ch;margin:8px auto 0;font-size:14px;line-height:1.6;color:var(--family-muted)}
.gov-unplaced{border:1px solid var(--family-line);background:var(--family-bg);border-radius:10px;padding:14px 18px}.gov-unplaced summary{align-content:center;font-size:14px;color:var(--family-warning)}.gov-unplaced p{font-size:13px;color:var(--family-muted)}
.gov-footnote{font-size:12px;line-height:1.6;color:var(--family-muted);margin:0}
.geo-professional .gov-area-detail{padding:20px;border:1px solid var(--gov-line);border-radius:12px;background:var(--family-surface)}
.gov-area-detail>header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 12px;padding:0;background:none;border:0}
.gov-area-detail>header>span{display:grid;gap:4px}.gov-area-detail header small{font-size:12px;color:var(--family-muted)}.gov-area-detail header strong{font-size:20px;color:var(--family-ink)}
.gov-detail-totals{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:13px;color:var(--family-muted)}.gov-detail-totals b{font-size:20px;color:var(--family-ink)}.gov-detail-people{font-size:13px;line-height:1.7;color:var(--family-muted)}
.gov-detail-people>strong{color:var(--family-ink);margin-right:8px}
.geo-professional :is(.gov-area-detail,.gov-results,.gov-unplaced) [data-geo-visit]{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;gap:16px;align-items:center;width:100%;padding:16px 20px;text-align:left;border:0;border-bottom:1px solid var(--family-line);background:var(--family-surface);color:var(--family-ink);min-height:80px;border-radius:0}
.geo-professional [data-geo-visit]>span{display:grid;gap:5px;min-width:0}.geo-professional [data-geo-visit] strong{font-size:14px;line-height:1.5;white-space:normal;overflow-wrap:anywhere;color:var(--family-ink)}
.geo-professional [data-geo-visit] small{font-size:12px;line-height:1.6;color:var(--family-muted);white-space:normal}
.geo-professional [data-geo-visit] em{font-size:12px;font-style:normal;color:var(--family-muted)}.geo-professional [data-geo-visit] svg{width:18px;height:18px}
.geo-professional [data-geo-visit]:hover{background:var(--gov-soft)}
.geo-professional .gov-area-detail .vi-new{display:inline-flex;margin-left:8px}
@media(max-width:1100px){.geo-professional .geo-workspace-intro{align-items:start}.geo-professional .geo-date-filter{grid-template-columns:minmax(120px,1fr) minmax(120px,1fr) auto}.geo-date-presets{grid-column:1/-1}.geo-professional #geoDateSummary{grid-column:1/-1}.gov-region-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gov-table-head,.gov-area-row{grid-template-columns:minmax(180px,2fr) 70px 55px minmax(100px,1fr) 85px 12px;gap:12px}}
@media(max-width:760px){
 .gov-filter-disclosure>summary{flex-wrap:wrap;gap:4px 12px;padding:10px 0}.gov-filter-disclosure>summary>span{order:3;flex-basis:100%;margin-left:0}.gov-filter-disclosure>summary>i{margin-left:auto}
 #managerCommand .cc-coverage-link{padding:16px;gap:12px;margin-bottom:16px;align-items:center}#managerCommand .cc-coverage-link .cc-coverage-copy strong{font-size:17px}#managerCommand .cc-coverage-link .cc-coverage-copy em{font-size:12px}#managerCommand .cc-coverage-link .cc-coverage-action{font-size:0;gap:0}#managerCommand .cc-coverage-link .cc-coverage-action svg{width:18px;height:18px}
 .geography-workspace-modal:has(.geo-professional){width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;padding:16px;border:0;border-radius:0}
 .geography-workspace-modal:has(.geo-professional)>.modal-heading{top:-16px;padding:14px 16px;margin:-16px -16px 20px;background:var(--family-surface);backdrop-filter:none}
 .geo-professional{gap:16px}.geo-professional .geo-workspace-intro{display:grid;gap:16px}.geo-professional .geo-workspace-intro>div>strong{font-size:22px}.geo-professional .geo-workspace-actions{justify-content:flex-start}.geo-professional .geo-workspace-actions>button{font-size:12px;padding:8px 12px}
 .geo-professional .report-filter-panel{padding:16px}.geo-professional .report-filter-grid{grid-template-columns:1fr;gap:16px}.geo-professional .geo-date-filter{grid-template-columns:1fr 1fr}.geo-professional #geoDateApply{grid-column:1/-1}.geo-professional .geo-date-presets{flex-wrap:wrap}.geo-professional .geo-team-filter>button{flex:1 1 auto}.geo-professional .geo-employee-menu{width:100%;max-width:100%}
 .geo-professional .ms-geography.ms-picker-only{grid-template-columns:1fr;gap:8px}.geo-professional .ms-geography summary{min-height:52px;flex-direction:row;align-items:center;justify-content:space-between;padding-right:32px;gap:12px}.geo-professional .ms-geography>details[open]{margin-bottom:0}.geo-professional .ms-geography .ms-check-options{max-height:230px}
 .geo-professional>.geo-view-switcher{gap:4px}.geo-professional>.geo-view-switcher button{font-size:12px;padding:10px 12px;flex:1 1 auto;border-radius:8px}
 .gov-kpis{grid-template-columns:1fr 1fr;gap:10px}.gov-kpis>button{padding:14px;gap:6px}.gov-kpis>button>strong{font-size:26px}.gov-kpis>button>span{font-size:11px}.gov-kpis>button>small{font-size:12px}
 .gov-region-grid{grid-template-columns:1fr 1fr;gap:10px}.gov-region-grid>button{padding:14px;gap:6px}.gov-region-grid strong{font-size:13px}.gov-region-grid small{font-size:11px}.gov-region-grid b small{display:block}
 .gov-results>header{padding:16px 16px 0;align-items:start}.gov-result-tools{padding:0 16px 14px;gap:12px}.gov-status-filter{width:100%}.gov-status-filter button{flex:1;padding:8px;font-size:12px}.gov-search{min-width:0;width:100%;flex-basis:100%}.gov-sort{width:100%;justify-content:space-between}.gov-sort select{flex:1}
 .gov-table-head{display:none}.gov-area-row{grid-template-columns:1fr 1fr auto;gap:10px;padding:16px}.gov-area-name{grid-column:1/3}.gov-area-row>.gov-status{grid-column:3;grid-row:1}.gov-area-row>.gov-count{display:flex;gap:5px;align-items:baseline;grid-row:2}.gov-count>small{display:inline}.gov-count>b{font-size:19px}.gov-area-row>.gov-visitors{grid-column:1/3;grid-row:3}.gov-area-row>i{grid-column:3;grid-row:2/4;justify-self:end}.gov-area-name small{font-size:11px}.gov-status{font-size:11px;padding:4px 6px}
 .gov-pagination{justify-content:space-between;gap:8px;padding:14px 16px;font-size:11px}.gov-pagination button{font-size:12px;padding:8px 10px}.gov-result-label{padding:10px 16px}.gov-regions h3,.gov-results h3{font-size:17px}
 .geo-professional :is(.gov-area-detail,.gov-results,.gov-unplaced) [data-geo-visit]{grid-template-columns:minmax(0,1fr) 18px;padding:14px 0;gap:8px}.geo-professional .gov-results [data-geo-visit]{padding:14px 16px}.geo-professional [data-geo-visit]>span{grid-column:1}.geo-professional [data-geo-visit]>em{grid-column:1;grid-row:2}.geo-professional [data-geo-visit]>svg{grid-column:2;grid-row:1/3}.geo-professional .gov-area-detail{padding:16px}
}
@media(prefers-reduced-motion:reduce){.geo-professional *{transition:none!important;scroll-behavior:auto!important}}

.geo-professional :is(.gov-results,.gov-area-detail){scroll-margin-top:90px}
.geo-professional :is(.gov-area-detail,.gov-results,.gov-unplaced) [data-geo-visit]{grid-template-columns:minmax(0,1fr) 110px 90px 18px}
.geo-professional [data-geo-visit]>.gov-visit-invoice{display:grid;gap:6px;justify-items:center;text-align:center}
.geo-professional .gov-visit-invoice>small{font-size:11px;color:var(--family-muted)}
.geo-professional .gov-visit-invoice .vi-invoice{display:inline-flex;justify-content:center;min-width:48px;padding:5px 8px;font-size:12px;margin:0}
.geo-professional .gov-invoice-na{font-size:16px;color:var(--family-muted)}
@media(max-width:760px){.geo-professional :is(.gov-area-detail,.gov-results,.gov-unplaced) [data-geo-visit]{grid-template-columns:minmax(0,1fr) 100px}.geo-professional [data-geo-visit]>.gov-visit-invoice{grid-column:2;grid-row:1/3;justify-items:end;text-align:right}.geo-professional [data-geo-visit]>svg{display:none}.geo-professional .gov-visit-invoice .vi-invoice{font-size:12px}.geo-professional .gov-area-detail{scroll-margin-top:100px}}

.geo-professional [data-geo-mode][hidden]{display:none!important}
@media(max-width:760px){.geo-professional .geo-date-presets{display:flex;flex-wrap:nowrap;width:100%}.geo-professional .geo-date-presets button{width:auto;min-width:0;flex:1 1 0;font-size:11px;padding:8px 5px;white-space:normal}.geo-professional #geoFullscreen{display:none}.geo-professional>.geo-view-switcher{display:grid;grid-template-columns:1fr 1fr}.geo-professional>.geo-view-switcher button{width:100%;padding:10px 8px}}

.geography-workspace-modal:has(.geo-professional) .modal-heading :is(h2,h3){color:var(--family-ink)}
.geography-workspace-modal:has(.geo-professional) .modal-heading :is(p,small){color:var(--family-muted)}


/* my-team.css */
.mt-launch{min-height:44px;padding:8px 16px;border:1px solid var(--border,#d8dde5);border-radius:10px;background:var(--card,#fff);color:var(--ink,#182338);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer}
.mt-dialog{--mt-surface:#fff;--mt-soft:#f3f5f8;--mt-bg:#f8f9fb;--mt-ink:#192438;--mt-muted:#596577;--mt-border:#dce2e9;--mt-accent:#be1235;--mt-tint:#fff1f4;box-sizing:border-box;width:min(1360px,96vw);max-width:96vw;height:94dvh;max-height:94dvh;padding:0;border:1px solid var(--mt-border);border-radius:20px;background:var(--mt-bg);color:var(--mt-ink);font-family:inherit;font-size:16px;line-height:1.5;overflow:hidden;box-shadow:0 24px 80px #111b352e}
.mt-dialog[open]{display:flex;flex-direction:column}.mt-dialog::backdrop{background:#122038a8}.mt-dialog *{box-sizing:border-box}.mt-dialog [hidden]{display:none!important}.mt-dialog svg{width:20px;height:20px;flex:none;vertical-align:middle}.mt-dialog button,.mt-dialog input,.mt-dialog select,.mt-dialog textarea{font:inherit}.mt-dialog button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid var(--mt-border);border-radius:10px;background:var(--mt-surface);color:var(--mt-ink);cursor:pointer;transition:background-color .16s,border-color .16s;line-height:1.4}.mt-dialog button:hover{background:var(--mt-soft);border-color:#aab4c2}.mt-dialog button:active{filter:brightness(.95)}.mt-dialog button:disabled{opacity:.45;cursor:not-allowed}.mt-dialog :is(button,input,textarea,select,summary):focus-visible{outline:3px solid var(--mt-accent);outline-offset:3px}.mt-dialog :is(h1,h2,h3,h4,p){margin:0}.mt-dialog h1{font-size:24px;letter-spacing:-.6px;line-height:1.2}.mt-dialog h2{font-size:25px;line-height:1.3;letter-spacing:-.5px}.mt-dialog h3{font-size:19px;line-height:1.4}.mt-dialog h4{font-size:17px}.mt-dialog p{line-height:1.6}.mt-dialog small{font-size:13px;color:var(--mt-muted)}.mt-dialog label{display:block;font-weight:600;font-size:14px}.mt-dialog input:not([type=checkbox]),.mt-dialog select,.mt-dialog textarea{display:block;width:100%;min-height:46px;padding:11px 13px;border:1px solid var(--mt-border);border-radius:10px;background:var(--mt-surface);color:var(--mt-ink);margin-top:7px;font-size:16px;line-height:1.4}.mt-dialog input[type=checkbox]{width:20px;height:20px;flex:none;accent-color:var(--mt-accent);margin:0}.mt-dialog textarea{resize:vertical;min-height:110px}.mt-dialog summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:14px;font-weight:600}.mt-dialog summary::marker{color:var(--mt-muted)}
.mt-top{display:flex;align-items:center;justify-content:space-between;padding:22px 32px;background:var(--mt-surface);flex-shrink:0}.mt-brand{display:flex;gap:14px;align-items:center}.mt-brand>svg{width:44px;height:44px;padding:10px;border-radius:12px;background:var(--mt-tint);color:var(--mt-accent)}.mt-brand span{display:block;font-size:13px;color:var(--mt-muted);margin-top:4px}.mt-dialog .mt-icon-button{width:44px;padding:10px;border-color:transparent;background:var(--mt-soft)}.mt-tabs{display:flex;gap:28px;padding:0 32px;background:var(--mt-surface);border-bottom:1px solid var(--mt-border);flex-shrink:0}.mt-tabs button{border:0;border-radius:0;background:transparent;padding:14px 0 13px;font-weight:600;color:var(--mt-muted);border-bottom:3px solid transparent}.mt-tabs button[aria-pressed=true]{color:var(--mt-accent);border-bottom-color:var(--mt-accent)}.mt-tabs button:hover{background:transparent;color:var(--mt-ink)}.mt-shell{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:28px 32px 36px;scroll-padding:20px}.mt-page-heading{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:24px}.mt-page-heading h2{margin:5px 0 8px}.mt-page-heading p{color:var(--mt-muted);font-size:15px}.mt-eyebrow{display:block;letter-spacing:1.1px;font-size:11px;font-weight:700;color:var(--mt-muted);text-transform:uppercase}.mt-dialog .mt-back,.mt-dialog .mt-quiet{background:transparent;border-color:transparent;padding:8px 0;color:var(--mt-muted);font-size:14px}.mt-dialog .mt-back{color:var(--mt-ink)}.mt-directory{max-width:1240px;margin:auto}.mt-filter-bar{display:grid;grid-template-columns:1fr 1.2fr 1fr 1.4fr;gap:18px;background:var(--mt-surface);border:1px solid var(--mt-border);border-radius:14px;padding:20px}.mt-directory-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0 16px;font-size:14px}.mt-directory-meta>span{color:var(--mt-muted)}.mt-people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.mt-dialog .mt-member{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:18px;text-align:left;min-width:0;padding:24px;border-radius:16px;box-shadow:0 2px 5px #1e293b03}.mt-dialog .mt-member:hover{border-color:var(--mt-accent);background:var(--mt-surface);box-shadow:0 4px 18px #1e293b0a}.mt-member-photo{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.mt-avatar{display:inline-grid;place-items:center;position:relative;isolation:isolate;overflow:hidden;width:76px;height:76px;flex:none;border-radius:50%;background:#e9eef5;color:#41516a;border:3px solid var(--mt-surface);box-shadow:0 0 0 1px var(--mt-border);font-size:22px;font-weight:700}.mt-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:var(--mt-soft);opacity:0;transition:opacity .15s}.mt-avatar.mt-photo-ready img{opacity:1}.mt-avatar-large{width:76px;height:76px}.mt-role-tag{padding:5px 9px;border-radius:6px;background:var(--mt-soft);font-size:12px;font-weight:600;color:var(--mt-muted)}.mt-member-copy{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.mt-member-copy strong{font-size:18px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}.mt-member-copy>span{font-size:13px;color:var(--mt-muted)}.mt-member-copy small{display:block;font-size:13px;line-height:1.5;margin-top:4px;overflow-wrap:anywhere}.mt-member-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--mt-border);font-size:13px;color:var(--mt-muted)}.mt-member-bottom>svg{color:var(--mt-accent);width:18px;height:18px}.mt-no-people{grid-column:1/-1;padding:40px;text-align:center;background:var(--mt-surface);border:1px dashed var(--mt-border);border-radius:14px;color:var(--mt-muted)}
.mt-main{max-width:1240px;margin:auto;min-width:0}.mt-person{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:20px;padding-bottom:22px;border-bottom:1px solid var(--mt-border)}.mt-person-id{display:flex;align-items:center;gap:20px;min-width:0}.mt-person h2{margin:6px 0;font-size:26px;overflow-wrap:anywhere}.mt-person p{font-size:14px;color:var(--mt-muted)}.mt-person .mt-photo-missing::after{content:'No photo';position:absolute;bottom:3px;font-size:8px;font-weight:500}.mt-work-date{width:190px;flex:none}.mt-message:empty{display:none}.mt-message{padding:14px 18px;border:1px solid #95b6a4;background:#eaf7ef;border-radius:10px;margin:0 0 20px;font-size:15px;color:#205338}.mt-message.mt-error{background:#fff1f3;border-color:#dc99a5;color:#9b1530}.mt-plan-context{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:20px;color:var(--mt-muted);font-size:14px}.mt-plan-context>span{display:flex;gap:8px;align-items:center}.mt-plan-context details{max-width:60%;text-align:right}.mt-plan-context details p{font-size:14px;max-width:430px}.mt-steps{display:flex;align-items:center;justify-content:center;gap:16px;margin:0 0 24px;padding:8px 0}.mt-steps button{border:0;background:transparent;font-size:14px;font-weight:600;color:var(--mt-muted);padding:6px 8px}.mt-steps button>span{display:grid;place-items:center;background:var(--mt-border);color:var(--mt-muted);width:28px;height:28px;border-radius:50%;font-size:13px}.mt-steps button[aria-current=step]{color:var(--mt-accent)}.mt-steps button[aria-current=step]>span{background:var(--mt-accent);color:white}.mt-step-line{height:1px;width:56px;background:var(--mt-border)}.mt-planner{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.mt-map-card,.mt-card,.mt-selection-card{border:1px solid var(--mt-border);border-radius:16px;background:var(--mt-surface);min-width:0}.mt-map-card{padding:18px}.mt-map-tools{display:flex;gap:12px;align-items:end;margin-bottom:16px}.mt-map-tools>label{flex:1}.mt-map-tools>button{min-height:46px;font-size:14px}.mt-map{height:440px;min-height:320px;border:1px solid var(--mt-border);border-radius:12px;isolation:isolate;background:#e9edf1;overflow:hidden}.mt-map-card>p{font-size:12px;color:var(--mt-muted);margin:10px 0 0}.mt-area-picker{margin-top:12px;border-top:1px solid var(--mt-border);padding-top:4px}.mt-area-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:240px;overflow:auto;padding:4px}.mt-area-list label{display:flex;align-items:center;gap:10px;font-weight:500;font-size:14px;min-height:48px;padding:10px;border:1px solid var(--mt-border);border-radius:8px;cursor:pointer}.mt-area-list label:has(input:checked){border-color:var(--mt-accent);background:var(--mt-tint)}.mt-area-list label span{min-width:0;overflow-wrap:anywhere}.mt-area-list small{display:block;font-size:12px}.mt-selection-card{padding:24px;position:sticky;top:0}.mt-section-title{margin-bottom:22px}.mt-section-title h3{margin-top:6px}.mt-section-title p{font-size:14px;color:var(--mt-muted);margin-top:6px}.mt-selection-count{display:block;font-size:25px;line-height:1.3;margin:0 0 18px}.mt-selected-chips{display:flex;gap:8px;flex-wrap:wrap;max-height:250px;overflow:auto;padding:2px}.mt-selected-chips button{font-size:13px;min-height:44px;padding:7px 10px;border:1px solid #e9a8b5;background:var(--mt-tint);color:var(--mt-accent);text-align:left}.mt-selected-chips button svg{width:15px;height:15px}.mt-selection-hint{font-size:13px;color:var(--mt-muted);margin-top:20px;line-height:1.6}.mt-dialog .mt-primary{background:var(--mt-accent);border-color:var(--mt-accent);color:#fff;font-weight:600;min-height:48px}.mt-dialog .mt-primary:hover{background:#a90d2c;border-color:#a90d2c}.mt-continue{width:100%;margin-top:24px}.mt-map-empty{padding:24px 0 12px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.mt-map-empty>svg{width:40px;height:40px;color:#8491a3;margin-bottom:8px}.mt-map-empty>strong{font-size:17px}.mt-map-empty p{font-size:14px;color:var(--mt-muted)}
.mt-plan-editor{grid-column:1/-1;width:min(700px,100%);margin:auto;padding:32px}.mt-plan-recap{display:flex;gap:14px;align-items:center;padding:18px;background:var(--mt-soft);border-radius:10px;margin-bottom:24px}.mt-plan-recap>svg{width:28px;height:28px;color:var(--mt-accent)}.mt-plan-recap p{font-size:14px;color:var(--mt-muted);margin-top:4px;overflow-wrap:anywhere}.mt-card form>label{margin-bottom:24px}.mt-optional{font-size:12px;font-weight:400;color:var(--mt-muted);float:right}.mt-repeat{border-top:1px solid var(--mt-border);padding-top:10px}.mt-repeat>label{max-width:220px}.mt-weekdays{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.mt-weekdays label{display:flex;gap:6px;align-items:center;min-height:44px;padding:8px;border:1px solid var(--mt-border);border-radius:8px;font-size:13px}.mt-date-preview{font-size:14px;color:var(--mt-muted);margin:20px 0!important}.mt-form-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.mt-existing{margin-top:32px;padding-top:24px;border-top:1px solid var(--mt-border)}.mt-existing header h3{margin-top:4px}.mt-count{display:inline-flex;justify-content:center;align-items:center;min-width:25px;min-height:25px;border-radius:6px;padding:1px 7px;background:var(--mt-border);font-size:12px;vertical-align:middle;margin-left:5px}.mt-empty{padding:18px 0;color:var(--mt-muted);font-size:14px}.mt-saved-plans{display:flex;flex-direction:column;gap:12px;margin-top:16px}.mt-saved-plans article{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:24px;border:1px solid var(--mt-border);border-radius:14px;background:var(--mt-surface)}.mt-saved-plans article>div:first-child{min-width:0}.mt-plan-badge{font-size:12px;font-weight:600;color:var(--mt-accent);background:var(--mt-tint);padding:4px 8px;border-radius:5px;display:inline-block;margin-bottom:10px}.mt-saved-plans h4{overflow-wrap:anywhere}.mt-saved-plans article p{font-size:15px;margin:8px 0}.mt-saved-plans article small{display:block;margin-top:10px}.mt-saved-actions{display:flex;gap:8px;flex-direction:column;flex:none}.mt-saved-actions button{font-size:14px}.mt-dialog .mt-text-danger{border-color:transparent;background:transparent;color:var(--mt-accent);font-size:13px}.mt-card{padding:28px}.mt-card>p{color:var(--mt-muted);margin:12px 0 24px;max-width:720px}.mt-card+.mt-card{margin-top:24px}.mt-card details{margin:20px 0}.mt-card details>p{font-size:14px;color:var(--mt-muted);margin-bottom:16px}.mt-card fieldset{border:1px solid var(--mt-border);border-radius:12px;padding:20px;margin:24px 0}.mt-card fieldset p{font-size:14px;color:var(--mt-muted);margin-bottom:18px}.mt-region-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mt-region-checks label{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px}.mt-extra-managers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:300px;overflow:auto}.mt-extra-managers label{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--mt-border);border-radius:8px;min-height:48px;font-size:14px}.mt-card form>p{margin:20px 0}.mt-card article{padding:16px 0;border-bottom:1px solid var(--mt-border)}
.mt-review-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start}.mt-review-list,.mt-review-detail{padding:24px;background:var(--mt-surface);border:1px solid var(--mt-border);border-radius:14px;min-width:0}.mt-review-list h3{margin-bottom:20px}.mt-review-list button{display:flex;flex-direction:column;align-items:stretch;text-align:left;width:100%;margin:12px 0;padding:16px;gap:7px}.mt-review-list button strong{font-size:15px}.mt-review-list button span{font-size:13px;color:var(--mt-muted)}.mt-review-detail>p{font-size:14px;color:var(--mt-muted);margin:12px 0 20px}.mt-review-detail h3{margin-bottom:16px}.mt-review-detail label{margin:20px 0}.mt-review-detail textarea{font-size:18px;min-height:130px}.mt-stage{background:var(--mt-soft);padding:20px;border-radius:12px;margin:24px 0}.mt-stage>strong{display:block;margin:10px 0}.mt-stage p{font-size:16px;margin:12px 0}.mt-conversation{padding:24px;border:1px solid var(--mt-border);border-left:3px solid var(--mt-accent);border-radius:12px;margin:20px 0;font-size:18px;line-height:1.7}.mt-conversation small{display:block;margin-top:6px}.mt-conversation p{white-space:pre-wrap;overflow-wrap:anywhere;margin:14px 0}.mt-conversation blockquote{margin:18px 0 0;padding:18px;background:var(--mt-soft);border-left:3px solid #347d67;border-radius:8px}.mt-loading{padding:40px!important}.mt-home{padding:20px 24px;border:1px solid var(--border,#dce2e9);border-radius:14px;background:var(--card,#fff);margin-bottom:20px}.mt-home header{display:flex;gap:16px;align-items:center;justify-content:space-between}.mt-home small{font-size:12px}.mt-home h2{font-size:20px;margin:5px 0}.mt-home p{font-size:14px;margin:10px 0}.mt-home button{min-height:44px;padding:10px 14px;border:1px solid var(--border,#dce2e9);border-radius:9px;background:var(--card,#fff);color:var(--ink,#192438);font:inherit;cursor:pointer}.mt-home article{margin-top:16px;padding-top:16px;border-top:1px solid var(--border,#dce2e9)}
html[data-theme=dark] .mt-dialog{--mt-surface:#202b3c;--mt-soft:#29364a;--mt-bg:#162030;--mt-ink:#edf2fa;--mt-muted:#b9c5d5;--mt-border:#415068;--mt-accent:#e54465;--mt-tint:#44263a;color-scheme:dark}html[data-theme=dark] .mt-dialog .mt-primary{background:#be1235;border-color:#df3153;color:#fff}html[data-theme=dark] .mt-avatar{background:#34445d;color:#edf2fa}html[data-theme=dark] .mt-message{background:#1d3b30;border-color:#4c8c70;color:#ddf9e9}html[data-theme=dark] .mt-message.mt-error{background:#492738;border-color:#a75b72;color:#ffe4ed}
@media(min-width:1500px){.mt-people-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1050px){.mt-planner{grid-template-columns:minmax(0,1fr) 260px;gap:16px}.mt-people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mt-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.mt-shell{padding:24px}.mt-top{padding:20px 24px}.mt-tabs{padding:0 24px}.mt-selection-card{padding:20px}.mt-map{height:400px}}
@media(max-width:760px){.mt-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;border:0}.mt-top{padding:16px 20px}.mt-brand>svg{width:38px;height:38px;padding:8px}.mt-brand{gap:10px}.mt-dialog h1{font-size:21px}.mt-brand span{font-size:11px}.mt-tabs{padding:0 20px;gap:24px;overflow:auto}.mt-tabs button{font-size:14px;white-space:nowrap}.mt-shell{padding:20px 20px calc(28px + env(safe-area-inset-bottom))}.mt-page-heading{margin-bottom:20px}.mt-page-heading h2{font-size:23px}.mt-directory-meta>span{display:none}.mt-filter-bar{gap:16px;padding:16px}.mt-filter-bar label:last-child{grid-column:1/-1}.mt-filter-bar label:nth-child(3){grid-column:1/-1}.mt-filter-bar select{padding:10px;font-size:14px}.mt-people-grid{gap:14px}.mt-dialog .mt-member{padding:18px;gap:14px}.mt-member-photo{flex-direction:column;gap:14px}.mt-avatar{width:64px;height:64px}.mt-role-tag{font-size:11px}.mt-member-copy strong{font-size:16px}.mt-member-copy small{font-size:12px}.mt-member-bottom{font-size:12px;gap:6px}.mt-person{align-items:flex-start;flex-direction:column;gap:20px}.mt-person-id{gap:14px}.mt-person h2{font-size:22px}.mt-person-id .mt-avatar{width:64px;height:64px}.mt-work-date{width:100%;max-width:230px}.mt-plan-context{align-items:flex-start;font-size:13px;gap:12px}.mt-plan-context details{max-width:52%}.mt-steps{gap:8px;justify-content:space-between;margin-bottom:20px}.mt-steps button{font-size:13px;padding:6px 0;gap:7px}.mt-step-line{width:24px}.mt-planner{grid-template-columns:1fr;gap:16px}.mt-map-card{padding:14px}.mt-map-tools{gap:8px}.mt-map-tools>button{font-size:12px;padding:9px 10px}.mt-map-tools>label{font-size:13px}.mt-map-tools input{font-size:14px!important}.mt-map{height:350px}.mt-selection-card{position:static;padding:20px}.mt-section-title{margin-bottom:16px}.mt-map-empty{padding:8px 0;display:grid;grid-template-columns:36px 1fr;gap:4px 12px}.mt-map-empty>svg{grid-row:1/3;width:30px;height:30px;margin:0}.mt-map-empty>strong{font-size:16px}.mt-map-empty>p{font-size:13px}.mt-selection-hint{margin-top:14px}.mt-selection-count{font-size:22px;margin-bottom:12px}.mt-continue{margin-top:18px}.mt-plan-editor{padding:24px 20px}.mt-area-list{grid-template-columns:1fr;max-height:210px}.mt-saved-plans article{align-items:stretch;flex-direction:column;gap:18px;padding:20px}.mt-saved-actions{flex-direction:row;flex-wrap:wrap}.mt-region-checks{grid-template-columns:repeat(2,minmax(0,1fr))}.mt-extra-managers{grid-template-columns:1fr}.mt-review-layout{grid-template-columns:1fr}.mt-review-list{max-height:280px;overflow:auto;padding:18px}.mt-review-detail{padding:20px}.mt-card{padding:22px}.mt-home header{align-items:flex-start}.mt-home h2{font-size:17px}.mt-conversation{padding:18px}.mt-launch{font-size:12px;max-width:150px;padding:8px}}
@media(max-width:390px){.mt-people-grid{grid-template-columns:1fr}.mt-dialog .mt-member{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px}.mt-member-photo{grid-row:1/3}.mt-role-tag{display:none}.mt-member-bottom{grid-column:2;padding-top:10px}.mt-member-copy small{font-size:13px}.mt-person .mt-avatar-large{width:56px;height:56px}.mt-shell{padding:20px 16px 28px}.mt-tabs{gap:20px;padding:0 16px}.mt-top{padding:16px}.mt-brand span{max-width:210px}}
@media(max-height:500px) and (min-width:650px){.mt-top{padding:10px 24px}.mt-brand span{display:none}.mt-tabs button{padding:9px 0}.mt-shell{padding:16px 24px}.mt-map{height:320px}.mt-person-id .mt-avatar{width:56px;height:56px}.mt-person{padding-bottom:16px}}
@media(prefers-reduced-motion:reduce){.mt-dialog *{scroll-behavior:auto!important;transition:none!important}}

.mt-photo-note{font-size:12px!important;color:var(--mt-muted);font-weight:400}.mt-person .mt-photo-missing::after{content:none}

.mt-main:has(.mt-plan-details)>.mt-person,.mt-plan-details>.mt-plan-context{display:none}.mt-editor-person{display:flex;align-items:center;gap:16px}.mt-editor-person .mt-avatar{width:52px;height:52px;font-size:18px}.mt-plan-editor.mt-card{padding:28px}.mt-plan-editor .mt-section-title{margin-bottom:20px}.mt-plan-editor .mt-plan-recap{margin-bottom:20px;padding:14px}.mt-plan-editor form>label{margin-bottom:20px}

.mt-static-chip{display:inline-flex;align-items:center;min-height:36px;padding:7px 11px;border-radius:8px;background:var(--mt-soft);font-size:14px;color:var(--mt-ink)}

.mt-dialog.mt-operations{position:fixed;inset:0;margin:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;box-shadow:none}.mt-operations .mt-top{padding:14px 24px;gap:24px}.mt-operations .mt-brand{flex:1}.mt-operations .mt-brand>svg{width:40px;height:40px}.mt-operations .mt-brand h1{font-size:23px}.mt-operations .mt-brand span{font-size:12px}.mt-global-date{display:flex;gap:8px;align-items:end}.mt-global-date label{font-size:12px}.mt-global-date input{margin-top:3px!important;min-height:42px!important;max-width:175px}.mt-global-date button{min-height:42px;width:42px;padding:9px}.mt-operations .mt-tabs{padding:0 24px;gap:30px}.mt-operations .mt-tabs button{font-size:15px;padding:12px 0 11px}.mt-ops-filter-wrap{background:var(--mt-surface);border-bottom:1px solid var(--mt-border);flex:none}.mt-ops-filter-wrap>summary{display:none}.mt-ops-filters{display:grid;grid-template-columns:1fr 1.25fr 1fr 1.35fr auto;gap:16px;align-items:end;padding:14px 24px}.mt-ops-filters label{font-size:12px}.mt-ops-filters :is(input,select){min-height:42px!important;padding:9px 12px!important;margin-top:5px!important;font-size:14px!important}.mt-ops-filters>button{min-height:42px;font-size:14px}.mt-scope-line{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 24px;border-bottom:1px solid var(--mt-border);background:var(--mt-surface);font-size:13px;min-height:52px;flex:none}.mt-scope-line>div{display:flex;align-items:center;gap:18px}.mt-scope-line>div>span:not(.mt-focus-pill){color:var(--mt-muted)}.mt-focus-pill{display:inline-flex;align-items:center;gap:8px;padding:1px 3px 1px 12px;border-radius:8px;background:var(--mt-tint);color:var(--mt-accent);font-weight:600}.mt-focus-pill button{width:40px;min-height:40px;border:0;background:transparent;padding:8px}.mt-focus-pill button svg{width:16px;height:16px}.mt-operations .mt-shell{padding:18px 24px 28px;scroll-padding:18px}.mt-operations .mt-main{max-width:none}.mt-board-summary{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.mt-board-summary>div{display:flex;gap:30px}.mt-board-summary strong{display:flex;align-items:center;gap:10px;font-size:24px}.mt-board-summary strong small{font-size:12px;max-width:110px;font-weight:500;line-height:1.4}.mt-board-summary>span{font-size:12px;color:var(--mt-muted)}.mt-map-board{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px;align-items:start}.mt-board-people{background:var(--mt-surface);border:1px solid var(--mt-border);border-radius:14px;overflow:hidden;position:sticky;top:0;min-width:0}.mt-board-people>header{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--mt-border)}.mt-board-people h2{font-size:17px;letter-spacing:0}.mt-board-people header button{font-size:12px;min-height:44px}.mt-team-rows{max-height:calc(100dvh - 385px);min-height:230px;overflow:auto}.mt-board-person{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--mt-border);padding:10px}.mt-board-person:last-child{border-bottom:0}.mt-board-person.is-focused{background:var(--mt-tint);box-shadow:inset 3px 0 0 var(--mt-accent)}.mt-batch-check{display:flex!important;align-items:center;justify-content:center;min-width:30px;min-height:44px}.mt-board-person .mt-map-person{display:flex;align-items:flex-start;justify-content:flex-start;padding:5px 0;gap:12px;width:100%;text-align:left;border:0;background:transparent;min-width:0}.mt-map-person .mt-avatar{width:44px;height:44px;font-size:15px;border-width:2px;flex:none}.mt-map-person>span:last-child{display:flex;flex-direction:column;gap:4px;min-width:0}.mt-map-person strong{font-size:14px;font-weight:650;overflow-wrap:anywhere}.mt-map-person small{font-size:11px;line-height:1.4}.mt-plan-state{align-self:flex-start;font-size:11px;font-weight:600;padding:2px 6px;border-radius:5px;color:#815b0b;background:#fff3d8}.mt-plan-state.has-plan{background:#e5f4ed;color:#23664d}.mt-board-people>footer{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--mt-border);padding:12px}.mt-board-people>footer>button{width:100%;font-size:14px}.mt-board-map-area{background:var(--mt-surface);border:1px solid var(--mt-border);border-radius:14px;min-width:0;overflow:hidden}.mt-board-map-head{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--mt-border)}.mt-board-map-head>div{flex:1;min-width:0}.mt-board-map-head h2{font-size:19px;letter-spacing:-.3px;overflow-wrap:anywhere}.mt-board-map-head p{font-size:12px;color:var(--mt-muted);margin-top:5px}.mt-board-map-head>button{font-size:13px;flex:none}.mt-overview-map{height:clamp(350px,52dvh,720px);min-height:350px;background:#e8edf2;isolation:isolate;z-index:0}.mt-map-legend{display:flex;gap:8px 18px;flex-wrap:wrap;padding:12px 18px 0}.mt-map-legend:empty{display:none}.mt-map-legend>span{display:inline-flex;gap:7px;align-items:center;font-size:12px;color:var(--mt-muted)}.mt-map-legend i{width:10px;height:10px;border-radius:50%;flex:none}.mt-map-help{font-size:12px!important;line-height:1.5!important;color:var(--mt-muted);padding:12px 18px;margin:0!important;border-bottom:1px solid var(--mt-border)}.mt-planned-marker>span{position:relative;display:block;width:44px;height:44px;border:3px solid var(--person-colour);border-radius:50%;background:var(--mt-surface);box-shadow:0 2px 10px #1420334d}.mt-planned-marker .mt-avatar{width:38px;height:38px;border:0;box-shadow:none;font-size:13px}.mt-planned-marker b{position:absolute;right:-10px;top:-9px;display:grid;place-items:center;font-size:10px;background:var(--person-colour);color:white;border-radius:10px;padding:1px 5px;min-width:20px;min-height:20px}.mt-area-popup{font:14px/1.5 inherit;min-width:210px}.mt-area-popup>strong{font-size:16px}.mt-area-popup small{display:block;margin-top:5px}.mt-area-popup p{font-size:14px;margin:12px 0}.mt-area-popup button{font-size:13px;white-space:normal}.mt-focus-actions{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--mt-border)}.mt-focus-actions>span{font-size:12px;color:var(--mt-muted);text-align:right}.mt-focus-actions button{font-size:13px}.mt-board-saved{padding:18px}.mt-board-saved h3{font-size:16px;margin-bottom:12px}.mt-board-plan{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--mt-border);align-items:flex-start}.mt-board-plan:last-child{border:0}.mt-plan-dot{width:10px;height:10px;flex:none;background:var(--person-colour);border-radius:50%;margin-top:6px}.mt-board-plan>div:first-of-type{flex:1;min-width:0}.mt-board-plan strong{font-size:14px}.mt-board-plan p{font-size:14px;margin:4px 0}.mt-board-plan small{font-size:12px;line-height:1.5}.mt-board-plan-actions{display:flex;gap:6px;flex:none}.mt-board-plan-actions button{font-size:12px;padding:8px 10px}.mt-mobile-person-pick{display:none!important}.mt-sync-warning{padding:12px 16px;border:1px solid #d7ab58;background:#fff5dd;color:#70500b;font-size:14px;border-radius:9px;margin-bottom:16px!important}
.mt-queue-head{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:18px}.mt-queue-head h2{font-size:23px;margin:5px 0 8px}.mt-queue-head p{font-size:14px;color:var(--mt-muted)}.mt-queue-head>label{min-width:230px;font-size:12px}.mt-queue-head select{font-size:14px}.mt-queue-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.mt-queue-filters button{font-size:13px;padding:8px 13px}.mt-queue-filters button>span{font-size:11px;padding:2px 6px;background:var(--mt-soft);border-radius:5px;min-width:22px}.mt-queue-filters [aria-pressed=true]{background:var(--mt-tint);border-color:var(--mt-accent);color:var(--mt-accent)}.mt-operations .mt-review-layout{grid-template-columns:360px minmax(0,1fr)}.mt-operations .mt-review-list{padding:10px;max-height:calc(100dvh - 420px);min-height:320px;overflow:auto;position:sticky;top:0}.mt-operations .mt-review-list>button{margin:0 0 10px;padding:15px;gap:10px}.mt-review-list>button[aria-pressed=true]{border-color:var(--mt-accent);background:var(--mt-tint)}.mt-queue-person{display:flex!important;gap:10px;align-items:center}.mt-queue-person .mt-avatar{width:38px;height:38px;font-size:13px}.mt-queue-person>span{min-width:0;display:flex;flex-direction:column;gap:3px}.mt-queue-person strong{font-size:13px!important}.mt-queue-person small{font-size:11px!important}.mt-queue-stages{display:flex!important;flex-wrap:wrap;gap:5px}.mt-queue-stages>span{font-size:11px!important;padding:3px 7px;border-radius:5px;background:var(--mt-soft)}.mt-reply-badge{font-size:11px;align-self:flex-start;padding:3px 7px;background:#e0f0ff;color:#245b8c;border-radius:5px;font-style:normal}.mt-operations .mt-review-detail{padding:24px;min-height:400px}.mt-structure-intro{display:flex;gap:24px;align-items:center;justify-content:space-between;margin-bottom:22px}.mt-structure-intro h2{font-size:23px;margin:5px 0 8px}.mt-structure-intro p,.mt-structure-intro>span{font-size:13px;color:var(--mt-muted);max-width:430px}.mt-structure-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:24px;align-items:start}.mt-org-tree{background:var(--mt-surface);border:1px solid var(--mt-border);border-radius:14px;padding:20px;min-width:0}.mt-org-tree ul{list-style:none;margin:0;padding:0}.mt-org-tree ul ul{margin:0 0 12px 22px;padding-left:22px;border-left:1px solid var(--mt-border)}.mt-org-tree li{position:relative;padding:7px 0}.mt-org-tree ul ul>li::before{content:'';position:absolute;left:-22px;top:42px;width:22px;border-top:1px solid var(--mt-border)}.mt-org-tree .mt-tree-person{display:flex;gap:12px;align-items:center;justify-content:flex-start;text-align:left;width:100%;padding:13px;min-width:0;background:var(--mt-bg);border-radius:11px}.mt-tree-person.is-focused{border-color:var(--mt-accent);background:var(--mt-tint)}.mt-tree-person .mt-avatar{width:44px;height:44px;font-size:15px}.mt-tree-person>span:last-child{min-width:0;display:flex;flex-direction:column;gap:5px}.mt-tree-person strong{font-size:14px;overflow-wrap:anywhere}.mt-tree-person small{font-size:12px}.mt-tree-person em{font-size:11px;color:var(--mt-accent);font-style:normal}.mt-structure-panel{position:sticky;top:0;max-height:calc(100dvh - 330px);overflow:auto;background:var(--mt-surface);border:1px solid var(--mt-border);border-radius:14px;min-width:0}.mt-structure-person{display:flex;align-items:center;gap:16px;padding:22px;border-bottom:1px solid var(--mt-border)}.mt-structure-person .mt-avatar{width:58px;height:58px;font-size:18px}.mt-structure-person h2{font-size:20px}.mt-structure-panel .mt-card{border:0;border-radius:0;padding:22px}.mt-structure-panel .mt-card+.mt-card{border-top:1px solid var(--mt-border);margin-top:0}.mt-structure-panel .mt-region-checks{grid-template-columns:repeat(2,minmax(0,1fr))}.mt-structure-panel .mt-extra-managers{grid-template-columns:1fr}.mt-structure-panel .mt-card>p{font-size:14px;margin:12px 0 18px}.mt-structure-panel fieldset{padding:16px}.mt-structure-empty{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:32px;color:var(--mt-muted)}.mt-structure-empty>svg{width:36px;height:36px}.mt-structure-empty h3{font-size:19px;color:var(--mt-ink)}.mt-structure-empty p{font-size:15px;line-height:1.6}
html[data-theme=dark] .mt-plan-state{background:#493b22;color:#f3d495}html[data-theme=dark] .mt-plan-state.has-plan{background:#1e463b;color:#baebd5}html[data-theme=dark] .mt-reply-badge{background:#254564;color:#d5eaff}html[data-theme=dark] .mt-sync-warning{background:#493b22;border-color:#957b46;color:#f4dcaa}.mt-operations .mt-person{margin-bottom:18px}.mt-operations .mt-planner{max-width:1220px;margin:0 auto}
@media(min-width:1600px){.mt-map-board{grid-template-columns:350px minmax(0,1fr)}.mt-operations .mt-review-layout{grid-template-columns:400px minmax(0,1fr)}}
@media(max-width:1050px){.mt-map-board{grid-template-columns:280px minmax(0,1fr);gap:14px}.mt-ops-filters{grid-template-columns:1fr 1fr 1fr;gap:12px}.mt-ops-search{grid-column:1/3}.mt-ops-filters>button{grid-column:3}.mt-structure-layout{grid-template-columns:1fr}.mt-structure-panel{position:static;max-height:none}.mt-operations .mt-review-layout{grid-template-columns:300px minmax(0,1fr)}.mt-board-plan{flex-wrap:wrap}.mt-board-plan-actions{margin-left:22px}.mt-team-rows{max-height:calc(100dvh - 470px)}.mt-board-summary>div{gap:20px}.mt-board-summary>span{max-width:150px}.mt-board-map-head{flex-wrap:wrap}.mt-board-map-head>div{flex-basis:100%}}
@media(max-width:760px){.mt-operations .mt-top{display:grid;grid-template-columns:1fr 44px;gap:14px;padding:14px 16px}.mt-operations .mt-brand{grid-column:1;grid-row:1;min-width:0}.mt-operations .mt-brand>svg{width:36px;height:36px}.mt-operations .mt-brand h1{font-size:21px}.mt-operations .mt-brand span{font-size:10px}.mt-operations .mt-top>[data-mt-close]{grid-column:2;grid-row:1}.mt-global-date{grid-row:2;grid-column:1/-1;width:100%;align-items:center;justify-content:space-between;gap:12px}.mt-global-date>label{display:flex;align-items:center;gap:12px;font-size:12px;flex:1}.mt-global-date input{flex:1;width:100%;max-width:none;margin:0!important}.mt-operations .mt-tabs{padding:0 16px;gap:22px;overflow:auto}.mt-operations .mt-tabs button{font-size:13px;padding:11px 0;white-space:nowrap}.mt-ops-filter-wrap>summary{display:list-item;padding:12px 16px;margin-left:16px;min-height:44px;font-size:13px}.mt-ops-filters{grid-template-columns:1fr 1fr;padding:0 16px 16px;gap:12px}.mt-ops-filters>label:nth-child(3){grid-column:auto}.mt-ops-search{grid-column:1/-1}.mt-ops-filters>button{grid-column:1/-1}.mt-scope-line{padding:8px 16px;gap:8px;align-items:flex-start}.mt-scope-line>div{gap:8px;flex-wrap:wrap}.mt-scope-line>div:first-child{flex:1}.mt-scope-line .mt-quiet{min-height:36px;font-size:12px}.mt-scope-line .mt-focus-pill{font-size:12px;max-width:220px;gap:0}.mt-scope-line .mt-back{font-size:12px;min-height:36px}.mt-operations .mt-shell{padding:16px}.mt-board-summary{gap:8px;flex-direction:column;align-items:flex-start;margin-bottom:14px}.mt-board-summary>div{width:100%;justify-content:space-between;gap:12px}.mt-board-summary strong{gap:6px;font-size:21px}.mt-board-summary strong small{font-size:10px;max-width:78px}.mt-board-summary>span{max-width:none;font-size:11px}.mt-map-board{display:flex;flex-direction:column;gap:16px}.mt-board-people{order:2;position:static;width:100%}.mt-board-map-area{order:1;width:100%}.mt-board-map-head{padding:14px;gap:8px}.mt-board-map-head h2{font-size:18px}.mt-board-map-head p{font-size:12px}.mt-board-map-head>button{font-size:12px;min-height:44px}.mt-mobile-person-pick{display:block!important;margin:0;padding:12px 14px;background:var(--mt-soft);font-size:12px!important}.mt-mobile-person-pick select{margin-top:5px!important;font-size:14px!important}.mt-overview-map{height:370px;min-height:320px}.mt-team-rows{max-height:340px;min-height:170px}.mt-board-person .mt-map-person{gap:12px}.mt-map-person strong{font-size:15px}.mt-map-person small{font-size:12px}.mt-board-summary>div>strong{flex-direction:column;align-items:flex-start}.mt-board-saved{padding:16px}.mt-board-plan-actions{margin:4px 0 0 22px}.mt-map-help{font-size:11px!important;padding:10px 14px}.mt-map-legend{padding:12px 14px 0}.mt-map-legend>span{font-size:11px}.mt-focus-actions{align-items:flex-start;flex-direction:column;padding:12px 14px;gap:8px}.mt-focus-actions>span{text-align:left;font-size:11px}.mt-queue-head{align-items:stretch;flex-direction:column;gap:12px}.mt-queue-head h2{font-size:22px}.mt-queue-head p{font-size:13px}.mt-queue-head>label{min-width:0}.mt-queue-filters{flex-wrap:nowrap;overflow:auto;gap:8px;padding-bottom:6px}.mt-queue-filters button{font-size:12px;white-space:nowrap;flex:none}.mt-operations .mt-review-layout{grid-template-columns:1fr;gap:16px}.mt-operations .mt-review-list{position:static;max-height:300px;min-height:170px}.mt-operations .mt-review-detail{padding:20px}.mt-structure-intro{align-items:flex-start;flex-direction:column;gap:12px}.mt-structure-intro h2{font-size:22px}.mt-structure-intro>span{font-size:12px}.mt-org-tree{padding:12px;overflow:auto}.mt-org-tree ul ul{margin-left:13px;padding-left:13px}.mt-org-tree ul ul>li::before{left:-13px;width:13px}.mt-tree-person .mt-avatar{width:36px;height:36px;font-size:12px}.mt-org-tree .mt-tree-person{gap:9px;padding:10px;min-width:0}.mt-tree-person strong{font-size:13px}.mt-tree-person small{font-size:11px}.mt-structure-person{padding:18px}.mt-structure-person h2{font-size:18px}.mt-structure-panel .mt-card{padding:18px}.mt-operations .mt-person-id{gap:14px}.mt-operations .mt-person h2{font-size:21px}}
@media(max-height:500px) and (min-width:650px){.mt-operations .mt-top{padding:8px 18px}.mt-operations .mt-brand span{display:none}.mt-operations .mt-tabs button{padding:8px 0}.mt-ops-filter-wrap{max-height:100px;overflow:auto}.mt-ops-filters{padding:10px 18px}.mt-scope-line{padding:4px 18px}.mt-overview-map{height:340px}.mt-operations .mt-shell{padding:14px 18px}}

.mt-plan-history{margin-top:16px;border-top:1px solid var(--mt-border);padding-top:8px}.mt-plan-history>article{padding:14px 0;border-bottom:1px solid var(--mt-border)}.mt-plan-history article>strong{font-size:14px}.mt-plan-history article>p{font-size:14px;margin:5px 0}.mt-plan-history article>small{font-size:12px;line-height:1.6}

/* Keep the daily map in the working area; scope controls expand on demand. */
.mt-ops-filter-wrap>summary{display:list-item;padding:10px 24px 10px 0;margin-left:42px;min-height:44px;font-size:13px}.mt-operations .mt-top{padding-top:10px;padding-bottom:10px}.mt-operations .mt-tabs button{padding-top:9px;padding-bottom:9px}.mt-scope-line{padding-top:4px;padding-bottom:4px;min-height:46px}.mt-operations .mt-shell{padding-top:14px}.mt-board-summary{margin-bottom:12px}.mt-overview-map{height:clamp(280px,calc(100dvh - 385px),680px);min-height:280px}.mt-team-rows{max-height:calc(100dvh - 400px);min-height:170px}
@media(max-width:760px){.mt-ops-filter-wrap>summary{margin-left:32px;padding:10px 16px 10px 0}.mt-overview-map{height:350px;min-height:300px}.mt-team-rows{max-height:340px;min-height:170px}.mt-operations .mt-top{padding:12px 16px}.mt-scope-line{min-height:44px}}

.mt-group-avatars{display:flex;align-items:center;flex:none;padding-right:10px}.mt-group-avatars .mt-avatar{width:52px;height:52px;font-size:16px;margin-right:-12px;border:3px solid var(--mt-surface)}.mt-bulk-recipients{margin-bottom:20px;border-bottom:1px solid var(--mt-border)}.mt-bulk-recipients ul{padding-left:22px;font-size:14px;line-height:1.8}.mt-person-id p{overflow-wrap:anywhere}

.mt-global-date>label{min-width:0}.mt-global-date input{min-width:0;min-height:44px!important}.mt-global-date button{min-height:44px;width:44px}.mt-scope-line .mt-quiet{min-height:44px}
/* The app map is the workspace: choose a person, click Areas, save alongside it. */
.mt-map-workspace .mt-scope-line{display:none}.mt-map-workspace .mt-shell{padding:0 20px 18px;overflow:auto}.mt-map-workspace .mt-main{max-width:none;width:100%}.mt-map-workspace .mt-message:not(:empty){margin:8px 0}.mt-direct-board{display:grid;grid-template-columns:232px minmax(320px,1fr) 304px;gap:14px;height:calc(100dvh - 184px);min-height:480px;align-items:stretch}.mt-direct-team,.mt-direct-map,.mt-direct-editor{min-width:0;border:1px solid var(--mt-border);border-radius:12px;background:var(--mt-surface);overflow:hidden}.mt-direct-team{display:flex;flex-direction:column}.mt-direct-team>header{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:16px 14px;border-bottom:1px solid var(--mt-border)}.mt-direct-team h2{font-size:18px;margin:0 0 5px}.mt-direct-team header small{font-size:12px;color:var(--mt-muted)}.mt-direct-team header button{min-width:44px;padding:7px}.mt-direct-people{overflow:auto;flex:1;min-height:0}.mt-direct-people article{display:flex;align-items:center;border-bottom:1px solid var(--mt-border);padding:6px 8px 6px 4px;border-left:3px solid transparent}.mt-direct-people article.is-focused{background:var(--mt-tint);border-left-color:var(--mt-accent)}.mt-direct-check{display:flex!important;align-items:center;justify-content:center;width:28px;min-width:28px;min-height:48px;margin:0!important}.mt-direct-check[hidden]{display:none!important}.mt-direct-check input{margin:0!important;min-height:0!important;width:16px!important;height:16px;accent-color:var(--mt-accent)}.mt-direct-people article>button{display:flex;gap:10px;align-items:center;padding:10px 0!important;border:0!important;background:transparent!important;flex:1;min-width:0;text-align:left;box-shadow:none!important}.mt-direct-people .mt-avatar{width:38px;height:38px;font-size:13px;flex:none}.mt-direct-people button>span:last-child{display:flex;flex-direction:column;gap:5px;min-width:0}.mt-direct-people strong{font-size:14px;line-height:1.35;overflow-wrap:anywhere}.mt-direct-people small{font-size:11px;color:var(--mt-muted)}.mt-direct-people em{font-size:11px;font-style:normal;color:var(--mt-muted)}.mt-direct-people .has-plan{color:#187460}.mt-direct-team>footer{padding:13px;font-size:11px;line-height:1.6;color:var(--mt-muted);border-top:1px solid var(--mt-border)}
.mt-direct-map{display:flex;flex-direction:column;position:relative}.mt-direct-map-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--mt-border)}.mt-direct-map-toolbar h2{font-size:18px;line-height:1.3;margin:0 0 4px}.mt-direct-map-toolbar p{font-size:12px!important;line-height:1.5!important;margin:0!important;color:var(--mt-muted)}.mt-direct-map-toolbar>button{white-space:nowrap;padding:8px 11px;flex:none;font-size:12px}.mt-native-map-shell{flex:1;min-height:320px;position:relative;background:#edf1f4}.mt-native-map-shell>[data-op-map]{position:absolute;inset:0}.mt-native-search{position:absolute;top:14px;left:14px;width:min(292px,calc(100% - 76px));z-index:2;color:#183344;color-scheme:light}.mt-native-search label{margin:0!important}.mt-native-search input{border:1px solid #aebbc6!important;border-radius:9px!important;background:#fff!important;color:#183344!important;font-size:14px!important;padding:11px 14px!important;box-shadow:0 2px 12px #172d4420;height:46px}.mt-native-search [data-op-area-results]{max-height:280px;overflow:auto;background:white;border:1px solid #b9c5ce;border-radius:9px;box-shadow:0 6px 20px #172d4420;margin-top:5px}.mt-native-search [data-op-area-results][hidden]{display:none}.mt-native-search [data-op-area-results]>div{display:flex;border-bottom:1px solid #e3e8ed}.mt-native-search [data-op-select-area]{display:flex;gap:10px;align-items:center;text-align:left;flex:1;border:0!important;min-width:0;background:#fff!important;color:#183344!important;font-size:14px;padding:10px!important;border-radius:0!important}.mt-native-search [data-op-select-area]>span:last-child{flex:1;display:flex;flex-direction:column;gap:3px}.mt-native-search small{font-size:11px;color:#657686}.mt-native-search [aria-pressed=true]{background:#fff0f3!important}.mt-native-search [data-op-find-area]{border:0!important;border-radius:0!important;background:#f4f7f9!important;min-width:44px;color:#183344!important;padding:10px!important}.mt-native-search svg{width:20px;height:20px}.mt-area-tick{border:1px solid #acb7c4;width:23px;height:23px;flex:none;text-align:center;font-size:17px;border-radius:5px}.mt-native-map-tip{position:absolute;bottom:34px;left:12px;max-width:calc(100% - 80px);padding:8px 11px;background:#fffffff2;color:#254254;font-size:12px;line-height:1.5;border-radius:6px;box-shadow:0 1px 6px #18334425;pointer-events:none}.mt-native-map-tip button{pointer-events:auto}.mt-direct-map-legend{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:10px 14px;font-size:11px;color:var(--mt-muted);border-top:1px solid var(--mt-border)}.mt-direct-map-legend span{display:flex;align-items:center;gap:6px}.mt-direct-map-legend i{width:12px;height:12px;display:inline-block;border:1px solid;border-radius:3px}.mt-selected-key{background:#f4a5b7;border-color:#ac1232!important}.mt-saved-key{background:#c6e5dd;border-color:#16746a!important}.mt-direct-map-legend [data-op-map-hint]{margin-left:auto}.mt-direct-mobile{display:none!important}
.mt-direct-editor{overflow:auto;padding:18px}.mt-assignment-person{display:flex;gap:12px;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--mt-border);margin-bottom:16px}.mt-assignment-person .mt-avatar{width:46px;height:46px;font-size:15px}.mt-assignment-person h2{font-size:18px;line-height:1.4;margin:4px 0}.mt-assignment-person small{font-size:10px;color:var(--mt-muted);letter-spacing:.06em}.mt-assignment-person p{font-size:12px!important;margin:0!important;color:var(--mt-muted)}.mt-direct-editor form>label{font-size:13px;margin:16px 0!important}.mt-direct-editor form label>small{float:right;font-size:11px;font-weight:400;color:var(--mt-muted)}.mt-direct-editor input,.mt-direct-editor select,.mt-direct-editor textarea{font-size:14px!important}.mt-direct-editor textarea{line-height:1.6;resize:vertical;min-height:70px}.mt-direct-selection>header{display:flex;align-items:center;justify-content:space-between;gap:8px}.mt-direct-selection h3{font-size:14px}.mt-direct-selection b{display:inline-block;padding:3px 7px;background:var(--mt-soft);border-radius:5px;margin-left:4px}.mt-direct-selection>header button{border:0!important;background:transparent!important;font-size:12px!important;padding:5px!important}.mt-direct-selection [data-op-selection]{max-height:190px;overflow:auto;min-height:80px;margin:10px 0 16px}.mt-direct-selection [data-op-selection]>p{padding:14px;background:var(--mt-soft);font-size:13px!important;line-height:1.7!important;color:var(--mt-muted);border-radius:8px;margin:0!important}.mt-direct-selection [data-op-selection]>button{display:flex;align-items:center;gap:7px;width:100%;min-height:44px;text-align:left;background:var(--mt-tint)!important;border-color:transparent!important;margin-bottom:5px;font-size:13px;padding:8px!important}.mt-direct-selection button svg{width:17px;height:17px;flex:none;color:var(--mt-accent)}.mt-direct-selection button span{flex:1;overflow-wrap:anywhere}.mt-direct-repeat{border-top:1px solid var(--mt-border);border-bottom:1px solid var(--mt-border);padding:4px 0;margin:12px 0}.mt-direct-repeat summary{font-size:12px;min-height:44px;padding:12px 0;cursor:pointer}.mt-direct-repeat .mt-weekdays{gap:4px;margin-bottom:12px}.mt-direct-repeat .mt-weekdays label{font-size:11px;padding:5px;min-height:38px}.mt-direct-editor [data-op-date-preview]{font-size:12px!important;color:var(--mt-muted);margin:12px 0!important}.mt-direct-save{width:100%;min-height:48px!important;font-size:15px!important}.mt-direct-save-note{font-size:11px!important;color:var(--mt-muted);text-align:center;margin:10px 0!important}.mt-direct-saved{margin-top:22px;padding-top:10px;border-top:1px solid var(--mt-border)}.mt-direct-saved>summary{font-size:13px;font-weight:650;padding:9px 0;min-height:40px;cursor:pointer}.mt-direct-plan{padding:16px 0;border-bottom:1px solid var(--mt-border)}.mt-direct-plan>strong{font-size:13px}.mt-direct-plan p{font-size:13px!important;line-height:1.6!important;margin:6px 0!important;overflow-wrap:anywhere}.mt-direct-plan small{font-size:11px;line-height:1.5;color:var(--mt-muted);display:block}.mt-direct-plan>div{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.mt-direct-plan button{font-size:12px!important;padding:7px 10px!important;min-height:40px!important}.mt-map-start>svg{width:35px;height:35px;color:var(--mt-accent);margin:6px 0 14px}.mt-map-start h2{font-size:20px}.mt-map-start ol{padding-left:20px;margin:18px 0}.mt-map-start li{font-size:14px;line-height:1.6;margin:13px 0}.mt-map-start p{font-size:12px!important;line-height:1.6!important;color:var(--mt-muted)}.mt-direct-editor .mt-plan-history{font-size:12px}
.mt-map-workspace:has(.mt-ops-filter-wrap[open]) .mt-direct-board{height:calc(100dvh - 290px)}
html[data-theme=dark] .mt-direct-people .has-plan{color:#9bddc8}
.mt-direct-board{height:calc(100dvh - 208px);min-height:400px}.mt-native-search .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.mt-direct-save{position:sticky;bottom:0;z-index:3;box-shadow:0 -10px 12px var(--mt-surface),0 3px 10px #15233320}.mt-direct-editor .mt-direct-selection [data-op-selection]{max-height:120px;min-height:50px}.mt-direct-editor form>label{margin:12px 0!important}.mt-direct-repeat{margin:8px 0}.mt-direct-editor [data-op-date-preview]{margin:8px 0!important}.mt-direct-save-note{margin-bottom:0!important}
@media(min-width:1600px){.mt-direct-board{grid-template-columns:270px minmax(400px,1fr) 340px;gap:18px}.mt-direct-editor{padding:22px}.mt-direct-people strong{font-size:15px}}
@media(max-width:1100px) and (min-width:761px){.mt-direct-board{grid-template-columns:195px minmax(280px,1fr) 270px;gap:10px}.mt-map-workspace .mt-shell{padding-left:12px;padding-right:12px}.mt-direct-editor{padding:14px}.mt-direct-people article{padding-left:0}.mt-direct-people .mt-avatar{width:32px;height:32px}.mt-direct-people strong{font-size:12px}.mt-direct-people small{font-size:10px}.mt-direct-team>header{padding:12px 8px}.mt-direct-map-toolbar{padding:12px}.mt-direct-map-toolbar h2{font-size:16px}.mt-direct-map-toolbar p{font-size:11px!important}}
@media(max-width:760px){.mt-map-workspace .mt-shell{padding:0 12px 24px}.mt-direct-board{display:flex;flex-direction:column;height:auto!important;min-height:0;gap:12px}.mt-direct-team{display:none}.mt-direct-map{order:1;min-height:450px}.mt-direct-editor{order:2;max-height:none;padding:18px}.mt-direct-mobile{display:flex!important;align-items:center;gap:12px;padding:10px 12px;font-size:12px!important;margin:0!important;border-bottom:1px solid var(--mt-border)}.mt-direct-mobile select{margin:0!important;flex:1;min-width:0;font-size:13px!important}.mt-direct-map-toolbar{padding:12px}.mt-direct-map-toolbar h2{font-size:17px}.mt-direct-map-toolbar p{font-size:11px!important}.mt-native-map-shell{height:360px;min-height:360px;flex:none}.mt-native-search{left:10px;top:10px;width:calc(100% - 65px)}.mt-direct-map-legend{font-size:10px;gap:10px}.mt-direct-map-legend [data-op-map-hint]{display:none}.mt-direct-selection [data-op-selection]{max-height:170px}.mt-direct-save{position:sticky;bottom:8px;z-index:1;box-shadow:0 3px 14px #1113}.mt-map-workspace .mt-ops-filter-wrap>summary{font-size:12px}.mt-direct-editor .mt-group-avatars{padding:0}.mt-native-map-tip{font-size:11px}}

.mt-area-owner{display:flex;align-items:center;gap:10px;margin:14px 0;font-size:14px;line-height:1.5}.mt-area-owner .mt-avatar{width:36px;height:36px;font-size:12px}

.mt-personal-coverage .mt-direct-team{display:none}.mt-personal-coverage .mt-direct-board{grid-template-columns:minmax(320px,1fr) 320px}@media(max-width:760px){.mt-personal-coverage .mt-direct-board{display:flex}}
.mt-native-assigned{pointer-events:none!important;display:flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid #258574;border-radius:9px;background:#fffffff5;color:#173e47;box-shadow:0 2px 7px #142a4530;max-width:220px;line-height:1.35;color-scheme:light}.mt-native-assigned *{pointer-events:none!important}.mt-native-assigned .mt-avatar{width:28px;height:28px;font-size:10px;flex:none}.mt-native-assigned>span:last-child{display:flex;flex-direction:column;gap:3px;min-width:0}.mt-native-assigned strong{font-size:12px}.mt-native-assigned small{font-size:10px;max-width:172px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* One planning task at a time. Secondary controls are disclosed on demand. */
.mt-map-workspace .mt-brand>div>span,.mt-map-workspace .mt-global-date>button{display:none}.mt-map-workspace .mt-top{padding:10px 20px;min-height:64px}.mt-map-workspace .mt-brand>svg{width:34px;height:34px}.mt-map-workspace .mt-brand h1{font-size:22px}.mt-map-workspace .mt-global-date label{display:flex;gap:12px;align-items:center;font-size:13px}.mt-map-workspace .mt-global-date input{margin:0!important;width:160px;max-width:none}.mt-map-workspace .mt-tabs{padding-left:20px;padding-right:20px}.mt-map-workspace .mt-tabs button{font-size:14px;padding:11px 0}.mt-map-workspace .mt-shell{padding:0!important;overflow:hidden!important}.mt-map-workspace .mt-main{width:100%;max-width:none}.mt-map-workspace .mt-message:not(:empty){position:absolute;bottom:94px;left:50%;transform:translateX(-50%);z-index:12;max-width:calc(100% - 32px);margin:0;box-shadow:0 3px 14px #142a4520;font-size:14px}.mt-simple-board{display:block!important;position:relative;gap:0!important;height:calc(100dvh - 120px)!important;min-height:330px!important}.mt-simple-board>.mt-direct-map{height:100%;border:0;border-radius:0;overflow:visible;display:flex;flex-direction:column}.mt-simple-board .mt-direct-map-toolbar{height:64px;min-height:64px;padding:8px 20px;gap:12px;background:var(--mt-surface)}.mt-simple-board .mt-native-map-shell{min-height:180px;flex:1;height:auto}.mt-simple-board .mt-direct-map-legend,.mt-simple-board .mt-direct-mobile{display:none!important}.mt-simple-person{display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:10px;min-width:230px;max-width:440px;min-height:48px;padding:7px 12px!important;border:1px solid var(--mt-border)!important;background:var(--mt-surface)!important;border-radius:9px}.mt-simple-person>svg{width:28px;height:28px;flex:none}.mt-simple-person .mt-avatar{width:34px;height:34px;font-size:12px;flex:none}.mt-simple-person>span:not(.mt-avatar):not(.mt-simple-chevron){min-width:0;display:flex;flex-direction:column;gap:3px}.mt-simple-person small{font-size:9px;color:var(--mt-muted);letter-spacing:.06em}.mt-simple-person strong{font-size:15px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px}.mt-simple-chevron{margin-left:auto;font-size:18px}.mt-simple-days{display:flex;gap:6px;margin-left:auto}.mt-simple-days button{font-size:12px;min-height:44px;padding:8px 12px}.mt-simple-days [data-simple-today]{display:none}.mt-simple-board .mt-direct-map-toolbar>[data-op-fit-board]{font-size:12px;min-height:44px;padding:8px 12px}.mt-simple-board .mt-native-search{top:14px;left:20px;width:280px}.mt-simple-board .mt-native-map-tip{bottom:29px;left:20px;font-size:12px;padding:6px 9px;background:#ffffffe8;box-shadow:0 1px 5px #172d4420}.mt-simple-board .mt-native-assigned{max-width:200px;box-shadow:0 1px 6px #142a4520;padding:5px 8px}
.mt-simple-board>.mt-simple-picker{position:absolute!important;left:20px;top:62px;width:310px!important;max-width:calc(100% - 40px);height:min(560px,calc(100% - 74px));z-index:10;box-shadow:0 10px 35px #17304435;border:1px solid var(--mt-border);border-radius:12px;background:var(--mt-surface);overflow:hidden}.mt-simple-picker[hidden]{display:none!important}.mt-simple-picker:not([hidden]){display:flex!important}.mt-simple-picker .mt-direct-check:not(.mt-simple-group-check){display:none!important}.mt-simple-picker .mt-direct-people article{padding-left:10px}.mt-simple-picker .mt-direct-people strong{font-size:14px}.mt-simple-picker .mt-direct-people small{font-size:11px}.mt-simple-picker .mt-direct-people .mt-avatar{width:38px;height:38px}.mt-simple-picker .mt-direct-people em{font-size:11px}.mt-simple-picker .mt-direct-people{min-height:80px;flex:1;max-height:none}.mt-simple-picker .mt-direct-team>footer{padding:10px}.mt-simple-picker footer button{width:100%;min-height:44px}.mt-simple-team-filter{margin:0!important;flex:none;max-height:215px;overflow:auto;border-bottom:1px solid var(--mt-border)}.mt-simple-team-filter>summary{margin:0!important;padding:12px 16px!important;font-size:12px!important;min-height:44px}.mt-simple-team-filter .mt-ops-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 12px 14px}.mt-simple-team-filter .mt-ops-filters>label{grid-column:auto;font-size:11px}.mt-simple-team-filter .mt-ops-search{grid-column:1/-1!important}.mt-simple-team-filter .mt-ops-filters>button{grid-column:1/-1}.mt-simple-team-filter input,.mt-simple-team-filter select{font-size:12px!important;padding:8px!important}
.mt-simple-board .mt-direct-editor{flex:none;position:relative;width:100%;padding:12px 20px;overflow:visible!important;border:0;border-top:1px solid var(--mt-border);border-radius:0;background:var(--mt-surface);min-height:82px;max-height:none;display:flex;align-items:center;gap:14px}.mt-simple-board .mt-direct-editor>form{width:100%;margin:0!important;min-width:0}.mt-simple-save-row{display:flex;gap:14px;align-items:center;width:100%;min-width:0}.mt-simple-save-row .mt-direct-selection{min-width:0;flex:1;display:flex;align-items:center;gap:12px}.mt-simple-save-row .mt-direct-selection>header{display:flex;align-items:center;flex:none}.mt-simple-save-row .mt-direct-selection>header h3{font-size:12px;white-space:nowrap}.mt-simple-save-row .mt-direct-selection>header [data-op-clear-areas]{display:none}.mt-simple-save-row .mt-direct-selection [data-op-selection]{display:flex;gap:6px;align-items:center;overflow-x:auto;overflow-y:hidden;max-height:58px;min-height:44px;margin:0!important;padding:0 0 3px}.mt-simple-save-row .mt-direct-selection [data-op-selection]>button{width:auto;min-width:110px;max-width:220px;flex:none;margin:0;min-height:40px;font-size:12px!important;white-space:nowrap;padding:8px 10px!important}.mt-simple-save-row .mt-direct-selection [data-op-selection]>button svg{width:14px;height:14px}.mt-simple-save-row .mt-direct-selection [data-op-selection]>p{font-size:12px!important;line-height:1.5!important;background:transparent;padding:0;white-space:nowrap}.mt-simple-save-row .mt-direct-selection [data-op-selection]>p br{display:none}.mt-simple-save-row>label{margin:0!important;min-width:165px;flex:none;font-size:11px!important;display:flex;flex-direction:column;gap:4px}.mt-simple-save-row>label select{margin:0!important;padding:8px 10px!important;min-height:44px!important;font-size:13px!important;max-width:210px}.mt-simple-save-row>.mt-direct-save{position:static!important;box-shadow:none!important;width:150px;min-width:130px;flex:none;font-size:15px!important;min-height:48px!important}.mt-simple-more-button{flex:none;min-width:65px;min-height:44px;font-size:13px;padding:8px 12px!important}.mt-simple-prompt{font-size:14px!important;line-height:1.6!important;margin:0!important;flex:1;color:var(--mt-muted)}
.mt-simple-more{position:absolute;right:20px;bottom:calc(100% + 10px);width:340px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 240px);min-height:150px;overflow:auto;z-index:11;background:var(--mt-surface);border:1px solid var(--mt-border);border-radius:12px;box-shadow:0 10px 35px #17304435;padding:18px;color:var(--mt-ink)}.mt-simple-more[hidden]{display:none!important}.mt-simple-more>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.mt-simple-more>header h2{font-size:18px}.mt-simple-more>header button{padding:8px!important;min-width:44px;min-height:44px}.mt-simple-more>header svg{width:20px;height:20px}.mt-simple-more>label{display:block;font-size:13px;margin:14px 0}.mt-simple-more>label>small{float:right;font-size:11px;color:var(--mt-muted)}.mt-simple-more textarea{font-size:14px!important;line-height:1.6;min-height:90px}.mt-simple-more input,.mt-simple-more select{font-size:13px!important}.mt-simple-more .mt-direct-repeat{margin-top:14px}.mt-simple-more [data-op-date-preview]{font-size:12px;color:var(--mt-muted)}.mt-simple-group-action{width:100%;min-height:44px;font-size:13px;margin:12px 0}.mt-simple-more .mt-direct-saved{margin-top:14px}.mt-simple-more .mt-direct-plan{font-size:13px}.mt-simple-more .mt-plan-history{margin-top:14px;font-size:12px}.mt-simple-more>.mt-direct-saved:first-of-type{border-top:1px solid var(--mt-border)}
@media(max-width:900px){.mt-simple-save-row{gap:10px}.mt-simple-save-row .mt-direct-selection{display:block}.mt-simple-save-row .mt-direct-selection>header{display:none}.mt-simple-save-row>label{min-width:145px}.mt-simple-save-row>.mt-direct-save{width:125px;min-width:110px}.mt-simple-board .mt-direct-editor{padding-left:14px;padding-right:14px}.mt-simple-person{max-width:360px;min-width:210px}.mt-simple-person strong{max-width:260px}}
@media(max-width:760px){.mt-map-workspace .mt-top{display:flex;gap:10px;padding:8px 12px;min-height:60px}.mt-map-workspace .mt-brand{flex:1;gap:8px}.mt-map-workspace .mt-brand>svg{width:28px;height:28px}.mt-map-workspace .mt-brand h1{font-size:18px}.mt-map-workspace .mt-global-date{display:block;width:auto;margin:0;flex:none}.mt-map-workspace .mt-global-date label{font-size:0;gap:0}.mt-map-workspace .mt-global-date input{width:128px;font-size:12px!important;padding:8px!important}.mt-map-workspace .mt-top>[data-mt-close]{width:36px;min-width:36px;padding:7px!important}.mt-map-workspace .mt-tabs{padding:0 12px;gap:20px}.mt-map-workspace .mt-tabs button{font-size:12px;padding:10px 0}.mt-simple-board{height:calc(100dvh - 107px)!important;min-height:340px!important;display:block!important}.mt-simple-board>.mt-direct-map{min-height:0;order:initial}.mt-simple-board .mt-direct-map-toolbar{height:60px;min-height:60px;gap:8px;padding:6px 12px}.mt-simple-person{max-width:calc(100% - 80px);min-width:0;flex:1;gap:8px;min-height:46px;padding:6px 9px!important}.mt-simple-person small{font-size:8px}.mt-simple-person strong{font-size:13px;max-width:190px}.mt-simple-person .mt-avatar{width:30px;height:30px;font-size:11px}.mt-simple-days{display:none}.mt-simple-board .mt-direct-map-toolbar>[data-op-fit-board]{font-size:11px;min-height:44px;padding:7px 9px}.mt-simple-board .mt-native-map-shell{height:auto;min-height:160px;flex:1}.mt-simple-board .mt-native-search{left:12px;top:12px;width:min(260px,calc(100% - 70px))}.mt-simple-board .mt-native-search input{height:44px;font-size:13px!important}.mt-simple-board .mt-native-map-tip{left:12px;max-width:calc(100% - 70px);font-size:10px;padding:5px 7px}.mt-simple-board>.mt-simple-picker{left:12px;top:58px;max-width:calc(100% - 24px);height:calc(100% - 68px)}.mt-simple-board .mt-direct-editor{padding:9px 12px;min-height:122px}.mt-simple-save-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:end}.mt-simple-save-row .mt-direct-selection{grid-column:1/-1;max-height:40px}.mt-simple-save-row .mt-direct-selection [data-op-selection]{min-height:34px;max-height:36px;padding:0}.mt-simple-save-row .mt-direct-selection [data-op-selection]>button{min-height:34px!important;font-size:11px!important;max-width:190px;padding:6px 8px!important}.mt-simple-save-row>label{min-width:0;gap:3px;font-size:9px!important}.mt-simple-save-row>label select{max-width:none;width:100%;min-height:44px!important;font-size:12px!important}.mt-simple-save-row>.mt-direct-save{width:96px;min-width:96px;font-size:13px!important;min-height:44px!important}.mt-simple-more-button{min-width:52px;padding:7px 10px!important;font-size:12px}.mt-simple-more{right:12px;bottom:calc(100% + 8px);max-height:calc(100dvh - 235px);padding:16px}.mt-simple-prompt{font-size:12px!important}.mt-simple-board .mt-native-assigned{padding:4px 6px;max-width:175px}.mt-native-assigned strong{font-size:11px}.mt-native-assigned small{font-size:9px}.mt-simple-board .mt-message:not(:empty){bottom:132px}.mt-personal-coverage .mt-simple-board .mt-direct-editor{min-height:68px}}
@media(max-height:500px) and (min-width:650px){.mt-map-workspace .mt-top{min-height:52px;padding-top:5px;padding-bottom:5px}.mt-map-workspace .mt-tabs button{padding:7px 0}.mt-simple-board{height:calc(100dvh - 94px)!important;min-height:250px!important}.mt-simple-board .mt-direct-map-toolbar{min-height:52px;height:52px;padding-top:4px;padding-bottom:4px}.mt-simple-board .mt-direct-editor{padding-top:7px;padding-bottom:7px;min-height:70px}.mt-simple-more{max-height:calc(100dvh - 155px)}}
@media(prefers-reduced-motion:reduce){.mt-simple-board *{scroll-behavior:auto!important;transition:none!important}}

.mt-simple-saved-button{display:none!important}
.mt-map-workspace[open]{display:flex;flex-direction:column;overflow:hidden}.mt-map-workspace>.mt-top,.mt-map-workspace>.mt-tabs{flex:none}.mt-map-workspace>.mt-shell{flex:1;min-height:0}.mt-map-workspace .mt-main,.mt-map-workspace [data-op-view]{height:100%}.mt-map-workspace .mt-simple-board{height:100%!important;min-height:0!important}.mt-simple-save-row .mt-direct-selection [data-op-selection]>p{white-space:normal}.mt-simple-board .mt-native-map-shell{min-height:100px}.mt-simple-more-button[aria-expanded=true],.mt-simple-person[aria-expanded=true]{border-color:var(--mt-accent)!important;background:var(--mt-tint)!important}
.mt-dialog.mt-map-workspace{inset:0;width:100%;max-width:100%;height:100%;max-height:100%;margin:0}
.mt-map-workspace .mt-main{padding:0!important;margin:0!important;min-height:0;box-sizing:border-box}
.mt-map-workspace .mt-brand h1{color:var(--mt-ink)}
/* List and map are two views of the same dated team plan. */
.mt-planning-views{display:inline-flex;flex:none;padding:3px;border:1px solid var(--mt-border);border-radius:9px;background:var(--mt-soft);gap:2px}.mt-planning-views button{min-height:38px!important;min-width:65px;padding:7px 12px!important;font-size:13px;border:0!important;background:transparent!important;border-radius:6px!important}.mt-planning-views button[aria-pressed=true]{background:var(--mt-surface)!important;color:var(--mt-accent);box-shadow:0 1px 4px #142a4518;font-weight:650}.mt-simple-board .mt-planning-views{margin-right:3px}.mt-plan-list .mt-message:not(:empty){bottom:28px;z-index:35}.mt-plan-list-board{height:100%;display:flex;flex-direction:column;min-height:0;background:var(--mt-surface)}.mt-list-heading{display:flex;align-items:center;gap:16px;padding:18px 24px 14px;border-bottom:1px solid var(--mt-border);flex:none}.mt-list-heading>div:first-child{flex:1}.mt-list-heading h2{font-size:22px;margin:0 0 4px;line-height:1.35}.mt-list-heading p{font-size:13px!important;line-height:1.5!important;color:var(--mt-muted);margin:0!important}.mt-list-heading>button{font-size:13px;min-height:44px;padding:8px 12px}.mt-plan-list [data-list-scope]{flex:none;border-bottom:1px solid var(--mt-border);background:var(--mt-surface)}.mt-plan-list .mt-ops-filter-wrap{margin:0}.mt-plan-list .mt-ops-filter-wrap>summary{margin-left:24px;padding:10px 20px 10px 0;min-height:44px;font-size:13px}.mt-plan-list .mt-ops-filters{padding:0 24px 16px;grid-template-columns:1fr 1.2fr 1fr 1.5fr auto;gap:12px}.mt-plan-list .mt-ops-filters label{font-size:12px}.mt-plan-list .mt-ops-filters input,.mt-plan-list .mt-ops-filters select{font-size:13px;min-height:44px;padding:9px 10px}.mt-list-status-filters{display:flex;gap:8px;align-items:center;padding:12px 24px;flex:none;overflow:auto;border-bottom:1px solid var(--mt-border)}.mt-list-status-filters button{min-height:40px;font-size:13px;white-space:nowrap;padding:7px 12px;background:transparent}.mt-list-status-filters button b{font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;min-width:21px;padding:2px 5px;border-radius:5px;background:var(--mt-soft);margin-left:2px}.mt-list-status-filters button[aria-pressed=true]{background:var(--mt-tint);border-color:var(--mt-accent);color:var(--mt-accent)}.mt-plan-table-wrap{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.mt-plan-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px}.mt-plan-table thead{position:sticky;top:0;z-index:1;background:var(--mt-soft)}.mt-plan-table thead th{text-align:left;padding:12px 24px;font-size:11px;font-weight:650;color:var(--mt-muted);border-bottom:1px solid var(--mt-border)}.mt-plan-table thead th:first-child{width:27%}.mt-plan-table thead th:nth-child(2){width:34%}.mt-plan-table thead th:nth-child(3){width:20%}.mt-plan-table thead th:last-child{width:19%}.mt-plan-table tbody>tr>th,.mt-plan-table tbody>tr>td{vertical-align:top;text-align:left;padding:20px 24px;border-bottom:1px solid var(--mt-border);background:var(--mt-surface);font-weight:400}.mt-plan-table tbody>tr.is-selected>th,.mt-plan-table tbody>tr.is-selected>td{background:color-mix(in srgb,var(--mt-tint) 45%,var(--mt-surface))}.mt-plan-table tbody>tr:hover>th,.mt-plan-table tbody>tr:hover>td{background:var(--mt-soft)}.mt-list-person{display:flex;gap:12px;align-items:flex-start}.mt-list-person .mt-avatar{width:44px;height:44px;font-size:15px;flex:none}.mt-list-person>div{min-width:0;display:flex;flex-direction:column;gap:6px}.mt-list-person strong{font-size:15px;line-height:1.45;font-weight:650;overflow-wrap:anywhere}.mt-list-person small{font-size:12px;line-height:1.55;color:var(--mt-muted)}.mt-list-person small:last-child{font-size:11px;max-width:260px}.mt-list-plan-status{display:inline-flex;padding:4px 8px;border-radius:5px;font-size:11px;font-weight:600;background:var(--mt-soft);color:var(--mt-muted);margin:1px 0 9px}.mt-list-plan-status.has-plan{background:#e7f4ee;color:#176a50}.mt-list-coverage p{margin:0 0 10px!important;font-size:14px!important;line-height:1.5!important;overflow-wrap:anywhere}.mt-list-coverage strong{font-weight:600;display:block;margin-bottom:4px}.mt-list-coverage small{display:block;font-size:12px;line-height:1.55;color:var(--mt-muted);overflow-wrap:anywhere}.mt-list-unplanned{margin:0!important;font-size:12px!important;line-height:1.6!important;color:var(--mt-muted)}.mt-list-activity{display:flex;flex-direction:column;gap:9px;align-items:flex-start}.mt-list-activity>strong{font-size:20px;line-height:1.4}.mt-list-activity strong small{display:block;font-size:11px;font-weight:400;color:var(--mt-muted)}.mt-list-activity>span,.mt-list-activity>small{font-size:11px;line-height:1.55;color:var(--mt-muted)}.mt-list-activity>button{font-size:12px;padding:6px 9px!important;min-height:38px!important;background:#fff5df!important;color:#875900!important;border-color:#e8d9ad!important}.mt-list-row-actions{display:flex;gap:7px;flex-wrap:wrap}.mt-list-row-actions button{font-size:12px;min-height:40px;min-width:70px;padding:8px 10px}.mt-list-row-actions button:first-child{min-width:100px}.mt-list-row-plans{margin:9px 0 0;border-top:1px solid var(--mt-border)}.mt-list-row-plans summary{font-size:12px;padding:9px 0}.mt-list-row-plans article{padding:14px 0;border-top:1px solid var(--mt-border);font-size:13px}.mt-list-row-plans article>strong{font-size:13px;line-height:1.5}.mt-list-row-plans article>small{display:block;font-size:11px;margin:7px 0;color:var(--mt-muted);line-height:1.55}.mt-list-row-plans article p{font-size:13px!important;margin:7px 0!important;line-height:1.6!important}.mt-list-row-plans article>div{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.mt-list-row-plans button{font-size:12px;min-height:38px;padding:7px 10px}.mt-list-foot{font-size:12px;line-height:1.5;color:var(--mt-muted);padding:10px 24px;border-top:1px solid var(--mt-border);background:var(--mt-surface);flex:none}
.mt-list-editor-scrim{position:absolute;inset:0;background:#12233340;z-index:20;display:flex;justify-content:flex-end}.mt-list-editor-sheet{height:100%;width:min(440px,100%);background:var(--mt-surface);border-left:1px solid var(--mt-border);box-shadow:-5px 0 30px #132d4525;display:flex;flex-direction:column;color:var(--mt-ink);min-height:0}.mt-list-editor-sheet>header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--mt-border);flex:none}.mt-list-editor-sheet>header>strong{font-size:17px}.mt-list-editor-sheet>header>button{width:44px;min-height:44px;padding:10px}.mt-list-editor-sheet>header svg{width:20px;height:20px}.mt-list-editor-sheet [data-op-editor]{flex:1;min-height:0;overflow:auto!important;padding:18px 20px;border:0;border-radius:0;display:block;position:relative}.mt-list-editor-sheet .mt-assignment-person{padding-bottom:14px;margin-bottom:14px}.mt-list-editor-sheet .mt-assignment-person h2{font-size:19px}.mt-list-editor-sheet .mt-direct-selection [data-op-selection]{min-height:0;max-height:80px;overflow:auto;margin:9px 0 14px;display:flex;gap:6px;flex-wrap:wrap}.mt-list-editor-sheet .mt-direct-selection [data-op-selection]>p{background:transparent;padding:0;font-size:12px!important}.mt-list-editor-sheet .mt-direct-selection [data-op-selection]>button{width:auto;margin:0;min-height:34px;font-size:12px;max-width:100%}.mt-list-editor-sheet .mt-direct-selection [data-op-selection]>button svg{width:14px;height:14px}.mt-list-area-chooser{border:1px solid var(--mt-border);border-radius:10px;margin:12px 0 18px;overflow:hidden}.mt-list-area-chooser>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid var(--mt-border);background:var(--mt-soft)}.mt-list-area-chooser>header>strong{font-size:13px}.mt-list-area-chooser>header button{font-size:12px;padding:6px 9px;min-height:38px}.mt-list-area-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px}.mt-list-area-tools label{font-size:11px}.mt-list-area-tools input,.mt-list-area-tools select{font-size:12px!important;min-height:42px!important;padding:8px!important}.mt-list-area-chooser [data-list-area-options]{height:210px;max-height:32vh;overflow:auto;border-top:1px solid var(--mt-border);border-bottom:1px solid var(--mt-border)}.mt-list-area-chooser [data-list-area-options]>label{display:flex;gap:11px;align-items:center;padding:9px 12px;min-height:48px;border-bottom:1px solid var(--mt-border);cursor:pointer;font-weight:400}.mt-list-area-chooser [data-list-area-options]>label:has(input:checked){background:var(--mt-tint)}.mt-list-area-chooser [data-list-area-options] input{width:17px;height:17px;min-height:0!important;accent-color:var(--mt-accent);flex:none;margin:0!important}.mt-list-area-chooser [data-list-area-options] span{display:flex;flex-direction:column;gap:3px}.mt-list-area-chooser [data-list-area-options] strong{font-size:13px;font-weight:600;line-height:1.4}.mt-list-area-chooser [data-list-area-options] small{font-size:11px;color:var(--mt-muted)}.mt-list-area-chooser [data-list-area-options]>p{padding:12px;font-size:13px!important}.mt-list-area-chooser>[data-list-area-total]{display:block;font-size:10px;line-height:1.5;color:var(--mt-muted);padding:8px 12px}.mt-list-editor-extra{border-top:1px solid var(--mt-border);border-bottom:1px solid var(--mt-border);margin:15px 0}.mt-list-editor-extra>summary{font-size:12px;min-height:44px;padding:12px 0}.mt-list-editor-extra>label{display:block;font-size:12px;margin:12px 0}.mt-list-editor-extra>label>small{font-size:11px;float:right;color:var(--mt-muted)}.mt-list-editor-extra textarea{font-size:14px!important}.mt-list-editor-sheet .mt-direct-save{position:sticky!important;bottom:0;width:100%;min-height:48px;z-index:1;box-shadow:0 -8px 12px var(--mt-surface)}.mt-list-editor-sheet [data-list-form-error]{font-size:13px;line-height:1.6;color:var(--mt-accent);margin:10px 0;padding:0}.mt-list-editor-sheet [data-list-form-error]:not(:empty){padding:10px;border:1px solid var(--mt-accent);border-radius:7px;background:var(--mt-tint)}.mt-list-editor-sheet .mt-direct-save-note{font-size:11px}.mt-list-editor-sheet .mt-direct-save~[data-op-new-plan]{width:100%;margin-top:12px}
html[data-theme=dark] .mt-list-plan-status.has-plan{background:#204c3d;color:#bcead6}html[data-theme=dark] .mt-list-activity>button{background:#493b22!important;color:#f5ddb1!important;border-color:#8e794d!important}
@media(max-width:1000px){.mt-plan-table tbody>tr>th,.mt-plan-table tbody>tr>td{padding:17px 16px}.mt-plan-table thead th{padding:11px 16px}.mt-list-person{gap:9px}.mt-list-person .mt-avatar{width:38px;height:38px;font-size:13px}.mt-list-person strong{font-size:14px}.mt-list-row-actions{gap:6px}.mt-list-row-actions button{width:100%;min-height:38px;font-size:11px}.mt-plan-list .mt-ops-filters{grid-template-columns:1fr 1fr 1fr}.mt-plan-list .mt-ops-search{grid-column:1/3}.mt-plan-list .mt-ops-filters>button{grid-column:3}.mt-simple-board .mt-planning-views button{min-width:52px;padding:7px 9px!important}.mt-simple-board .mt-simple-person{max-width:340px}}
@media(max-width:760px){.mt-list-heading{padding:14px 12px;gap:9px;flex-wrap:wrap}.mt-list-heading>div:first-child{flex:1;min-width:150px}.mt-list-heading h2{font-size:19px}.mt-list-heading p{font-size:11px!important}.mt-list-heading>button{display:none}.mt-planning-views button{min-width:52px!important;min-height:40px!important;font-size:12px;padding:7px 10px!important}.mt-list-status-filters{padding:10px 12px;gap:6px}.mt-list-status-filters button{font-size:12px;min-height:40px;padding:7px 10px}.mt-list-status-filters button b{font-size:11px;min-width:18px}.mt-plan-list .mt-ops-filter-wrap>summary{margin-left:12px;font-size:12px;min-height:42px}.mt-plan-list .mt-ops-filters{padding:0 12px 12px;grid-template-columns:1fr 1fr;gap:10px}.mt-plan-list .mt-ops-search{grid-column:1/-1}.mt-plan-list .mt-ops-filters>button{grid-column:1/-1}.mt-plan-table,.mt-plan-table tbody,.mt-plan-table tr,.mt-plan-table tbody>tr>th,.mt-plan-table tbody>tr>td{display:block;width:100%}.mt-plan-table thead{display:none}.mt-plan-table tbody>tr{padding:15px 12px;border-bottom:1px solid var(--mt-border);background:var(--mt-surface)}.mt-plan-table tbody>tr>th,.mt-plan-table tbody>tr>td{padding:0!important;border:0;background:transparent!important}.mt-plan-table tbody>tr.is-selected{background:var(--mt-tint)}.mt-plan-table tbody>tr>td{margin-top:14px}.mt-list-person strong{font-size:15px}.mt-list-person .mt-avatar{width:42px;height:42px;font-size:14px}.mt-list-person small:last-child{font-size:11px;max-width:none}.mt-list-activity{flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap}.mt-list-activity>strong{font-size:18px;display:flex;align-items:center;gap:7px}.mt-list-activity strong small{font-size:11px}.mt-list-activity>span{font-size:11px}.mt-list-row-actions{display:flex;gap:7px;flex-wrap:wrap}.mt-list-row-actions button{width:auto;min-width:75px;min-height:44px;font-size:12px;flex:1}.mt-list-foot{font-size:11px;padding:9px 12px}.mt-list-coverage p{font-size:13px!important}.mt-list-coverage small{font-size:12px}.mt-list-row-plans{margin-top:7px}.mt-list-row-plans summary{min-height:40px}.mt-list-editor-sheet{width:100%;border:0}.mt-list-editor-sheet>header{padding:10px 14px}.mt-list-editor-sheet [data-op-editor]{padding:14px}.mt-list-editor-sheet .mt-assignment-person h2{font-size:18px}.mt-list-area-chooser [data-list-area-options]{height:200px;max-height:28vh}.mt-list-area-tools{padding:10px;gap:8px}.mt-list-area-chooser>header{padding:9px 10px}.mt-list-editor-sheet .mt-direct-save{bottom:0}.mt-simple-board .mt-direct-map-toolbar{flex-wrap:nowrap;gap:6px;padding:6px 10px}.mt-simple-board .mt-planning-views{margin-right:2px}.mt-simple-board .mt-planning-views button{min-width:45px!important;font-size:11px;padding:7px 8px!important}.mt-simple-board .mt-simple-person{max-width:none;min-width:0;flex:1;padding:6px 8px!important;gap:6px}.mt-simple-board .mt-simple-person strong{font-size:12px;max-width:120px}.mt-simple-board .mt-simple-person .mt-avatar{display:none}.mt-simple-board .mt-direct-map-toolbar>[data-op-fit-board]{min-width:44px;font-size:10px;padding:7px!important}}
.mt-plan-table tbody>tr>th,.mt-plan-table tbody>tr>td{padding:14px 20px}.mt-list-person small:last-child{font-size:11px}.mt-list-coverage p{margin-bottom:7px!important}.mt-list-coverage p>strong,.mt-list-coverage p>small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.mt-list-row-plans summary{padding:6px 0;min-height:30px;font-size:11px}.mt-list-row-plans{margin-top:4px}.mt-list-activity-open{display:flex!important;flex-direction:column;align-items:flex-start!important;text-align:left;border:0!important;background:transparent!important;padding:0!important;gap:7px!important;min-height:60px;box-shadow:none!important;color:var(--mt-ink)}.mt-list-activity-open>strong{font-size:20px;line-height:1.3}.mt-list-activity-open strong small{display:block;font-size:11px;font-weight:400;color:var(--mt-muted)}.mt-list-activity-open>span{font-size:11px;line-height:1.4;color:var(--mt-muted)}.mt-list-activity-open>span.has-pending{background:#fff5df;color:#875900;padding:4px 7px;border-radius:4px}.mt-list-activity-open>small{font-size:11px;color:var(--mt-muted)}.mt-list-row-actions button{min-height:42px}.mt-list-editor-sheet .mt-assignment-person{padding-bottom:11px;margin-bottom:12px}.mt-list-editor-sheet [data-op-editor] form>label{margin:10px 0 14px!important;font-size:12px}.mt-list-editor-sheet .mt-direct-selection [data-op-selection]{min-height:0;max-height:70px;margin:7px 0 10px}.mt-list-editor-sheet .mt-direct-selection h3{font-size:12px}.mt-list-area-chooser{margin:9px 0 12px}.mt-list-area-chooser [data-list-area-options]{height:auto;min-height:48px;max-height:170px}.mt-list-editor-savebar{flex:none;padding:12px 20px;border-top:1px solid var(--mt-border);background:var(--mt-surface)}.mt-list-editor-savebar .mt-direct-save{position:static!important;margin:0;width:100%;box-shadow:none!important}.mt-list-editor-sheet .mt-direct-save-note{display:none}.mt-list-editor-sheet [data-op-date-preview]{font-size:12px;margin:8px 0!important}.mt-list-editor-extra{margin:12px 0}.mt-list-editor-extra summary{min-height:42px}.mt-list-row-actions button:first-child{min-width:95px}.mt-list-row-actions button{padding:8px 10px}html[data-theme=dark] .mt-list-activity-open>span.has-pending{background:#493b22;color:#f5ddb1}
@media(max-width:760px){.mt-plan-table tbody>tr>th,.mt-plan-table tbody>tr>td{padding:0}.mt-list-activity-open{min-height:44px;flex-direction:row;align-items:center!important;flex-wrap:wrap}.mt-list-activity-open>strong{display:flex;align-items:center;gap:7px;font-size:18px}.mt-list-row-actions button{min-height:44px}.mt-list-editor-savebar{padding:10px 14px}.mt-list-area-chooser [data-list-area-options]{max-height:155px}.mt-list-editor-sheet .mt-assignment-person .mt-avatar{width:40px;height:40px}.mt-list-editor-sheet .mt-assignment-person h2{font-size:17px}}

@media(max-width:760px){.mt-list-row-plans summary{min-height:44px}.mt-list-status-filters button,.mt-planning-views button{min-height:44px!important}}
.mt-list-status-filters button{flex:0 0 auto}
@media(max-width:760px){.mt-plan-table tbody>tr{padding:13px 12px}.mt-list-person small:last-child{display:none}.mt-plan-table tbody>tr>td{margin-top:10px}.mt-plan-table tbody>tr>td:nth-child(2){position:relative;min-height:44px;padding-right:68px!important}.mt-plan-table tbody>tr>td:nth-child(2):has(.mt-list-row-plans[open]){padding-right:0!important}.mt-list-row-plans:not([open]){position:absolute;right:0;top:0;border:0;margin:0}.mt-list-row-plans:not([open]) summary{min-height:44px;padding:10px 0;font-size:11px}.mt-list-row-plans[open]{position:relative;margin:8px 0}.mt-list-plan-status{margin:0 6px 5px 0;padding:3px 6px;float:left}.mt-list-coverage{display:block}.mt-list-coverage p{margin:0 0 5px!important}.mt-list-coverage strong{font-size:13px;line-height:1.45;margin-bottom:3px}.mt-list-coverage small{font-size:11px;-webkit-line-clamp:1!important}.mt-list-coverage p:nth-child(n+2){display:none}.mt-list-activity-open{gap:8px!important;min-height:44px!important}.mt-list-row-actions{gap:8px}.mt-list-row-actions button{min-height:44px}.mt-list-unplanned{font-size:11px!important;padding-top:3px}.mt-list-row-plans[open] article{padding:10px 0}.mt-list-row-plans[open] article small{font-size:11px}}

@media(max-height:500px) and (min-width:650px){.mt-list-heading{padding:6px 14px;gap:10px}.mt-list-heading h2{font-size:17px;margin:0}.mt-list-heading p{display:none}.mt-plan-list .mt-ops-filter-wrap>summary{min-height:32px;padding-top:5px;padding-bottom:5px;font-size:12px}.mt-list-status-filters{padding:6px 14px}.mt-list-status-filters button{min-height:34px;font-size:12px}.mt-plan-table thead th{padding:8px 14px}.mt-list-foot{padding:6px 14px}}
.mt-list-heading h2,.mt-list-editor-sheet h2{color:var(--mt-ink)}html[data-theme=dark] .mt-map-workspace{--mt-accent:#f17d97}