/* ==========================================================================
   Literature Library — front-end styles
   Everything below is driven by CSS custom properties on .ccll-root so the
   Elementor widget's Style tab (see includes/class-elementor-widget.php) can
   re-theme every part of this component per-instance without touching this
   file. Defaults here are just a starting point, not a fixed brand.

   THEME DEFENSE: most of the declarations below carry !important. WordPress
   themes routinely set their own font-family / padding / border / color on
   generic elements (a, button, input, select, table, summary...) and those
   rules can leak into this component through plain inheritance or low-but-
   present specificity, which is what caused mismatched fonts/spacing when
   this was installed on a live site. Everything here is scoped under
   .ccll-root and reads its values from the CSS custom properties above, so
   Elementor's Style tab controls (which write to those same custom
   properties, or — for a few direct-property controls — target selectors
   specific enough to still win) keep working normally; only the *theme's*
   competing rules lose.
   ========================================================================== */

.ccll-root{
	/* ---- palette ---- */
	--ccll-bg:#ffffff;
	--ccll-panel:#f4f5f7;
	--ccll-ink:#191b1f;
	--ccll-ink-soft:#6b6f76;
	--ccll-ink-faint:#9a9ea5;
	--ccll-line:#e3e5e9;

	--ccll-accent:#FF2927;
	--ccll-accent-soft:#ffeceb;
	--ccll-accent-ink:#ffffff;

	--ccll-tag-a-ink:#a4590a;   /* e.g. SDS / safety-type documents   */
	--ccll-tag-a-bg:#fdf2e3;
	--ccll-tag-a-line:#f2ddb8;

	--ccll-tag-b-ink:#0d7d6f;   /* e.g. Technical Data Sheets          */
	--ccll-tag-b-bg:#e7f7f4;
	--ccll-tag-b-line:#bfe8e1;

	--ccll-tag-c-ink:#5b5fc7;   /* generic / everything-else doc types */
	--ccll-tag-c-bg:#eef0fd;
	--ccll-tag-c-line:#d6d9f7;

	--ccll-tag-off-ink:#71757c;
	--ccll-tag-off-bg:#f0f1f3;
	--ccll-tag-off-line:#e3e5e9;

	/* ---- shape / spacing (unchanged from the approved design) ---- */
	--ccll-radius:8px;
	--ccll-radius-lg:16px;
	--ccll-chip-radius:999px;
	--ccll-gap:8px;
	--ccll-sidebar-width:252px;
	--ccll-pad-toolbar:16px 20px;
	--ccll-pad-main:24px 26px 44px;
	--ccll-pad-sidebar:20px 18px 28px;
	--ccll-border-width:1px;

	/* ---- motion ---- */
	--ccll-transition:.16s ease;

	/* ---- type ---- */
	--ccll-font:'Roboto Condensed', -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;

	font-family:var(--ccll-font) !important;
	color:var(--ccll-ink) !important;
	background:var(--ccll-bg) !important;
	border:var(--ccll-border-width) solid var(--ccll-line) !important;
	border-radius:var(--ccll-radius-lg) !important;
	overflow:hidden;
	box-shadow:0 1px 2px rgba(20,20,30,.04), 0 16px 40px -26px rgba(20,20,30,.22);
	width:100%;
	position:relative;
	line-height:1.4;
}
.ccll-root::before{
	/* brand strip — the one deliberately "loud" touch; everything else stays quiet */
	content:"";display:block;height:4px;width:100%;background:var(--ccll-accent) !important;
}

/* Every element inside the widget inherits the plugin's own font and box
   model no matter what the theme declares globally on that tag name. This
   is the fix for "fonts don't match" — table cells, links, and <summary>
   labels have no font-family of their own otherwise, so a theme's generic
   `a`, `table`, or `summary` rule would otherwise win over inheritance. */
.ccll-root,
.ccll-root *{
	font-family:var(--ccll-font) !important;
	box-sizing:border-box !important;
}
.ccll-root a{color:var(--ccll-accent) !important;}
.ccll-root button,.ccll-root input,.ccll-root select{font-family:var(--ccll-font) !important;}

.ccll-heading{
	font-size:23px;font-weight:700;letter-spacing:.01em;text-transform:uppercase;
	padding:20px 24px 0 !important;color:var(--ccll-ink) !important;margin:0;
}

