/* Shared tokens are copied unchanged by scripts/sync-ui.mjs for vanilla delivery. */
@import './kong-ui/styles.css';
:root {
  --radius-sm: 12px; --radius-md: 12px; --radius-lg: 20px;
}
body { font-family: var(--k-font); font-size: 15px; }
.global-nav { height: 64px; backdrop-filter: none; }
:is(.auth-hero,.feed-hero,.admin-hero,.dashboard-hero) { padding: 24px 20px; min-height: auto; }
:is(.auth-hero,.feed-hero,.admin-hero,.dashboard-hero) h1 { font-size: clamp(24px,3vw,30px); line-height: 1.4; }
:is(.auth-hero,.feed-hero,.admin-hero,.dashboard-hero) p { font-size: 15px; }
:is(.issue-card,.analytics-panel,.pending-panel,.modal-panel,.form-card) { border-radius: 20px; box-shadow: var(--k-shadow-card); }
:is(.btn,.icon-button,input,select) { min-height: 44px; border-radius: 12px; }
.btn.primary { border-bottom-width: 2px; box-shadow: 0 2px 3px rgb(35 38 55 / 5%); }
.metric-tile {border-radius:18px;box-shadow:var(--k-shadow-card); }
:is(.os-return-link,.module-breadcrumb) { min-height: 44px; font-size: 13px; }
:is(button,a,input,select,textarea,[tabindex]):focus-visible { outline: 3px solid var(--k-focus); outline-offset: 3px; }
@media (max-width:600px) { .modal-panel { width:100%; max-height:100dvh; min-height:100dvh; border-radius:0; } :is(.feed-hero,.admin-hero,.dashboard-hero) { padding:20px 16px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms !important; transition-duration:.01ms !important; scroll-behavior:auto !important; } }

/* Convex edge; original solid colour remains on the face. */
.btn.primary { box-shadow:var(--k-shadow-lens); }

.metric-tile.k-work-card { background:var(--k-work-fill);color:var(--k-work-ink);border-color:rgb(255 255 255 / 28%);box-shadow:var(--k-shadow-raised); }
.metric-tile.k-work-card :is(span,strong,small) { color:inherit; }
:is(.btn,.icon-button,.tab.active) { box-shadow:var(--k-shadow-lens); }
.btn.primary { box-shadow:var(--k-shadow-raised); }
:is(.admin-panel,.form-card,.analytics-panel) { border-radius:20px;box-shadow:var(--k-shadow-card); }
.product-tile.feed-hero { display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:20px;min-height:0;padding:22px 24px;background:var(--k-action);color:#fff;border-radius:20px;box-shadow:var(--k-shadow-raised); }
.product-tile.feed-hero h1 { font-size:28px;color:inherit;margin:6px 0; }
.product-tile.feed-hero .eyebrow { color:inherit;font-size:13px; }
.product-tile.feed-hero .lead-copy { color:inherit;font-size:15px;line-height:1.6;margin:6px 0;max-width:760px; }
.product-tile.feed-hero .hero-actions { margin-top:12px; }
.product-tile.feed-hero .mascot-graphic { width:130px;max-height:160px; }
.product-tile.feed-hero .secondary-on-dark { background:#fff;color:var(--k-action);border-color:var(--k-border); }
.hub-context-panel :is(.hub-profile-card,.hub-context-card) { box-shadow:var(--k-shadow-card);border-radius:18px; }
@media(max-width:600px) {
 .product-tile.feed-hero { grid-template-columns:1fr;padding:18px; }
 .product-tile.feed-hero h1 { font-size:24px; }
 .product-tile.feed-hero .mascot-wrapper { display:none; }
}

.product-tile.dashboard-hero { grid-template-columns:minmax(0,1fr);gap:16px;padding:20px 24px; }
.dashboard-hero .dashboard-filters { display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px; }
.dashboard-hero .date-range-card { padding:10px 14px;min-width:260px; }
.dashboard-hero .date-range-card strong { font-size:18px; }
.dashboard-hero .filter-field { min-width:180px; }
.product-tile.analytics-band { padding:16px 24px 24px;gap:14px; }
.dashboard-highlight-grid,.analytics-grid,.report-table { padding:20px 24px; }
.analytics-panel .section-heading h2 { font-size:24px; }
@media(max-width:600px) {
 .product-tile.dashboard-hero { padding:16px; }
 .dashboard-hero .dashboard-filters > * { min-width:0;flex:1 1 150px; }
 .product-tile.analytics-band { padding:12px 16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
 .analytics-band .metric-tile { padding:14px; }
 .analytics-band .metric-tile:last-child:nth-child(odd) { grid-column:1/-1; }
 .dashboard-highlight-grid,.analytics-grid,.report-table { padding:16px; }
}
.dashboard-hero .dashboard-filters > .btn { width:auto;margin-left:auto;min-width:140px; }