/* Shared presentation for the Unfold shell and licensing pages. Assets stay local. */
:root { --lc-bg:#f5f7fb; --lc-panel:#fff; --lc-line:#e3e8f0; --lc-text:#182539; --lc-muted:#68778c; --lc-soft:#f8fafc; --lc-blue:#2563eb; --lc-blue-soft:#edf4ff; --lc-shadow:0 3px 12px rgb(31 53 87 / 3%); }
html.dark { --lc-bg:#101827; --lc-panel:#172233; --lc-line:#2c3a4e; --lc-text:#e8effa; --lc-muted:#a0afc3; --lc-soft:#1c293c; --lc-blue:#8cb7ff; --lc-blue-soft:#203759; --lc-shadow:none; }
body { font-family:Inter,"Segoe UI","Microsoft YaHei",system-ui,sans-serif; }
#main { background:var(--lc-bg); }
#main > .\@container { padding:8px 28px 32px; }
#main > .border-b { padding-inline:28px; }
#nav-sidebar, #nav-sidebar-inner { background:var(--lc-panel); }
#site-name { font-size:17px; letter-spacing:.02em; color:var(--lc-text); }
.lc-nav-toggle { display:inline-flex; width:36px; height:40px; align-items:center; justify-content:center; border-radius:7px; cursor:pointer; color:var(--lc-text); }
.lc-nav-toggle:hover { background:var(--lc-soft); }
.lc-nav-toggle:focus-visible { outline:2px solid var(--lc-blue); outline-offset:1px; }
#nav-sidebar nav a { transition:background-color .16s ease,color .16s ease; }
.dark #nav-sidebar-apps a.active { color:#a3c8ff; background:#233b5a; }
.lc-theme-switch { display:flex; gap:4px; border-bottom:1px solid var(--lc-line); padding:5px 8px 9px; margin-bottom:5px; }
.lc-theme-switch button { display:flex; align-items:center; justify-content:center; gap:5px; flex:1; padding:7px 4px; border-radius:6px; cursor:pointer; font-size:12px; }
.lc-theme-switch button:hover { background:var(--lc-soft); }
.lc-theme-switch button[aria-pressed="true"] { color:var(--lc-blue); background:var(--lc-blue-soft); }
.lc-theme-switch .material-symbols-outlined { font-size:17px; }
.lc { color:var(--lc-text); font-size:14px; line-height:1.6; }
.lc *, .lc *::before, .lc *::after { box-sizing:border-box; }
.lc h1,.lc h2,.lc h3,.lc p,.lc dl { margin:0; }
.lc h2 { font-size:20px; line-height:1.4; font-weight:650; letter-spacing:-.025em; }
.lc h3 { font-size:15px; line-height:1.5; font-weight:650; }
.lc a { text-decoration:none; }
.lc a:focus-visible,.lc button:focus-visible { outline:3px solid var(--lc-blue); outline-offset:3px; }
.lc .material-symbols-outlined { font-size:20px; line-height:1; flex-shrink:0; }
.lc-muted { color:var(--lc-muted); }
.lc-mono { font-family:"Cascadia Code",Consolas,monospace; font-variant-numeric:tabular-nums; font-size:12px; overflow-wrap:anywhere; }
.lc-eyebrow { color:var(--lc-muted); font-size:12px; letter-spacing:.08em; display:block; margin-bottom:7px; }
.lc-welcome { display:flex; gap:24px; align-items:center; justify-content:space-between; padding:4px 0 20px; }
.lc-welcome h2 { font-size:28px; }
.lc-welcome p { color:var(--lc-muted); margin-top:9px; }
.lc-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:40px; padding:9px 15px; border:1px solid var(--lc-line); border-radius:9px; background:var(--lc-panel); color:var(--lc-text); font-size:13px; line-height:20px; font-weight:550; white-space:nowrap; cursor:pointer; transition:background .16s,border-color .16s,box-shadow .16s; }
.lc-button:hover { background:var(--lc-soft); border-color:#b5c3d8; box-shadow:0 2px 6px rgb(15 23 42 / 5%); }
.lc-button.lc-primary { background:#2563eb; border-color:#2563eb; color:white; box-shadow:0 3px 7px rgb(37 99 235 / 14%); }
.lc-button.lc-primary:hover { background:#1d4ed8; border-color:#1d4ed8; }
.lc-text-link { display:inline-flex; align-items:center; gap:6px; color:var(--lc-blue); font-size:13px; font-weight:550; }
.lc-text-link:hover { text-decoration:underline; text-underline-offset:4px; }
.lc-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-bottom:24px; }
.lc-stats-three { grid-template-columns:repeat(3,minmax(0,1fr)); margin-bottom:24px; }
.lc-stat { position:relative; background:var(--lc-panel); border:1px solid var(--lc-line); border-radius:12px; padding:18px 20px; box-shadow:var(--lc-shadow); min-width:0; }
.lc-stat strong { display:block; font-size:32px; line-height:1.2; font-weight:650; margin:12px 0 8px; font-variant-numeric:tabular-nums; letter-spacing:-.04em; }
.lc-stat small { font-size:12px; color:var(--lc-muted); }
.lc-stat-icon { position:absolute; right:19px; top:18px; padding:10px; border-radius:10px; background:var(--lc-blue-soft); color:var(--lc-blue); }
.lc-stat .lc-stat-icon { font-size:20px; }
.lc-green { background:#ecf8f2 !important; color:#1b8058 !important; }
.lc-amber { background:#fff7e8 !important; color:#a16b13 !important; }
.dark .lc-green { background:#193c33 !important; color:#8ce1bd !important; }
.dark .lc-amber { background:#423719 !important; color:#eace8a !important; }
.lc-section-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin:0 0 18px; }
.lc-section-heading h2 { display:flex; align-items:center; gap:9px; }
.lc-section-heading p { color:var(--lc-muted); margin-top:5px; font-size:13px; }
.lc-count { background:var(--lc-blue-soft); color:var(--lc-blue); padding:1px 8px; border-radius:6px; font-size:12px; font-weight:600; }
.lc-panel { background:var(--lc-panel); border:1px solid var(--lc-line); border-radius:12px; box-shadow:var(--lc-shadow); min-width:0; overflow:hidden; }
.lc-dashboard-grid { display:grid; gap:20px; align-items:stretch; }
.lc-projects { min-width:0; }
.lc-dashboard .lc-project-grid { padding:20px; }
.lc-project-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr)); gap:16px; }
.lc-project { padding:20px; }
.lc-project-heading { display:flex; align-items:center; gap:13px; }
.lc-project-heading > div { min-width:0; flex:1; }
.lc-project-heading h3 { overflow-wrap:anywhere; font-size:17px; }
.lc-project-heading p { margin-top:3px; }
.lc-product-icon { display:inline-flex; align-items:center; justify-content:center; width:46px; height:46px; color:var(--lc-blue); background:var(--lc-blue-soft); border-radius:12px; }
.lc .lc-product-icon { font-size:24px; }
.lc-badge { display:inline-flex; align-items:center; gap:6px; padding:3px 9px; border:1px solid transparent; border-radius:6px; font-size:11px; font-weight:550; white-space:nowrap; }
.lc-badge::before { content:""; width:5px; height:5px; border-radius:50%; background:currentColor; flex-shrink:0; }
.lc-success { color:#227852; background:#eef8f2; border-color:#d8eddf; }
.lc-neutral { color:#667085; background:#f1f4f8; border-color:#e1e7ee; }
.lc-warning { color:#916116; background:#fff7e5; border-color:#f2e1b8; }
.lc-info { color:#2860b0; background:#eef5ff; border-color:#d7e6ff; }
.dark .lc-success { color:#9cddbc; background:#1b362f; border-color:#305244; }
.dark .lc-neutral { color:#aab9cc; background:#29374a; border-color:#3c4c60; }
.dark .lc-warning { color:#e7cb8b; background:#40341c; border-color:#5a4722; }
.dark .lc-info { color:#a9caff; background:#223756; border-color:#34517b; }
.lc-project-metrics { display:grid; grid-template-columns:repeat(3,1fr); margin:20px 0 16px !important; gap:12px; }
.lc-project-metrics dt { color:var(--lc-muted); font-size:12px; }
.lc-project-metrics dd { font-size:24px; line-height:1.4; font-weight:600; margin:6px 0 0; font-variant-numeric:tabular-nums; }
.lc-progress-label { display:flex; justify-content:space-between; color:var(--lc-muted); font-size:11px; }
.lc-progress-label strong { font-weight:500; }
.lc-meter { display:block; appearance:none; width:100%; height:5px; border:none; border-radius:4px; margin:8px 0 24px; background:var(--lc-line); }
.lc-meter::-webkit-meter-bar { background:var(--lc-line); border:none; border-radius:4px; }
.lc-meter::-webkit-meter-optimum-value { background:#6696ee; border-radius:4px; }
.lc-meter::-moz-meter-bar { background:#6696ee; border-radius:4px; }
.lc-project-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid var(--lc-line); padding-top:19px; }
.lc-project-footer .lc-button { min-height:36px; padding:7px 12px; }
.lc-panel-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:20px 24px; border-bottom:1px solid var(--lc-line); }
.lc-panel-heading h2 { font-size:16px; }
.lc-panel-heading > .lc-muted { font-size:12px; }
.lc-event { display:flex; align-items:start; gap:14px; padding:18px 24px; border-bottom:1px solid var(--lc-line); font-size:13px; }
.lc-event:last-child { border-bottom:0; }
.lc-event > div { min-width:0; flex:1; }
.lc-event a { color:var(--lc-text); font-weight:600; }
.lc-event p { margin-top:3px; color:var(--lc-muted); overflow-wrap:anywhere; }
.lc-event small { display:block; margin-top:4px; color:var(--lc-muted); font-size:11px; }
.lc-event time { flex-shrink:0; color:var(--lc-muted); font-size:11px; font-variant-numeric:tabular-nums; }
.lc-event-dot { flex-shrink:0; margin-top:6px; width:8px; height:8px; border-radius:50%; background:#8ba9dc; box-shadow:0 0 0 4px var(--lc-blue-soft); }
.lc-breadcrumb { display:flex; gap:10px; flex-wrap:wrap; color:var(--lc-muted); font-size:12px; margin-bottom:20px; }
.lc-breadcrumb a:hover { color:var(--lc-blue); }
.lc-page-heading { margin-bottom:24px; }
.lc-actions { display:flex; flex-wrap:wrap; gap:8px; }
.lc-table-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px 24px; }
.lc-table-toolbar > div { display:flex; align-items:center; gap:12px; white-space:nowrap; }
.lc-table-toolbar .lc-muted { font-size:12px; }
.lc-search { display:flex; align-items:center; gap:10px; min-width:0; }
.lc-search > .material-symbols-outlined { color:var(--lc-muted); }
.lc-search input[type="search"] { background:var(--lc-soft); color:var(--lc-text); border:1px solid var(--lc-line); border-radius:8px; padding:10px 12px; height:40px; width:270px; max-width:100%; font-size:13px; }
.lc-search input::placeholder { color:var(--lc-muted); }
.lc-table-scroll { position:relative; overflow-x:auto; }
.lc-table { border-collapse:collapse; width:100%; text-align:left; font-size:13px; }
.lc-table thead { background:var(--lc-soft); }
.lc-table th,.lc-table td { border-top:1px solid var(--lc-line); padding:17px 20px; text-align:left; vertical-align:middle; white-space:nowrap; }
.lc-table th:first-child,.lc-table td:first-child { padding-left:24px; }
.lc-table thead th { color:var(--lc-muted); font-size:12px; font-weight:500; padding-top:12px; padding-bottom:12px; }
.lc-table tbody th { font-weight:500; }
.lc-table tbody tr:hover { background:var(--lc-soft); }
.lc-customer { display:flex; align-items:center; gap:12px; min-width:200px; color:var(--lc-text); }
.lc-customer > span:last-child { max-width:260px; white-space:normal; overflow-wrap:anywhere; }
.lc-avatar { display:inline-flex; flex-shrink:0; align-items:center; justify-content:center; width:34px; height:34px; border:1px solid var(--lc-line); background:var(--lc-soft); color:var(--lc-muted); border-radius:10px; font-size:13px; font-weight:600; }
.lc-customer small,.lc-date small { display:block; color:var(--lc-muted); font-size:11px; font-weight:400; margin-top:3px; }
.lc-device { display:flex; align-items:center; gap:6px; color:var(--lc-muted); }
.lc-device .material-symbols-outlined { font-size:16px; }
.lc-date { font-size:12px; font-variant-numeric:tabular-nums; }
.lc-pagination { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:16px 24px; border-top:1px solid var(--lc-line); color:var(--lc-muted); font-size:12px; }
.lc-pagination > div { display:flex; gap:8px; }
.lc-pagination .lc-button { min-height:32px; padding:5px 10px; font-size:12px; }
.lc-empty { padding:48px 22px; text-align:center; grid-column:1/-1; color:var(--lc-muted); white-space:normal; }
.lc-empty > .material-symbols-outlined { display:block; margin-bottom:15px; font-size:30px; color:#91a2bb; }
.lc-empty h3 { color:var(--lc-text); }
.lc-empty p { margin-top:6px; font-size:13px; }
.lc-empty-small { padding:28px; }
.lc-notice { background:var(--lc-blue-soft); border:1px solid var(--lc-line); color:var(--lc-text); border-radius:9px; padding:13px 15px; font-size:12px; margin:0 0 20px !important; line-height:1.8; }
.lc-form-panel { max-width:740px; margin:0 auto; }
.lc-form-intro { padding:28px 30px; border-bottom:1px solid var(--lc-line); }
.lc-form-intro > .lc-product-icon { margin-bottom:19px; }
.lc-form-intro h3 { font-size:23px; margin:7px 0 10px; }
.lc-form-intro p { font-size:13px; color:var(--lc-muted); max-width:550px; line-height:1.9; }
.lc-form-body { padding:26px 30px; }
.lc-form-footer { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:19px 30px; border-top:1px solid var(--lc-line); background:var(--lc-soft); }
.lc-field { margin-bottom:23px; }
.lc-field:last-child { margin-bottom:0; }
.lc-field > label,.lc-code-label { display:block; font-size:13px; font-weight:550; margin-bottom:9px; }
.lc-field input:not([type="checkbox"]),.lc-field select,.lc-field textarea,.lc-issued-code { display:block; width:100%; max-width:100%; min-height:43px; padding:10px 12px; background:var(--lc-panel); color:var(--lc-text); border:1px solid var(--lc-line); border-radius:8px; font-size:14px; box-shadow:0 1px 2px rgb(0 0 0 / 2%); }
.lc-field input:focus,.lc-field select:focus,.lc-field textarea:focus,.lc-issued-code:focus,.lc-search input:focus { outline:2px solid var(--lc-blue); outline-offset:1px; }
.lc-field textarea { resize:vertical; min-height:100px; }
.lc-checkbox { display:flex; align-items:flex-start; gap:10px; }
.lc-checkbox input { margin-top:4px; width:16px; height:16px; flex-shrink:0; accent-color:#2563eb; cursor:pointer; }
.lc-checkbox label { cursor:pointer; font-size:13px; }
.lc-field-help { font-size:12px; color:var(--lc-muted); margin-top:8px !important; }
.lc .errorlist { list-style:none; padding:10px 12px; margin:8px 0; color:#ac3345; background:#fff1f3; border:1px solid #f2ced6; border-radius:7px; font-size:12px; }
.dark .lc .errorlist { color:#ffbac8; background:#482833; border-color:#663742; }
.lc-id { margin-bottom:24px !important; overflow-wrap:anywhere; }
.lc-issued-code { resize:none; margin-bottom:18px; line-height:1.9; background:var(--lc-soft); }
.lc-detail-grid { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(310px,1fr); gap:24px; align-items:start; }
.lc-detail-grid > div > .lc-panel + .lc-panel { margin-top:24px; }
.lc-detail-person { display:flex; align-items:center; gap:13px; padding:24px; }
.lc-detail-person .lc-avatar { width:45px; height:45px; font-size:19px; }
.lc-detail-person h3 { font-size:19px; }
.lc-detail-person .lc-muted { font-size:12px; }
.lc-details { padding:0 24px 20px; }
.lc-details > div { display:grid; grid-template-columns:130px minmax(0,1fr); gap:16px; padding:13px 0; border-bottom:1px solid var(--lc-line); font-size:12px; }
.lc-details > div:last-child { border-bottom:0; }
.lc-details dt { color:var(--lc-muted); }
.lc-details dd { margin:0; overflow-wrap:anywhere; }
.lc-action-note { margin:20px 24px 0 !important; color:var(--lc-muted); font-size:12px; line-height:1.85; }
.lc-action-panel .lc-form-body { padding:22px 24px; }
.lc-action-panel .lc-form-footer { justify-content:flex-end; padding:18px 24px; }
.lc-login-mark { display:inline-flex; align-items:center; justify-content:center; width:52px; height:52px; border-radius:14px; color:#fff; background:#2563eb; box-shadow:0 6px 15px rgb(37 99 235 / 18%); margin-bottom:25px; }
.lc-login-mark .material-symbols-outlined { font-size:30px; }
.lc-login h1 { font-size:30px; font-weight:650; letter-spacing:-.04em; margin:6px 0 8px; }
.lc-login > .lc-muted { font-size:13px; margin-bottom:27px; }
.lc-login .lc-form-body { padding:0 0 25px; }
.lc-login form > .lc-primary { width:100%; min-height:45px; }
.lc-login-footer { text-align:center; color:var(--lc-muted); font-size:11px; margin-top:28px !important; }
.lc-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.lc-chart-grid { margin-bottom:20px; }
.lc-chart-grid .lc-panel-heading,.lc-dashboard-grid > .lc-panel > .lc-panel-heading { min-height:82px; }
.lc .lc-chart-subtitle { color:var(--lc-muted); font-size:12px; margin-top:4px; font-weight:400; }
.lc-chart-legend { display:flex; flex-wrap:wrap; gap:16px; color:var(--lc-muted); font-size:12px; }
.lc-chart-legend > span,.lc-status-legend dt { display:flex; align-items:center; gap:7px; }
.lc-chart-legend strong { color:var(--lc-text); font-variant-numeric:tabular-nums; }
.lc-dot { display:inline-block; flex-shrink:0; width:8px; height:8px; border-radius:50%; background:currentColor; }
.lc-chart-blue { color:var(--lc-blue); }
.lc-chart-green { color:#1b9c78; }
.dark .lc-chart-green { color:#65d5b2; }
.lc-chart-amber { color:#d6a23a; }
.lc-chart-slate { color:#8391a8; }
.lc-trend-body { padding:20px 24px 16px; }
.lc-trend-chart { display:block; width:100%; height:240px; overflow:visible; }
.lc-chart-gridline { stroke:var(--lc-line); stroke-dasharray:4 5; }
.lc-chart-label { fill:var(--lc-muted); font-size:11px; font-variant-numeric:tabular-nums; }
.lc-chart-area { fill:var(--lc-blue); opacity:.07; }
.lc-chart-line { fill:none; stroke:currentColor; stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; vector-effect:non-scaling-stroke; }
.lc-chart-point { fill:currentColor; stroke:var(--lc-panel); stroke-width:2; }
.lc-chart-footnote { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:start; gap:10px; color:var(--lc-muted); font-size:11px; padding-top:6px; }
.lc-chart-data { width:100%; }
.lc-chart-data:not([open]) { width:auto; }
.lc-chart-data summary { color:var(--lc-blue); cursor:pointer; }
.lc-chart-data .lc-table-scroll { margin-top:12px; border:1px solid var(--lc-line); border-radius:8px; max-height:260px; }
.lc-chart-data .lc-table th,.lc-chart-data .lc-table td { padding:8px 16px; }
.lc-status-body { display:flex; align-items:center; justify-content:center; gap:28px; padding:26px 24px 16px; min-height:240px; }
.lc-donut { position:relative; width:170px; flex:0 0 170px; }
.lc-donut svg { width:100%; display:block; }
.lc-donut-track,.lc-donut-segment { fill:none; stroke-width:14; }
.lc-donut-track { stroke:var(--lc-line); }
.lc-donut-segment { stroke:currentColor; }
.lc-donut-total { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:center; align-items:center; }
.lc-donut-total strong { font-size:30px; font-weight:650; line-height:1.3; font-variant-numeric:tabular-nums; }
.lc-donut-total span { color:var(--lc-muted); font-size:11px; margin-top:2px; }
.lc-status-legend { min-width:105px; }
.lc-status-legend > div { display:flex; justify-content:space-between; align-items:center; gap:22px; padding:10px 0; font-size:12px; }
.lc-status-legend dt { color:var(--lc-muted); white-space:nowrap; }
.lc-status-legend dd { margin:0; color:var(--lc-text); font-weight:600; font-variant-numeric:tabular-nums; }
.lc-status-legend dd span { font-size:10px; color:var(--lc-muted); font-weight:400; margin-left:5px; }
.lc .lc-status-note { color:var(--lc-muted); font-size:11px; padding:0 24px 20px; text-align:center; }
.lc-project-editor { max-width:1120px; margin:0 auto; }
.lc-editor-grid { display:grid; grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr); gap:24px; align-items:start; }
.lc-editor-main #content-main { min-width:0; }
.lc-editor-fields { padding:24px 28px 0; }
.lc-editor-fieldset { border:0; margin:0; padding:0; min-width:0; }
.lc-editor-fieldset + .lc-editor-fieldset { border-top:1px solid var(--lc-line); margin-top:24px; padding-top:24px; }
.lc-editor-fieldset legend { float:left; width:100%; padding:0; font-size:16px; font-weight:650; margin-bottom:22px; }
.lc-editor-fieldset legend + .lc-field { clear:both; }
.lc-editor-fields .lc-field { margin-bottom:22px; }
.lc-editor-fields .lc-field > label { color:var(--lc-text); }
.lc-editor-fields .lc-field input:not([type="checkbox"]) { max-width:none; }
.lc-project-editor .lc-field .errorlist { padding:0; margin:6px 0 0; border:0; background:transparent; border-radius:0; font-size:12px; line-height:1.6; }
.lc-project-editor .lc-field input[aria-invalid="true"] { border-color:#cc6374; }
.dark .lc-project-editor .lc-field input[aria-invalid="true"] { border-color:#be7180; }
.lc-project-editor .errornote { margin:24px 28px 0; padding:0; background:transparent; color:#ac3345; font-size:12px; line-height:1.8; }
.dark .lc-project-editor .errornote { color:#ffbac8; }
.lc-editor-toggle { border:1px solid var(--lc-line); border-radius:9px; background:var(--lc-soft); padding:14px 16px; }
.lc-toggle-head { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.lc-toggle-head label { font-size:13px; font-weight:550; margin:0; }
.lc-project-editor .lc-editor-footer { margin-top:0; padding:18px 28px; border-radius:0 0 12px 12px; }
.lc-editor-readonly { color:var(--lc-text); background:var(--lc-soft); border:1px solid var(--lc-line); border-radius:8px; padding:10px 12px; overflow-wrap:anywhere; font-size:13px; }
.lc-editor-guide { padding:26px; }
.lc-editor-guide > h3 { margin:18px 0 8px; font-size:18px; }
.lc-editor-guide > p,.lc-editor-guide li p { color:var(--lc-muted); font-size:12px; line-height:1.85; }
.lc-editor-guide ol { list-style:none; margin:26px 0; padding:0; display:grid; gap:24px; }
.lc-editor-guide li { display:flex; gap:13px; }
.lc-editor-guide li > span { display:flex; flex-shrink:0; align-items:center; justify-content:center; width:28px; height:28px; border:1px solid var(--lc-line); border-radius:8px; color:var(--lc-blue); font-size:11px; font-weight:600; }
.lc-editor-guide li strong { font-size:13px; font-weight:600; }
.lc-editor-guide li p { margin-top:5px; }
.lc-editor-guide .lc-editor-note { border-top:1px solid var(--lc-line); padding-top:18px; display:flex; align-items:start; gap:8px; }
.lc-editor-note .material-symbols-outlined { font-size:17px; margin-top:3px; }
@container(min-width:1000px) { .lc-dashboard-grid { grid-template-columns:minmax(0,2fr) minmax(300px,1fr); } }
@container(max-width:1150px) { .lc-status-body { gap:16px; padding-inline:16px; } .lc-donut { width:140px; flex-basis:140px; } .lc-status-legend > div { gap:12px; } }
@media(max-width:1000px) { .lc-editor-grid { grid-template-columns:minmax(0,1fr); } .lc-editor-guide ol { grid-template-columns:repeat(3,minmax(0,1fr)); } .lc-editor-guide > .lc-product-icon { display:none; } .lc-editor-guide > h3 { margin-top:0; } }
@media(max-width:600px) { .lc-chart-grid .lc-panel-heading { flex-wrap:wrap; } .lc-trend-body { padding:14px 16px; } .lc-trend-chart { height:auto; } .lc-chart-label { font-size:24px; } .lc-status-body { min-height:210px; } .lc-dashboard .lc-project-grid { padding:14px; } .lc-editor-fields { padding:20px 20px 0; } .lc-project-editor .lc-editor-footer { padding:16px 20px; } .lc-editor-guide { padding:20px; } .lc-editor-guide ol { grid-template-columns:1fr; gap:18px; } .lc-editor-footer .lc-primary { flex:1; } }
@media(max-width:1200px) { .lc-stat { padding:18px; } .lc-stat-icon { right:14px; top:14px; } .lc-detail-grid { grid-template-columns:minmax(0,1fr); } .lc-table-toolbar { flex-wrap:wrap; } }
@media(max-width:850px) { .lc-stats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .lc-stats-three { grid-template-columns:repeat(3,minmax(0,1fr)); } .lc-project-grid { grid-template-columns:minmax(0,1fr); } .lc-page-heading { align-items:start; flex-direction:column; } }
@media(max-width:600px) { #main > .\@container { padding:8px 16px 28px; } .lc-welcome { align-items:start; flex-direction:column; gap:18px; padding-top:4px; } .lc-welcome h2 { font-size:24px; } .lc-stats-three { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; } .lc-stat { padding:15px; } .lc-stats-three .lc-stat { padding:12px; } .lc-stats-three .lc-stat small { display:none; } .lc-stat strong { font-size:27px; } .lc-stat-icon { display:none; } .lc-stat small { font-size:11px; } .lc-stat > .lc-muted { font-size:12px; } .lc-project,.lc-panel-heading { padding:19px; } .lc-section-heading h2 { font-size:18px; } .lc-section-heading p { font-size:11px; } .lc-event { padding:16px 19px; gap:11px; } .lc-event time { font-size:10px; } .lc-table-toolbar { padding:18px; } .lc-search { width:100%; gap:7px; } .lc-search > .material-symbols-outlined { display:none; } .lc-search input[type="search"] { flex:1; width:0; } .lc-pagination { padding:15px 18px; } .lc-form-intro,.lc-form-body { padding:22px; } .lc-form-footer { padding:18px 22px; } .lc-details > div { grid-template-columns:100px minmax(0,1fr); gap:9px; } .lc-actions .lc-button { padding:8px 10px; font-size:12px; } .lc-actions .material-symbols-outlined { font-size:17px; } }
@media(prefers-reduced-motion:reduce) { .lc *,#nav-sidebar nav a { transition:none; } }
@media(max-width:600px) { #main > .border-b { padding-inline:16px; } }