/* ---------- Toolbar ---------- */
.ccll-toolbar{
	display:flex;gap:var(--ccll-gap);align-items:center;flex-wrap:wrap;
	padding:var(--ccll-pad-toolbar) !important;border-bottom:var(--ccll-border-width) solid var(--ccll-line) !important;background:var(--ccll-bg) !important;
	position:sticky;top:0;z-index:3;
}
.ccll-filtertoggle{
	display:none;align-items:center;gap:7px;border:var(--ccll-border-width) solid var(--ccll-line) !important;background:var(--ccll-bg) !important;color:var(--ccll-ink) !important;
	border-radius:var(--ccll-radius) !important;padding:9px 15px !important;margin:0 !important;font-size:13.5px;font-weight:600;cursor:pointer;
	transition:border-color var(--ccll-transition),background var(--ccll-transition);
}
.ccll-filtertoggle:hover{border-color:var(--ccll-accent) !important;color:var(--ccll-accent) !important;}
.ccll-filtertoggle .ccll-fbadge{
	display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px !important;
	border-radius:999px !important;background:var(--ccll-accent) !important;color:var(--ccll-accent-ink) !important;font-size:11px;font-weight:700;margin:0;
}
.ccll-filtertoggle .ccll-fbadge:empty{display:none;}

.ccll-searchbox{
	flex:1;min-width:220px;display:flex;align-items:center;gap:9px;
	border:var(--ccll-border-width) solid var(--ccll-line) !important;background:var(--ccll-panel) !important;border-radius:var(--ccll-radius) !important;
	padding:10px 14px !important;margin:0 !important;transition:border-color var(--ccll-transition),background var(--ccll-transition),box-shadow var(--ccll-transition);
}
.ccll-searchbox:focus-within{border-color:var(--ccll-accent) !important;background:var(--ccll-bg) !important;box-shadow:0 0 0 3px var(--ccll-accent-soft);}
.ccll-searchbox svg{flex-shrink:0;opacity:.55;color:var(--ccll-ink-soft) !important;}
.ccll-searchbox:focus-within svg{opacity:1;color:var(--ccll-accent) !important;}
.ccll-search-input{
	border:none !important;background:transparent !important;outline:none;font-size:14.5px;color:var(--ccll-ink) !important;
	width:100%;padding:0 !important;margin:0 !important;box-shadow:none !important;height:auto !important;
}
.ccll-search-input::placeholder{color:var(--ccll-ink-faint) !important;opacity:1;}

.ccll-sort-select{
	border:var(--ccll-border-width) solid var(--ccll-line) !important;background:var(--ccll-bg) !important;color:var(--ccll-ink) !important;border-radius:var(--ccll-radius) !important;
	font-size:13.5px;font-weight:600;padding:9px 15px !important;margin:0 !important;cursor:pointer;
	appearance:none;-webkit-appearance:none;
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' fill='none' stroke='%236b6f76' stroke-width='1.6'/></svg>");
	background-repeat:no-repeat;background-position:right 14px center;padding-right:32px !important;
	transition:border-color var(--ccll-transition);box-shadow:none !important;
}
.ccll-sort-select:focus{outline:none;border-color:var(--ccll-accent) !important;}

/* ---------- Layout ---------- */
.ccll-layout{display:flex;align-items:flex-start;}

.ccll-filters{
	width:var(--ccll-sidebar-width);flex-shrink:0;
	margin:16px 0 16px 16px !important;padding:var(--ccll-pad-sidebar) !important;
	border:var(--ccll-border-width) solid var(--ccll-line) !important;border-radius:var(--ccll-radius-lg) !important;
	position:sticky;top:73px;align-self:flex-start;max-height:calc(100vh - 90px);overflow-y:auto;
	background:var(--ccll-panel) !important;
}
.ccll-filters-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 6px !important;padding:0 0 12px !important;border-bottom:var(--ccll-border-width) solid var(--ccll-line) !important;}
.ccll-filters-title{
	font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--ccll-ink) !important;
}
.ccll-clearbtn{
	font-size:12px;color:var(--ccll-accent) !important;background:none !important;border:none !important;padding:0 !important;margin:0 !important;cursor:pointer;font-weight:700;
}
.ccll-clearbtn:hover{text-decoration:underline;}
.ccll-closefilters{display:none;}

