/* HazaM Core Service entry point. Shared panel and public catalog theme. */
.editor-languages, .editor-actions, .editor-block-tools, .editor-formatting { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.editor-languages { margin: 15px 0; padding: 12px; border: 1px solid #85877e; background: #d2d4c9; }
.editor-actions { padding: 12px 0; }.editor-actions > label { margin: 0; }.editor-actions > select { width: auto; min-width: 150px; margin: 0; }
.editor-block { min-width: 0; margin: 14px 0; padding: 15px; border: 1px solid #85877e; background: #e8e9e0; }
.editor-block legend { padding: 0 8px; font-weight: bold; }.editor-block-tools { justify-content: flex-end; padding-bottom: 8px; border-bottom: 1px solid #b9bbb1; }
.editor-block textarea { width: 100%; resize: vertical; font-family: Consolas, monospace; }.editor-block label { margin-top: 12px; }
.editor-formatting { margin-top: 12px; }.editor-formatting button { padding: 5px 10px; }
.editor-image-preview { display: block; max-width: min(100%, 480px); max-height: 240px; margin-top: 12px; border: 1px solid #85877e; object-fit: contain; }
.editor-save-bar { position: sticky; bottom: 0; padding: 12px; border: 1px solid #85877e; background: #deded6; z-index: 2; }
.editor-save-bar > span { margin-right: auto; }.editor-history { margin-top: 24px; padding: 14px; border: 1px solid #85877e; }
.editor-restore { max-width: 650px; }[hidden] { display: none !important; }
:root { color-scheme: light; --face: #deded6; --paper: #f4f4ed; --ink: #252925; --edge: #85877e; --soft: #b9bbb1; --green: #205a35; --red: #982f29; }
* { box-sizing: border-box; }
body { margin: 0; padding: 20px 12px; color: var(--ink); background: #c9cac1; font: 14px Tahoma, Arial, sans-serif; }
.window { max-width: 1180px; margin: 0 auto; background: var(--face); border: 1px solid var(--edge); box-shadow: inset 1px 1px #fff, inset -1px -1px var(--soft); }
.titlebar { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; padding: 16px; border-bottom: 1px solid var(--edge); background: repeating-linear-gradient(0deg, transparent, transparent 2px, #00000004 3px); }
h1 { margin: 0; font-size: 19px; font-weight: 600; } h2 { margin: 0 0 16px; font-size: 17px; font-weight: 600; }
.titlebar p { margin: 6px 0 0; font-size: 12px; }
.titleline { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
.button.selected { background: var(--paper); box-shadow: inset 1px 1px var(--soft); font-weight: 600; }
.subnavigation { background: #d2d4c9; }
.section-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(190px,1fr)); gap: 14px; }
.section-button { padding: 22px 16px; text-align: center; }
.account, .languages, .account form, nav, .actions, .heading, .pagination { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.account { gap: 12px; }.account form { margin: 0; } nav { padding: 10px 14px; border-bottom: 1px solid var(--edge); }
button, .button { display: inline-block; padding: 8px 12px; border: 1px solid var(--edge); border-radius: 0; background: var(--face); color: var(--ink); font: inherit; text-decoration: none; box-shadow: inset 1px 1px #fff, inset -1px -1px var(--soft); cursor: pointer; }
button:disabled { color: #686b61; box-shadow: none; cursor: default; } button[aria-pressed="true"] { background: var(--paper); box-shadow: inset 1px 1px var(--soft); }
button:hover:not(:disabled), .button:hover { background: var(--paper); } .primary { color: var(--green); font-weight: 600; }
button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, summary:focus-visible { outline: 2px solid #263e65; outline-offset: 2px; }
main { padding: 18px; } footer { padding: 10px 16px; border-top: 1px solid var(--edge); font-size: 12px; }
.login { max-width: 440px; margin: 12px auto 22px; }.login button { margin-top: 2px; }
label { display: block; margin: 0 0 14px; } input, textarea { display: block; width: 100%; min-width: 0; margin-top: 7px; padding: 8px; border: 1px solid var(--edge); border-top-color: #686b61; border-left-color: #686b61; border-radius: 0; box-shadow: inset 1px 1px #c3c6ba; background: var(--paper); color: var(--ink); font: 14px Consolas, monospace; }
input[type="hidden"] { display: none; } textarea { resize: vertical; min-height: 100px; } fieldset { margin: 0 0 16px; min-width: 0; border: 1px solid var(--edge); padding: 14px; } legend { padding: 0 6px; }
.fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } .fields > * { min-width: 0; }
.mail-form .fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 700px) { .mail-form .fields { grid-template-columns: minmax(0, 1fr); } }
.hint, small { display: block; margin-top: 7px; font-size: 12px; line-height: 1.5; } .notice { margin-bottom: 16px; padding: 12px; border: 1px solid var(--edge); background: var(--paper); overflow-wrap: anywhere; }
.error { color: var(--red); } .success { color: var(--green); } .heading { justify-content: space-between; margin-bottom: 8px; }.heading h2 { margin-bottom: 6px; }
.empty { padding: 16px 0; }.table-wrap { overflow-x: auto; } table { width: 100%; border-collapse: collapse; background: var(--paper); } td, th { padding: 11px; border: 1px solid var(--soft); text-align: left; vertical-align: top; overflow-wrap: anywhere; } th { background: var(--face); font-weight: 600; } td small { max-width: 350px; white-space: pre-line; } td form { margin-top: 8px; } code { font: 13px Consolas, monospace; } .pagination { justify-content: flex-end; margin-top: 16px; }
@media (max-width: 700px) { .fields { grid-template-columns: minmax(0, 1fr); gap: 0; }.titlebar { align-items: flex-start; } main { padding: 12px; } }
@media (pointer: coarse) { button, .button { min-height: 44px; } input, textarea { font-size: 16px; } }
.confirmation { display: flex; gap: 10px; align-items: flex-start; }.confirmation input { width: auto; margin: 2px 0 0; box-shadow: none; }.changelog { white-space: pre-wrap; overflow-wrap: anywhere; font: 13px Consolas, monospace; }
select { display: block; width: 100%; min-width: 0; margin-top: 7px; padding: 8px; border: 1px solid var(--edge); border-top-color: #686b61; border-left-color: #686b61; border-radius: 0; box-shadow: inset 1px 1px #c3c6ba; background: var(--paper); color: var(--ink); font: 14px Consolas, monospace; }
details { margin-top: 10px; } summary { cursor: pointer; color: #263e65; padding: 4px 0; }.release-details { padding: 12px; margin-top: 8px; border: 1px solid var(--soft); }.release-details pre { white-space: pre-wrap; overflow-wrap: anywhere; font: 13px Consolas, monospace; }.hash { display: block; overflow-wrap: anywhere; margin-top: 6px; } h3 { font-size: 14px; margin-top: 16px; }
.catalog-branch { border: 1px solid var(--edge); background: var(--paper); margin: 10px 0; }
.catalog-branch > summary { padding: 12px; font-weight: 600; overflow-wrap: anywhere; }
.catalog-branch[open] > summary { border-bottom: 1px solid var(--soft); }
.branch-content { padding: 0 12px 10px; }.branch-content .catalog-branch { background: var(--face); }
.release-card { border: 1px solid var(--soft); background: var(--paper); padding: 14px; margin-top: 10px; }
.release-card h3 { margin: 0 0 8px; }.filename { display: block; overflow-wrap: anywhere; }
.branch-pagination { border: 0; padding: 8px 0; }.branch-pagination:empty { display: none; }
.usage-summary { display: flex; flex-wrap: wrap; gap: 14px; margin: 0 0 16px; }
.usage-summary > div { flex: 1 1 160px; padding: 14px; border: 1px solid var(--edge); background: var(--paper); }
.usage-summary strong { display: block; font: 24px Consolas, monospace; color: var(--green); margin-bottom: 6px; }
.usage-chart { display: block; width: 100%; height: auto; min-height: 150px; background: var(--paper); border: 1px solid var(--soft); }
.usage-axis { fill: none; stroke: var(--edge); stroke-width: 1; }
.usage-line { fill: none; stroke: var(--green); stroke-width: 2; vector-effect: non-scaling-stroke; }
@media (max-width: 520px) { .branch-content { padding: 0 6px 6px; }.catalog-branch > summary { padding: 10px 6px; }.release-card { padding: 10px; } }
.release-alpha { color: #b22121; }
.release-beta { color: #985000; }
.release-stable { color: #205a35; }
.release-special { color: #1854ab; }
.release-filters { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; margin: 14px 0; }
.release-filters label { flex: 1 1 260px; margin: 0; max-width: 440px; }
.kind-form { min-width: 130px; }
.kind-form select { margin-top: 0; }
.kind-form button { margin-top: 7px; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.report-board { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.report-column { min-width: 0; padding: 10px; border: 1px solid var(--edge); background: #d0d2c8; }
.report-column > .heading h3 { margin: 3px 0 10px; }
.report-card { position: relative; padding: 14px; border: 1px solid var(--edge); background: var(--paper); margin: 0 0 10px; overflow-wrap: anywhere; }
.report-card > code { display: block; padding-right: 15px; }
.report-card h3 { margin: 10px 0; }.report-card-footer { display: flex; justify-content: space-between; align-items: flex-end; gap: 10px; margin-top: 12px; }
.report-pinned { background: #f3ebc4; border-left: 4px solid #b49a43; padding-left: 11px; }
.report-flagged { background: #f3dcda; }.report-done { background: #ddded6; color: #55594f; }
.report-dot { position: absolute; top: 13px; right: 12px; width: 9px; height: 9px; background: #b62127; border-radius: 50%; }
.report-meta { font-size: 12px; line-height: 1.6; color: #55594f; }
.report-detail { display: grid; grid-template-columns: minmax(0,1fr) minmax(250px,310px); gap: 18px; align-items: start; }
.report-panel { min-width: 0; border: 1px solid var(--edge); background: var(--paper); padding: 16px; margin-bottom: 14px; }
.report-panel h3:first-child { margin-top: 0; }.report-title { margin: 14px 0; line-height: 1.5; overflow-wrap: anywhere; }
.report-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; padding: 12px 0; border-top: 1px solid var(--soft); }
.report-fields dt { font-size: 12px; color: #55594f; margin-bottom: 6px; }.report-fields dd { margin: 0; font: 13px Consolas,monospace; overflow-wrap: anywhere; }
.report-body { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.65; }.report-panel hr { border: 0; border-top: 1px solid var(--soft); margin: 18px 0; }
.report-actions { display: grid; gap: 8px; }.report-actions form { margin: 0; }.report-actions button,.report-actions .button { width: 100%; text-align: left; }
.report-note { padding: 5px 0 5px 12px; margin: 12px 0; border-left: 3px solid #a7ad9c; }.report-note .report-body { margin-top: 5px; }
.report-file { border: 1px solid var(--soft); padding: 10px; margin: 10px 0 0; overflow-wrap: anywhere; }.report-file .button { margin-top: 8px; }
.report-attachment-content { background: var(--paper); border: 1px solid var(--edge); padding: 14px; white-space: pre-wrap; overflow-wrap: anywhere; font: 13px/1.65 Consolas,monospace; }
@media(max-width:760px) { .report-board,.report-detail { grid-template-columns: minmax(0,1fr); } }

/* Product workspace: one draft across categories, tabs and languages. */
.asset-thumbnail { width: 80px; height: 64px; object-fit: contain; background: var(--paper); border: 1px solid var(--edge); }
.asset-logo-preview { object-fit: contain; border: 1px solid var(--edge); background: var(--paper); }
.asset-upload { margin: 18px 0; padding: 12px; border: 1px solid var(--edge); }
.asset-upload summary { cursor: pointer; font-weight: bold; }
.asset-consent { display: flex; align-items: flex-start; gap: 10px; margin-block: 18px; }
.asset-consent input { width: auto; flex: 0 0 auto; margin-top: 3px; }
.asset-library td { overflow-wrap: anywhere; }
.asset-library .button { margin: 3px; }
.product-logo-settings { margin-top: 24px; }
.editor-window { max-width: 1480px; }
.workspace-topbar { position: sticky; top: 0; z-index: 5; padding: 12px; border: 1px solid var(--edge); background: var(--face); box-shadow: 0 2px 0 #00000010; }
.workspace-topbar #editor-state { margin-right: auto; }
.workspace-grid { display: grid; grid-template-columns: 215px minmax(300px, 1fr) 235px; gap: 14px; align-items: start; margin-top: 16px; }
.workspace-grid > * { min-width: 0; border: 1px solid var(--edge); padding: 12px; background: #e8e9e0; }
.workspace-grid h3 { margin-top: 0; overflow-wrap: anywhere; }
.workspace-content { background: var(--paper); }
.workspace-content .editor-block { padding: 10px; }
.workspace-branch { border-top: 1px solid var(--soft); padding-top: 6px; }
.workspace-branch summary { display: list-item; }
.workspace-branch > button, .workspace-branch summary button { width: 100%; text-align: left; overflow-wrap: anywhere; font-size: 12px; padding: 8px; }
.workspace-branch summary button { width: calc(100% - 16px); }
.workspace-branch > button { margin-top: 6px; padding-left: 15px; }
.workspace-branch .selected { background: #cbd5c4; box-shadow: inset 1px 1px var(--soft); }
.workspace-branch .workspace-changed { color: var(--green); }
.workspace-branch .workspace-changed::after { content: ' *'; }
.workspace-branch .workspace-hidden { color: #777970; }
.workspace-branch .workspace-hidden::before { content: '◌ '; }
.workspace-properties details { margin-top: 0; }
.workspace-properties label { margin-top: 16px; font-size: 12px; }
.workspace-properties small { overflow-wrap: anywhere; }
.workspace-properties .editor-block-tools { justify-content: flex-start; }
.workspace-properties button { font-size: 12px; }
.editor-image-preview.image-center { margin-inline: auto; }
.editor-image-preview.image-right { margin-left: auto; }
.license-details { display: grid; grid-template-columns: minmax(140px, 220px) minmax(0, 1fr); gap: 10px 20px; }
.license-details dt { font-weight: bold; }
.customer-admin-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0; }
.customer-admin-tabs [aria-current="page"] { background: #b7c9a8; border-style: inset; }
.admin-hc-product { display: block; margin-top: 5px; }
.license-code-secret { display: block; width: min(100%, 650px); margin: 12px 0; font: bold 16px monospace; padding: 12px; }
.license-details dd { margin: 0; overflow-wrap: anywhere; }
.license-event { margin: 10px 0; border: 2px groove #eee; padding: 12px; }
.license-event summary { cursor: pointer; }
.license-event pre { white-space: pre-wrap; overflow-wrap: anywhere; border: 2px inset #eee; padding: 10px; }
@media(max-width:600px) { .license-details { grid-template-columns: minmax(0, 1fr); }.license-details dd { margin-bottom: 8px; } }
@media(max-width:1100px) { .workspace-grid { grid-template-columns: 190px minmax(0, 1fr); }.workspace-properties { grid-column: 2; } }
@media(max-width:650px) { .workspace-grid { grid-template-columns: minmax(0, 1fr); }.workspace-properties { grid-column: auto; grid-row: 2; }.workspace-topbar { position: static; } }

/* Deleted assets retain their place without a broken image or download link. */
.asset-placeholder { display: grid; place-items: center; min-height: 100px; padding: 16px; border: 1px dashed #88947d; background: #dce1d5; color: #526046; text-align: center; overflow-wrap: anywhere; }