/* Honseng shared utility classes (.u-*).
   Extracted from front.css (canonical values) so admin.css and front.css
   no longer duplicate ~197 rules. Loaded by both layouts.
   border-radius utilities use the correct pixel values here. */

.u--webkit-box-orient-vertical { -webkit-box-orient:vertical; }

.u--webkit-line-clamp-3 { -webkit-line-clamp:3; }

.u-align-items-baseline { align-items:baseline; }

.u-align-items-center { align-items:center; }

.u-align-items-flex-end { align-items:flex-end; }

.u-align-self-center { align-self:center; }

.u-aspect-ratio-16-9 { aspect-ratio:16/9; }

.u-background-f8fafc { background:#f8fafc; }

.u-background-fff { background:#fff; }

.u-background-fff6e6 { background:#fff6e6; }

.u-background-none { background:none; }

.u-background-rgba-29-126-240-1 { background:rgba(29,126,240,.1); }

.u-background-rgba-47-109-240-06 { background:rgba(47,109,240,.06); }

.u-background-var-c-accent { background:var(--c-accent); }

.u-background-var-c-bg { background:var(--c-bg); }

.u-border-0 { border:0; }

.u-border-1px-solid-var-c-line { border:1px solid var(--c-line); }

.u-border-bottom-1px-solid-var-c-line { border-bottom:1px solid var(--c-line); }

.u-border-radius-10px { border-radius:10px; }

.u-border-radius-4px { border-radius:4px; }

.u-border-radius-6px { border-radius:6px; }

.u-border-radius-8px { border-radius:8px; }

.u-border-radius-var-radius { border-radius:var(--radius); }

.u-color-16a34a { color:#16a34a; }

.u-color-1d7ef0 { color:#1d7ef0; }

.u-color-b8c7d8 { color:#b8c7d8; }

.u-color-d97706 { color:#d97706; }

.u-color-d98a00 { color:#d98a00; }

.u-color-dc2626 { color:#dc2626; }

.u-color-fff { color:#fff; }

.u-color-var-c-accent { color:var(--c-accent); }

.u-color-var-c-danger { color:var(--c-danger); }

.u-color-var-c-ink { color:var(--c-ink); }

.u-color-var-c-muted { color:var(--c-muted); }

.u-cursor-pointer { cursor:pointer; }

.u-display-block { display:block; }

.u-display-flex { display:flex; }

.u-display-grid { display:grid; }

.u-display-inline { display:inline; }

.u-display-inline-flex { display:inline-flex; }

.u-display-none { display:none; }

.u-display-webkit-box { display:-webkit-box; }

.u-flex-1 { flex:1; }

.u-flex-wrap-wrap { flex-wrap:wrap; }

.u-font-family-monospace { font-family:monospace; }

.u-font-inherit { font:inherit; }

.u-font-size-1-05rem { font-size:1.05rem; }

.u-font-size-1-1rem { font-size:1.1rem; }

.u-font-size-1-4rem { font-size:1.4rem; }

.u-font-size-11px { font-size:11px; }

.u-font-size-12px { font-size:12px; }

.u-font-size-13-5px { font-size:13.5px; }

.u-font-size-13px { font-size:13px; }

.u-font-size-14px { font-size:14px; }

.u-font-size-15px { font-size:15px; }

.u-font-size-18px { font-size:18px; }

.u-font-size-1rem { font-size:1rem; }

.u-font-size-5rem { font-size:5rem; }

.u-font-weight-400 { font-weight:400; }

.u-font-weight-600 { font-weight:600; }

.u-font-weight-700 { font-weight:700; }

.u-font-weight-800 { font-weight:800; }

.u-gap-10px { gap:10px; }

.u-gap-12px { gap:12px; }

.u-gap-14px { gap:14px; }

.u-gap-16px { gap:16px; }

.u-gap-18px { gap:18px; }

.u-gap-22px { gap:22px; }

.u-gap-30px { gap:30px; }

.u-gap-6px { gap:6px; }

.u-gap-8px { gap:8px; }

.u-grid-column-1-1 { grid-column:1/-1; }

.u-grid-template-columns-1fr-1fr { grid-template-columns:1fr 1fr; }

.u-height-28px { height:28px; }

.u-height-34px { height:34px; }

.u-height-36px { height:36px; }

.u-height-40px { height:40px; }

.u-height-42px { height:42px; }

.u-height-44px { height:44px; }

.u-height-46px { height:46px; }

.u-height-48px { height:48px; }

.u-height-60px { height:60px; }

.u-height-75px { height:75px; }

.u-height-80px { height:80px; }

.u-justify-content-center { justify-content:center; }

.u-justify-content-space-between { justify-content:space-between; }

.u-left-9999px { left:-9999px; }

.u-line-height-1 { line-height:1; }

.u-line-height-48px { line-height:48px; }

.u-list-style-none { list-style:none; }

.u-margin-0 { margin:0; }

.u-margin-bottom-0 { margin-bottom:0; }

.u-margin-bottom-10px { margin-bottom:10px; }

.u-margin-bottom-12px { margin-bottom:12px; }

.u-margin-bottom-14px { margin-bottom:14px; }

.u-margin-bottom-16px { margin-bottom:16px; }

.u-margin-bottom-18px { margin-bottom:18px; }

.u-margin-bottom-20px { margin-bottom:20px; }

.u-margin-bottom-22px { margin-bottom:22px; }

.u-margin-bottom-24px { margin-bottom:24px; }

.u-margin-bottom-4px { margin-bottom:4px; }

.u-margin-bottom-6px { margin-bottom:6px; }

.u-margin-bottom-8px { margin-bottom:8px; }

.u-margin-left-0 { margin-left:0; }

.u-margin-left-10px { margin-left:10px; }

.u-margin-left-6px { margin-left:6px; }

.u-margin-left-8px { margin-left:8px; }

.u-margin-left-auto { margin-left:auto; }

.u-margin-right-0 { margin-right:0; }

.u-margin-right-14px { margin-right:14px; }

.u-margin-right-6px { margin-right:6px; }

.u-margin-right-auto { margin-right:auto; }

.u-margin-top-0 { margin-top:0; }

.u-margin-top-10px { margin-top:10px; }

.u-margin-top-12px { margin-top:12px; }

.u-margin-top-14px { margin-top:14px; }

.u-margin-top-16px { margin-top:16px; }

.u-margin-top-18px { margin-top:18px; }

.u-margin-top-20px { margin-top:20px; }

.u-margin-top-24px { margin-top:24px; }

.u-margin-top-26px { margin-top:26px; }

.u-margin-top-28px { margin-top:28px; }

.u-margin-top-30px { margin-top:30px; }

.u-margin-top-40px { margin-top:40px; }

.u-margin-top-4px { margin-top:4px; }

.u-margin-top-50px { margin-top:50px; }

.u-margin-top-6px { margin-top:6px; }

.u-margin-top-8px { margin-top:8px; }

.u-max-width-120px { max-width:120px; }

.u-max-width-200px { max-width:200px; }

.u-max-width-240px { max-width:240px; }

.u-max-width-320px { max-width:320px; }

.u-max-width-520px { max-width:520px; }

.u-max-width-560px { max-width:560px; }

.u-max-width-640px { max-width:640px; }

.u-max-width-860px { max-width:860px; }

.u-max-width-880px { max-width:880px; }

.u-max-width-920px { max-width:920px; }

.u-min-height-120px { min-height:120px; }

.u-min-height-160px { min-height:160px; }

.u-min-height-200px { min-height:200px; }

.u-min-height-220px { min-height:220px; }

.u-min-height-90px { min-height:90px; }

.u-min-width-0 { min-width:0; }

.u-min-width-220px { min-width:220px; }

.u-object-fit-contain { object-fit:contain; }

.u-opacity-8 { opacity:.8; }

.u-overflow-auto { overflow:auto; }

.u-overflow-hidden { overflow:hidden; }

.u-overflow-x-auto { overflow-x:auto; }

.u-padding-0 { padding:0; }

.u-padding-16px { padding:16px; }

.u-padding-18px { padding:18px; }

.u-padding-20px { padding:20px; }

.u-padding-22px { padding:22px; }

.u-padding-24px { padding:24px; }

.u-padding-bottom-0 { padding-bottom:0; }

.u-padding-bottom-34px { padding-bottom:34px; }

.u-padding-bottom-5px { padding-bottom:5px; }

.u-padding-bottom-8px { padding-bottom:8px; }

.u-padding-bottom-90px { padding-bottom:90px; }

.u-padding-left-0 { padding-left:0; }

.u-padding-left-14px { padding-left:14px; }

.u-padding-left-20px { padding-left:20px; }

.u-padding-left-22px { padding-left:22px; }

.u-padding-right-0 { padding-right:0; }

.u-padding-right-14px { padding-right:14px; }

.u-padding-right-20px { padding-right:20px; }

.u-padding-right-22px { padding-right:22px; }

.u-padding-top-0 { padding-top:0; }

.u-padding-top-30px { padding-top:30px; }

.u-padding-top-34px { padding-top:34px; }

.u-padding-top-5px { padding-top:5px; }

.u-padding-top-8px { padding-top:8px; }

.u-padding-top-90px { padding-top:90px; }

.u-place-items-center { place-items:center; }

.u-position-absolute { position:absolute; }

.u-position-relative { position:relative; }

.u-text-align-center { text-align:center; }

.u-text-overflow-ellipsis { text-overflow:ellipsis; }

.u-text-transform-uppercase { text-transform:uppercase; }

.u-white-space-nowrap { white-space:nowrap; }

.u-white-space-pre-wrap { white-space:pre-wrap; }

.u-width-100 { width:100%; }

.u-width-120px { width:120px; }

.u-width-130px { width:130px; }

.u-width-140px { width:140px; }

.u-width-150px { width:150px; }

.u-width-160px { width:160px; }

.u-width-200px { width:200px; }

.u-width-40px { width:40px; }

.u-width-48px { width:48px; }

.u-width-56px { width:56px; }

.u-width-60px { width:60px; }

.u-width-64px { width:64px; }

.u-width-90px { width:90px; }

.u-width-auto { width:auto; }