/* Filter sections — a native <details> accordion, one per facet, each
   toggling independently so several can be open at once on any screen size. */
.ccll-facet{border-bottom:var(--ccll-border-width) solid var(--ccll-line) !important;margin:0 !important;}
.ccll-facet:last-of-type{border-bottom:none !important;}

.ccll-facet-label{
	display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;
	padding:13px 2px !important;margin:0 !important;font-size:13.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ccll-ink) !important;
	font-weight:700;-webkit-tap-highlight-color:transparent;user-select:none;
	border:none !important;border-radius:6px;background:transparent !important;transition:color var(--ccll-transition);
}
.ccll-facet-label::-webkit-details-marker{display:none;}
.ccll-facet-label::marker{content:"";}
.ccll-facet-label:hover{color:var(--ccll-accent) !important;}
.ccll-facet-label:focus-visible{outline:2px solid var(--ccll-accent);outline-offset:2px;}
.ccll-facet-label::before{
	content:"";width:6px;height:6px;border-radius:2px !important;background:var(--ccll-accent) !important;flex-shrink:0;
}
.ccll-facet-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ccll-facet-badge{
	display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px !important;margin:0 !important;
	border-radius:999px !important;background:var(--ccll-accent) !important;color:var(--ccll-accent-ink) !important;font-size:10.5px;font-weight:700;
	flex-shrink:0;
}
.ccll-facet-badge:empty{display:none;}
.ccll-facet-chevron{color:var(--ccll-ink-faint) !important;flex-shrink:0;transition:transform var(--ccll-transition);}
.ccll-facet[open] > .ccll-facet-label .ccll-facet-chevron{transform:rotate(180deg);}
.ccll-facet[open] > .ccll-facet-label{color:var(--ccll-ink) !important;}

.ccll-facet .ccll-chipfield{padding:2px 0 14px !important;margin:0 !important;animation:ccll-facet-in .15s ease;}
@keyframes ccll-facet-in{
	from{opacity:0;transform:translateY(-3px);}
	to{opacity:1;transform:translateY(0);}
}

.ccll-chipfield{display:flex;flex-wrap:wrap;gap:var(--ccll-gap);}
.ccll-chip-toggle{
	position:relative;display:inline-flex;align-items:center;gap:6px;max-width:100%;
	padding:6px 11px !important;margin:0 !important;border:var(--ccll-border-width) solid var(--ccll-line) !important;border-radius:var(--ccll-chip-radius) !important;
	font-size:12.5px;font-weight:600;color:var(--ccll-ink) !important;cursor:pointer;background:var(--ccll-bg) !important;
	transition:background var(--ccll-transition),border-color var(--ccll-transition),color var(--ccll-transition);
}
.ccll-chip-toggle .ccll-chip-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ccll-chip-toggle input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;margin:0;padding:0;}
.ccll-chip-toggle:hover{border-color:var(--ccll-accent) !important;}
.ccll-chip-toggle:has(input:checked){background:var(--ccll-accent) !important;border-color:var(--ccll-accent) !important;color:var(--ccll-accent-ink) !important;}
.ccll-chip-toggle:has(input:checked) .ccll-fcount{color:var(--ccll-accent-ink) !important;opacity:.85;}
.ccll-chip-toggle:has(input:focus-visible){outline:2px solid var(--ccll-accent);outline-offset:2px;}
.ccll-chip-toggle.is-empty{opacity:.4;}
.ccll-fcount{color:var(--ccll-ink-faint) !important;font-size:11px;font-weight:600;}

/* ---------- Main / results ---------- */
.ccll-main{flex:1;min-width:0;padding:var(--ccll-pad-main) !important;}
.ccll-resultbar{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 12px !important;gap:10px;}
.ccll-count{font-size:13px;color:var(--ccll-ink-soft) !important;font-weight:500;}
.ccll-chips{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 16px !important;}
.ccll-chips:empty{display:none;margin:0 !important;}
.ccll-chip{
	display:inline-flex;align-items:center;gap:7px;font-size:12.5px;background:var(--ccll-accent-soft) !important;
	border:var(--ccll-border-width) solid transparent !important;border-radius:var(--ccll-chip-radius) !important;padding:5px 6px 5px 12px !important;margin:0 !important;color:var(--ccll-accent) !important;font-weight:600;
}
.ccll-chip button{
	display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50% !important;
	border:none !important;background:rgba(0,0,0,.08) !important;cursor:pointer;color:inherit;font-size:12px;line-height:1;padding:0 !important;margin:0 !important;
}
.ccll-chip button:hover{background:rgba(0,0,0,.16) !important;}

/* Grouped default view — a stack of separated cards rather than a flush list */
.ccll-catgroup{
	border:var(--ccll-border-width) solid var(--ccll-line) !important;border-radius:var(--ccll-radius) !important;margin:0 0 10px !important;overflow:hidden;background:var(--ccll-bg) !important;
}
.ccll-catgroup[open]{border-color:color-mix(in srgb, var(--ccll-accent) 35%, var(--ccll-line)) !important;}
.ccll-catgroup > summary{
	list-style:none;cursor:pointer;padding:14px 16px !important;margin:0 !important;display:flex;justify-content:space-between;align-items:center;
	font-size:16.5px;font-weight:700;text-transform:uppercase;letter-spacing:.01em;background:var(--ccll-panel) !important;border:none !important;
}
.ccll-catgroup > summary::-webkit-details-marker{display:none;}
.ccll-catgroup > summary > span:first-child{display:flex;align-items:center;}
.ccll-catgroup > summary .ccll-arrow{transition:transform var(--ccll-transition);color:var(--ccll-ink-soft) !important;font-size:11px;}
.ccll-catgroup[open] > summary .ccll-arrow{transform:rotate(90deg);color:var(--ccll-accent) !important;}
.ccll-n{font-size:12px;font-weight:400;text-transform:none;letter-spacing:0;color:var(--ccll-ink-soft) !important;margin-left:10px;}

.ccll-catbody{padding:6px 14px 10px !important;margin:0 !important;}
.ccll-prodgroup{border-top:var(--ccll-border-width) solid var(--ccll-line) !important;}
.ccll-prodgroup:first-child{border-top:none !important;}
.ccll-prodgroup > summary{
	list-style:none;cursor:pointer;padding:11px 4px !important;margin:0 !important;display:flex;justify-content:space-between;align-items:center;
	font-size:14.5px;font-weight:600;border:none !important;background:transparent !important;
}
.ccll-prodgroup > summary::-webkit-details-marker{display:none;}
.ccll-prodgroup > summary .ccll-arrow{transition:transform var(--ccll-transition);color:var(--ccll-ink-soft) !important;font-size:11px;}
.ccll-prodgroup[open] > summary .ccll-arrow{transform:rotate(90deg);color:var(--ccll-accent) !important;}

.ccll-doclist{padding:0 0 14px !important;margin:0 !important;}
.ccll-typeblock{margin:0 0 10px !important;}
.ccll-typeblock h4{
	font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ccll-accent) !important;margin:0 0 6px !important;font-weight:700;
}
.ccll-rowitem{
	display:flex;gap:11px;align-items:center;padding:8px 10px !important;font-size:13.5px;
	margin:0 0 2px !important;border-radius:var(--ccll-radius) !important;flex-wrap:wrap;
	transition:background var(--ccll-transition);
}
.ccll-rowitem:hover{background:var(--ccll-panel) !important;}
.ccll-rowitem a{font-weight:600;text-decoration:none;color:var(--ccll-ink) !important;}
.ccll-rowitem a:hover{color:var(--ccll-accent) !important;}
.ccll-rowitem .ccll-meta{color:var(--ccll-ink-soft) !important;font-size:12px;}

/* File-type marker used in both the grouped rows and the flat results list */
.ccll-filemark{
	flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;
	width:15px;height:15px;border-radius:4px !important;
}
.ccll-filemark svg{width:100%;height:100%;}

/* Type / status tags — a colored dot rather than an outlined pill */
.ccll-tag{
	display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:3px 9px 3px 7px !important;margin:0 !important;
	border-radius:var(--ccll-chip-radius) !important;border:var(--ccll-border-width) solid var(--ccll-tag-c-line) !important;
	color:var(--ccll-tag-c-ink) !important;white-space:nowrap;background:var(--ccll-tag-c-bg) !important;
}
.ccll-tag .ccll-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0;}
.ccll-tag.type-a{border-color:var(--ccll-tag-a-line) !important;color:var(--ccll-tag-a-ink) !important;background:var(--ccll-tag-a-bg) !important;}
.ccll-tag.type-b{border-color:var(--ccll-tag-b-line) !important;color:var(--ccll-tag-b-ink) !important;background:var(--ccll-tag-b-bg) !important;}
.ccll-tag.discontinued{border-color:var(--ccll-tag-off-line) !important;color:var(--ccll-tag-off-ink) !important;background:var(--ccll-tag-off-bg) !important;}

/* Flat filtered/results — clean zebra-striped table, no per-row boxes */
.ccll-table{width:100%;border-collapse:collapse;margin:0 !important;border:none !important;}
.ccll-table th{
	text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ccll-ink-soft) !important;
	padding:0 12px 10px !important;margin:0 !important;font-weight:700;background:transparent !important;border:none !important;
	border-bottom:var(--ccll-border-width) solid var(--ccll-line) !important;
}
.ccll-table td{padding:13px 12px !important;margin:0 !important;border:none !important;font-size:13.5px;vertical-align:middle;}
.ccll-table tbody tr:nth-child(odd) td{background:var(--ccll-bg) !important;}
.ccll-table tbody tr:nth-child(even) td{background:var(--ccll-panel) !important;}
.ccll-table tr:hover td{background:var(--ccll-accent-soft) !important;}
.ccll-doctitle{display:inline-flex;align-items:center;gap:8px;font-weight:700;text-decoration:underline !important;color:var(--ccll-accent) !important;}
.ccll-doctitle:hover{color:var(--ccll-accent) !important;opacity:.8;}
.ccll-prodcell{font-weight:700;}
.ccll-langregion{font-size:12.5px;color:var(--ccll-ink-soft) !important;}
.ccll-datecell{font-size:12.5px;color:var(--ccll-ink-soft) !important;white-space:nowrap;}
.ccll-actions > a{
	display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;text-decoration:none;
	border:1.5px solid var(--ccll-accent) !important;border-radius:var(--ccll-radius) !important;padding:6px 12px !important;margin:0 !important;color:var(--ccll-accent) !important;white-space:nowrap;
	transition:background var(--ccll-transition),color var(--ccll-transition);background:transparent !important;
}
.ccll-actions > a:hover{background:var(--ccll-accent) !important;color:var(--ccll-accent-ink) !important;}
.ccll-actions{display:flex;align-items:center;gap:7px;}
.ccll-copybtn{
	display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:31px;height:31px;
	border:1.5px solid var(--ccll-accent) !important;border-radius:var(--ccll-radius) !important;background:transparent !important;
	color:var(--ccll-accent) !important;cursor:pointer;padding:0 !important;margin:0 !important;
	transition:background var(--ccll-transition),color var(--ccll-transition),border-color var(--ccll-transition);
}
.ccll-copybtn:hover{background:var(--ccll-accent) !important;color:var(--ccll-accent-ink) !important;}
.ccll-copybtn .ccll-icon-check{display:none;}
.ccll-copybtn.is-copied{border-color:#16a34a !important;color:#16a34a !important;background:#f0fdf4 !important;}
.ccll-copybtn.is-copied:hover{background:#f0fdf4 !important;color:#16a34a !important;}
.ccll-copybtn.is-copied .ccll-icon-link{display:none;}
.ccll-copybtn.is-copied .ccll-icon-check{display:inline-flex;}

.ccll-empty{padding:64px 10px !important;text-align:center;color:var(--ccll-ink-soft) !important;}
.ccll-empty svg{opacity:.5;margin-bottom:10px;}
.ccll-empty strong{display:block;color:var(--ccll-ink) !important;font-size:15.5px;margin:0 0 5px !important;font-weight:700;}

.ccll-startprompt{padding:70px 20px !important;text-align:center;color:var(--ccll-ink-soft) !important;}
.ccll-startprompt svg{opacity:.4;margin-bottom:12px;}
.ccll-startprompt strong{display:block;color:var(--ccll-ink) !important;font-size:15.5px;margin:0 0 6px !important;font-weight:700;}
.ccll-startprompt p{margin:0 !important;font-size:13px;color:var(--ccll-ink-soft) !important;}

/* ---------- Responsive ---------- */
@media (max-width:960px){
	.ccll-filters{width:210px;}
}

body.ccll-scroll-lock{overflow:hidden !important;}

.ccll-filters-backdrop{display:none;}

@media (max-width:860px){
	.ccll-filtertoggle{display:inline-flex;}
	.ccll-filters-backdrop{
		display:block;position:fixed;inset:0;background:rgba(15,15,20,.5);opacity:0;pointer-events:none;
		transition:opacity var(--ccll-transition);z-index:2147483000;
	}
	.ccll-filters-backdrop.open{opacity:1;pointer-events:auto;}
	.ccll-filters{
		position:fixed;left:0;right:0;bottom:0;top:auto;margin:0 !important;max-height:85vh;
		border-radius:18px 18px 0 0 !important;border-bottom:none !important;
		box-shadow:0 -20px 50px -20px rgba(20,20,30,.35);
		z-index:2147483001;width:100%;padding:16px 20px calc(22px + env(safe-area-inset-bottom, 0px)) !important;
		display:none;
	}
	.ccll-filters.open{display:block;animation:ccll-sheet-in .18s ease;}
	.ccll-filters::before{
		content:"";display:block;width:36px;height:4px;border-radius:4px !important;background:var(--ccll-line) !important;margin:0 auto 14px !important;
	}
	.ccll-closefilters{
		display:flex;align-items:center;gap:6px;margin:0 0 14px auto !important;border:var(--ccll-border-width) solid var(--ccll-line) !important;background:var(--ccll-bg) !important;
		border-radius:var(--ccll-chip-radius) !important;padding:8px 15px !important;font-size:13px;font-weight:600;
	}
	.ccll-toolbar{flex-wrap:wrap;padding:13px 16px !important;}
	.ccll-searchbox{order:1;flex:0 0 100% !important;width:100%;}
	.ccll-filtertoggle{order:2;flex:0 0 100% !important;justify-content:center;padding:10px 12px !important;font-size:13px;}
	.ccll-main{padding:16px 16px 32px !important;}
	.ccll-heading{font-size:20px;padding:16px 16px 0 !important;}
}

@keyframes ccll-sheet-in{
	from{transform:translateY(16px);opacity:0;}
	to{transform:translateY(0);opacity:1;}
}

.ccll-mobilelist{display:none;}

@media (max-width:640px){
	.ccll-table-desktop{display:none !important;}
	.ccll-mobilelist{
		display:block;border:none !important;border-radius:0 !important;overflow:visible;
	}
	/* No bounding boxes or divider lines — a product's heading and every
	   document row under it share one flat background instead, so the
	   whole group reads as a single solid white or solid gray block. */
	.ccll-mrow-head{
		font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--ccll-ink) !important;background:var(--ccll-bg) !important;
		padding:14px 14px 2px !important;border:none !important;
	}
	.ccll-mrow-head.ccll-mrow-alt{background:var(--ccll-panel) !important;}
	.ccll-mobilelist > .ccll-mrow-head:first-child{padding-top:2px !important;}
	.ccll-mrow{
		display:flex;align-items:center;justify-content:space-between;gap:10px;
		padding:6px 14px !important;border:none !important;background:var(--ccll-bg) !important;
	}
	.ccll-mrow.ccll-mrow-alt{background:var(--ccll-panel) !important;}
	.ccll-mrow-main{min-width:0;flex:1;}
	.ccll-mrow-title{display:flex;align-items:center;gap:7px;font-size:13px;flex-wrap:wrap;}
	.ccll-mrow-title .ccll-doctitle{font-size:13px;}
	.ccll-mrow-meta{font-size:11.5px;color:var(--ccll-ink-soft) !important;margin-top:3px;}
	.ccll-mrow-actions{display:flex;align-items:center;gap:6px;flex-shrink:0;}
	.ccll-mrow-actions .ccll-actions{gap:6px;}
	.ccll-mrow-actions a{padding:5px 10px !important;font-size:11.5px;}
	.ccll-mrow-actions .ccll-copybtn{width:28px;height:28px;}
}