.owner-remember-account { display: flex !important; align-items: center; gap: 9px; color: var(--page-muted); font-size: .58rem !important; font-weight: 500 !important; }
.owner-remember-account input { width: 16px !important; height: 16px !important; min-height: 0 !important; margin: 0; accent-color: var(--page-green-deep); }
.suite-stack { display: grid; gap: 12px; }
.suite-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.suite-panel { padding: 18px; background: rgba(255,255,255,.025); border: 1px solid var(--page-line-soft); border-radius: 12px; }
.suite-panel-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 17px; }
.suite-panel-head h3 { margin: 4px 0 0; color: #fff; font-size: .96rem; font-weight: 500; letter-spacing: -.03em; }
.suite-panel-head p { margin: 7px 0 0; color: var(--page-muted); font-size: .59rem; line-height: 1.6; }
.suite-form { display: grid; gap: 12px; }
.suite-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.suite-form-grid .suite-full { grid-column: 1 / -1; }
.suite-form label { display: grid; gap: 6px; color: var(--page-muted); font-size: .53rem; font-weight: 700; }
.suite-form input, .suite-form select, .suite-form textarea {
  width: 100%; min-height: 40px; padding: 9px 10px; color: #fff; background: rgba(255,255,255,.04); border: 1px solid var(--page-line); border-radius: 7px; outline: 0; font-size: .62rem;
}
.suite-form textarea { min-height: 98px; resize: vertical; line-height: 1.55; }
.suite-form input:focus, .suite-form select:focus, .suite-form textarea:focus { border-color: var(--page-green-deep); box-shadow: 0 0 0 2px rgba(58,182,122,.12); }
.suite-form input[type="file"] { padding: 6px; }
.suite-form input[type="file"]::file-selector-button { margin-right: 9px; padding: 7px 9px; color: #07100e; background: var(--page-green); border: 0; border-radius: 5px; font: inherit; font-weight: 800; }
.suite-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 7px; }
.suite-actions.start { justify-content: flex-start; }
.suite-button { min-height: 34px; padding: 0 12px; color: #06120d; background: var(--page-green); border: 1px solid var(--page-green); border-radius: 7px; cursor: pointer; font-size: .56rem; font-weight: 800; }
.suite-button.secondary { color: var(--page-muted); background: transparent; border-color: var(--page-line); }
.suite-button.danger { color: var(--page-red); background: rgba(237,142,131,.06); border-color: rgba(237,142,131,.25); }
.suite-button:disabled { opacity: .45; cursor: wait; }
.suite-notice { padding: 11px 13px; color: var(--page-muted); background: rgba(182,239,207,.04); border: 1px solid var(--page-line-soft); border-radius: 8px; font-size: .56rem; line-height: 1.6; }
.suite-notice strong { color: var(--page-green); }
.warehouse-location-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.warehouse-location { min-height: 180px; padding: 16px; background: rgba(255,255,255,.025); border: 1px solid var(--page-line-soft); border-radius: 11px; }
.warehouse-location > div:first-child { display: flex; justify-content: space-between; gap: 12px; }
.warehouse-location .warehouse-code { color: var(--page-green); font-size: .49rem; font-weight: 800; letter-spacing: .13em; }
.warehouse-location h3 { margin: 17px 0 7px; font-size: .85rem; font-weight: 600; }
.warehouse-location p { margin: 0; color: var(--page-muted); font-size: .56rem; line-height: 1.6; }
.warehouse-location dl { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 17px 0 0; }
.warehouse-location dt { color: var(--page-faint); font-size: .47rem; }
.warehouse-location dd { margin: 2px 0 0; color: #fff; font-size: .59rem; }
.warehouse-location .suite-actions { margin-top: 14px; padding-top: 11px; border-top: 1px solid var(--page-line-soft); }
.inventory-operations-host { grid-column: 1 / -1; }
.inventory-alert-strip { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 8px; margin-bottom: 10px; }
.inventory-alert-strip > div { padding: 12px; border: 1px solid var(--page-line-soft); border-radius: 9px; background: rgba(255,255,255,.018); }
.inventory-alert-strip small { display: block; color: var(--page-faint); font-size: .46rem; font-weight: 800; letter-spacing: .1em; }
.inventory-alert-strip b { display: block; margin-top: 5px; color: var(--owner-orange, #f59e0b); font-size: 1rem; }
.inventory-catalog { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 9px; margin-top: 12px; }
.inventory-card { display: grid; grid-template-columns: 96px minmax(0,1fr); gap: 13px; min-height: 175px; padding: 12px; border: 1px solid var(--page-line-soft); border-radius: 10px; background: rgba(255,255,255,.018); }
.inventory-photo { display: grid; place-items: center; min-height: 148px; overflow: hidden; color: var(--page-faint); background: radial-gradient(circle at 70% 20%, rgba(245,158,11,.18), transparent 45%), #0b100e center/cover no-repeat; border: 1px solid var(--page-line-soft); border-radius: 8px; font-size: 1.4rem; }
.inventory-photo.has-photo span { display: none; }
.inventory-card small { color: var(--owner-orange, #f59e0b); font-size: .45rem; font-weight: 800; letter-spacing: .06em; }
.inventory-card h4 { margin: 7px 0 5px; color: #f4f6f5; font-size: .64rem; }
.inventory-card p { margin: 0; color: var(--page-muted); font-size: .49rem; line-height: 1.5; }
.inventory-card dl { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin: 12px 0; }
.inventory-card dt { color: var(--page-faint); font-size: .42rem; }
.inventory-card dd { margin: 2px 0 0; color: #f4f6f5; font-size: .58rem; }
.inventory-photo-button { display: inline-flex; color: var(--owner-orange, #f59e0b); cursor: pointer; font-size: .48rem; font-weight: 800; }
.stock-location-table { display: grid; gap: 0; }
.stock-location-row { display: grid; grid-template-columns: 1.2fr .8fr .35fr; gap: 12px; align-items: center; min-height: 50px; padding: 8px 4px; border-bottom: 1px solid var(--page-line-soft); font-size: .58rem; }
.stock-location-row b { display: block; color: #fff; }
.stock-location-row small { color: var(--page-faint); }
.stock-location-row strong { color: var(--page-green); font-size: .85rem; text-align: right; }
.inventory-import-preview { display: grid; gap: 10px; padding: 12px; border: 1px solid rgba(245,158,11,.28); border-radius: 10px; background: rgba(245,158,11,.045); }
.inventory-import-preview[hidden] { display: none; }
.inventory-import-summary { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 7px; }
.inventory-import-summary span { padding: 9px; border: 1px solid var(--page-line-soft); border-radius: 7px; background: rgba(255,255,255,.018); }
.inventory-import-summary small { display: block; color: var(--page-faint); font-size: .43rem; font-weight: 800; letter-spacing: .09em; }
.inventory-import-summary b { display: block; margin-top: 4px; color: var(--owner-orange, #f59e0b); font-size: .78rem; }
.inventory-import-table { max-height: 250px; overflow: auto; border: 1px solid var(--page-line-soft); border-radius: 8px; }
.inventory-import-table > div { display: grid; grid-template-columns: 46px 68px minmax(0,1fr) 64px; gap: 8px; align-items: center; min-height: 39px; padding: 7px 9px; border-bottom: 1px solid var(--page-line-soft); color: var(--page-muted); font-size: .52rem; }
.inventory-import-table > div:first-child { position: sticky; z-index: 1; top: 0; background: #111714; color: var(--page-faint); font-size: .43rem; letter-spacing: .07em; }
.inventory-import-table > div:last-child { border-bottom: 0; }
.inventory-import-table span b, .inventory-import-table span small { display: block; }
.inventory-import-table span b { color: #f4f6f5; font-size: .53rem; }
.inventory-import-table span small { margin-top: 2px; color: var(--page-faint); font-size: .47rem; }
.inventory-import-table strong { color: #f4f6f5; text-align: right; }
.import-action { width: fit-content; padding: 3px 6px; border-radius: 999px; font-size: .43rem; font-weight: 800; text-transform: uppercase; }
.import-action.create { color: var(--page-green); background: rgba(58,182,122,.1); }
.import-action.update { color: var(--owner-orange, #f59e0b); background: rgba(245,158,11,.1); }
.cycle-count-layout { display: grid; grid-template-columns: minmax(280px,.72fr) minmax(0,1.28fr); gap: 14px; align-items: start; }
.cycle-count-list { display: grid; gap: 7px; }
.cycle-count-list article { display: grid; grid-template-columns: minmax(0,1.2fr) 72px 72px 54px 90px auto; gap: 9px; align-items: center; min-height: 64px; padding: 10px 11px; border: 1px solid var(--page-line-soft); border-radius: 9px; background: rgba(255,255,255,.018); }
.cycle-count-list article b { display: block; color: #f4f6f5; font-size: .55rem; }
.cycle-count-list article small { display: block; margin-top: 2px; color: var(--page-faint); font-size: .45rem; }
.count-difference { font-size: .62rem; font-weight: 900; text-align: center; }
.count-difference.positive { color: var(--page-green); }
.count-difference.negative { color: var(--page-red); }
.suite-report-list, .suite-receipt-list { display: grid; gap: 8px; }
.suite-report-card, .suite-receipt-card { display: grid; grid-template-columns: minmax(0, 1.25fr) .62fr .45fr auto; gap: 12px; align-items: center; min-height: 72px; padding: 12px 14px; border: 1px solid var(--page-line-soft); border-radius: 9px; background: rgba(255,255,255,.02); }
.suite-report-card b, .suite-receipt-card b { display: block; color: #fff; font-size: .63rem; }
.suite-report-card small, .suite-receipt-card small { display: block; margin-top: 3px; color: var(--page-faint); font-size: .51rem; }
.suite-report-card > span, .suite-receipt-card > span { color: var(--page-muted); font-size: .56rem; }
.suite-report-card .suite-actions, .suite-receipt-card .suite-actions { flex-wrap: nowrap; }
.receipt-payment { position: relative; }
.receipt-payment > summary { min-height: 34px; padding: 8px 10px; color: var(--page-muted); border: 1px solid var(--page-line); border-radius: 8px; cursor: pointer; list-style: none; font-size: .49rem; font-weight: 750; white-space: nowrap; }
.receipt-payment > summary::-webkit-details-marker { display: none; }
.receipt-payment[open] > summary { color: var(--owner-orange); border-color: rgba(245,158,11,.34); }
.receipt-payment > form { position: absolute; z-index: 40; right: 0; bottom: calc(100% + 7px); width: min(290px, 82vw); max-height: min(520px, 72vh); overflow: auto; padding: 13px; border: 1px solid var(--page-line); border-radius: 10px; background: #0b110f; box-shadow: 0 20px 55px rgba(0,0,0,.42); }
html[data-theme="light"] .receipt-payment > form { background: #f7f9f8; }
.template-fields { display: grid; gap: 10px; margin-top: 4px; padding-top: 12px; border-top: 1px solid var(--page-line-soft); }
.suite-required { justify-self: start; margin-top: -2px; color: var(--owner-orange, #f59e0b); font-size: .46rem; font-style: normal; font-weight: 700; }
.suite-field-help { color: var(--page-faint); font-size: .49rem; font-weight: 500; }
.suite-report-workflow { display: grid; grid-template-columns: auto 1fr auto 1fr auto; align-items: center; gap: 10px; padding: 10px 14px; border: 1px solid var(--page-line-soft); border-radius: 10px; color: var(--page-faint); background: rgba(255,255,255,.018); font-size: .51rem; font-weight: 700; }
.suite-report-workflow span.active { color: var(--owner-orange, #f59e0b); }
.suite-report-workflow i { height: 1px; background: var(--page-line); }
.suite-template-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.suite-template-card { display: grid; gap: 5px; min-height: 88px; padding: 12px; color: var(--page-muted); text-align: left; background: rgba(255,255,255,.018); border: 1px solid var(--page-line-soft); border-radius: 9px; cursor: pointer; }
.suite-template-card strong { color: #f4f6f5; font-size: .59rem; }
.suite-template-card span { font-size: .49rem; line-height: 1.5; }
.suite-template-card:hover, .suite-template-card.active { border-color: var(--owner-orange, #f59e0b); background: rgba(245,158,11,.07); }
.suite-template-card.active::after { content: "Selected"; color: var(--owner-orange, #f59e0b); font-size: .43rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.suite-report-actions { position: relative; max-width: 580px; }
.suite-report-actions details { position: relative; }
.suite-report-actions summary { display: grid; place-items: center; min-height: 34px; padding: 0 12px; color: #d6ddd9; border: 1px solid var(--page-line); border-radius: 8px; cursor: pointer; font-size: .56rem; font-weight: 800; list-style: none; }
.suite-report-actions summary::-webkit-details-marker { display: none; }
.suite-report-actions details > div { position: absolute; z-index: 20; right: 0; top: calc(100% + 6px); display: grid; min-width: 132px; padding: 6px; background: #101614; border: 1px solid var(--page-line); border-radius: 9px; box-shadow: 0 18px 38px rgba(0,0,0,.35); }
.suite-report-actions details button { padding: 8px 10px; color: #d6ddd9; text-align: left; background: transparent; border: 0; border-radius: 6px; cursor: pointer; font-size: .53rem; }
.suite-report-actions details button:hover { color: #201503; background: var(--owner-orange, #f59e0b); }
.suite-history-dialog { width: min(820px, calc(100vw - 30px)); max-height: min(720px, calc(100vh - 30px)); padding: 20px; color: #f4f6f5; background: #0b110f; border: 1px solid var(--page-line); border-radius: 14px; box-shadow: 0 28px 90px rgba(0,0,0,.56); }
.suite-history-dialog::backdrop { background: rgba(0,0,0,.72); backdrop-filter: blur(4px); }
.suite-history-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.suite-history-grid h4 { margin: 0 0 10px; color: var(--owner-orange, #f59e0b); font-size: .65rem; }
.suite-history-grid section { display: grid; align-content: start; gap: 7px; }
.suite-history-grid article { display: grid; gap: 5px; padding: 11px; background: rgba(255,255,255,.025); border: 1px solid var(--page-line-soft); border-radius: 8px; }
.suite-history-grid article b { font-size: .57rem; }
.suite-history-grid article span { color: var(--page-muted); font-size: .53rem; line-height: 1.5; }
.suite-history-grid article small { color: var(--page-faint); font-size: .47rem; }
.landing-editor-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 12px; align-items: start; }
.landing-editor-main { display: grid; gap: 12px; }
.landing-editor-side { position: sticky; top: 18px; display: grid; gap: 12px; }
.landing-editor-status { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.landing-editor-status div { padding: 11px; border: 1px solid var(--page-line-soft); border-radius: 8px; background: rgba(255,255,255,.025); }
.landing-editor-status small { display: block; color: var(--page-faint); font-size: .46rem; font-weight: 800; letter-spacing: .1em; }
.landing-editor-status b { display: block; margin-top: 5px; color: #fff; font-size: .6rem; }
.landing-card-editor { display: grid; gap: 10px; padding: 14px; border: 1px solid var(--page-line-soft); border-radius: 9px; background: rgba(255,255,255,.02); }
.landing-card-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.landing-card-head b { color: #fff; font-size: .62rem; }
.landing-card-head span { color: var(--page-faint); font: .5rem ui-monospace, monospace; }
.landing-card-controls { display: flex; gap: 5px; }
.landing-card-controls button { width: 28px; height: 28px; color: var(--page-muted); background: transparent; border: 1px solid var(--page-line); border-radius: 6px; cursor: pointer; }
.landing-card-controls button:hover { color: #fff; border-color: var(--page-green-deep); }
.landing-card-options { overflow: hidden; border: 1px solid var(--page-line-soft); border-radius: 9px; background: rgba(255,255,255,.014); }
.landing-card-options summary { padding: 11px 13px; color: var(--page-muted); cursor: pointer; font-size: .55rem; font-weight: 800; letter-spacing: .04em; }
.landing-card-options[open] summary { color: var(--owner-orange, #f59e0b); border-bottom: 1px solid var(--page-line-soft); }
.landing-card-options .suite-form-grid { padding: 13px; }
.landing-card-options input[type="range"] { min-height: 28px; padding: 0; accent-color: var(--owner-orange, #f59e0b); }
.landing-card-visible { display: flex !important; align-items: center; min-height: 34px; color: var(--page-muted); font-size: .55rem; }
.landing-card-visible input { width: 16px !important; min-height: 16px !important; margin-right: 7px; accent-color: var(--owner-orange, #f59e0b); }
.landing-preview { overflow: hidden; border: 1px solid var(--page-line); border-radius: 10px; background: #0a0a0a; color: #f5f5f3; }
.landing-preview-hero { position: relative; min-height: 210px; overflow: hidden; padding: 26px 22px; background: radial-gradient(circle at 75% 20%, rgba(78,133,191,.35), transparent 45%), #0a0a0a; }
.landing-preview-hero > div { position: relative; z-index: 2; }
.landing-preview-hero-media { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .46; }
.landing-preview-hero::after { content: ""; position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg, rgba(6,6,6,.88), rgba(6,6,6,.18)); pointer-events: none; }
.landing-preview-hero small { color: #8f8f8f; font-size: .43rem; letter-spacing: .12em; }
.landing-preview-hero h3 { margin: 28px 0 8px; font: 400 1.85rem/1 Georgia, serif; }
.landing-preview-hero p { margin: 0; color: #9d9d9d; font-size: .52rem; line-height: 1.6; }
.landing-preview-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; padding: 5px; }
.landing-preview-cards div { position: relative; min-height: 96px; overflow: hidden; padding: 10px; border: 1px solid #252525; background: #121212; }
.landing-preview-card-media { display: block; width: calc(100% + 20px); height: 58px; margin: -10px -10px 8px; object-fit: cover; background: #080808; }
.landing-preview-cards b { display: block; color: #f5f5f3; font: 400 .72rem Georgia, serif; }
.landing-preview-cards small { color: #7f7f7f; font-size: .4rem; }
.landing-media-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.landing-media-item { overflow: hidden; border: 1px solid var(--page-line-soft); border-radius: 7px; background: rgba(255,255,255,.02); }
.landing-media-item img, .landing-media-item video { width: 100%; height: 80px; object-fit: cover; background: #0b0b0b; }
.landing-media-item div { display: grid; gap: 4px; padding: 8px; }
.landing-media-item b { overflow: hidden; color: #fff; font-size: .5rem; text-overflow: ellipsis; white-space: nowrap; }
.landing-media-item button { padding: 0; color: var(--page-green); background: transparent; border: 0; cursor: pointer; text-align: left; font-size: .48rem; }
.landing-version-list { display: grid; gap: 6px; margin-top: 12px; }
.landing-version-list article { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 10px; border: 1px solid var(--page-line-soft); border-radius: 8px; background: rgba(255,255,255,.018); }
.landing-version-list b { display: block; color: #f4f6f5; font-size: .52rem; }
.landing-version-list small { display: block; margin-top: 3px; color: var(--page-faint); font-size: .45rem; text-transform: capitalize; }
.profile-image-controls { display: grid; gap: 8px; margin: 16px 0; padding: 13px; border: 1px solid var(--page-line-soft); border-radius: 9px; background: rgba(255,255,255,.025); text-align: left; }
.profile-image-controls label { color: var(--page-muted); font-size: .54rem; }
.profile-image-controls input { width: 100%; color: var(--page-muted); font-size: .52rem; }
.profile-large-avatar.profile-photo { overflow: hidden; background-position: center; background-size: cover; color: transparent; }
.site-photo-control { display: inline-flex; align-items: center; gap: 5px; color: var(--page-green); cursor: pointer; font-size: .55rem; font-weight: 700; }
.site-photo-control i { display: block; width: 21px; height: 21px; border: 1px dashed var(--page-line); border-radius: 5px; background: rgba(182,239,207,.06) center/cover no-repeat; }
.site-photo-control i.has-photo { border-style: solid; border-color: var(--page-green-deep); }
.suite-error { min-height: 16px; margin: 0; color: var(--page-red); font-size: .55rem; }
.suite-busy { opacity: .55; pointer-events: none; }

html[data-theme="light"] .suite-panel-head h3,
html[data-theme="light"] .warehouse-location h3,
html[data-theme="light"] .warehouse-location dd,
html[data-theme="light"] .stock-location-row b,
html[data-theme="light"] .suite-report-card b,
html[data-theme="light"] .suite-receipt-card b,
html[data-theme="light"] .landing-card-head b,
html[data-theme="light"] .landing-editor-status b,
html[data-theme="light"] .landing-media-item b { color: var(--text); }
html[data-theme="light"] .suite-form input,
html[data-theme="light"] .suite-form select,
html[data-theme="light"] .suite-form textarea { color: var(--text); background: rgba(0,0,0,.035); }

@media (max-width: 1050px) {
  .landing-editor-layout { grid-template-columns: 1fr; }
  .landing-editor-side { position: static; }
  .warehouse-location-grid { grid-template-columns: repeat(2, 1fr); }
  .inventory-catalog { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .cycle-count-layout { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .suite-grid, .suite-form-grid, .warehouse-location-grid { grid-template-columns: 1fr; }
  .suite-form-grid .suite-full { grid-column: auto; }
  .suite-report-card, .suite-receipt-card { grid-template-columns: 1fr; }
  .suite-report-card .suite-actions, .suite-receipt-card .suite-actions { justify-content: flex-start; }
  .receipt-payment > form { position: fixed; inset: 12vh 5vw auto; width: auto; max-height: 76vh; overflow: auto; }
  .suite-report-workflow { grid-template-columns: 1fr; }
  .suite-report-workflow i { display: none; }
  .suite-template-grid, .suite-history-grid { grid-template-columns: 1fr; }
  .inventory-catalog, .inventory-alert-strip { grid-template-columns: 1fr; }
  .inventory-import-summary { grid-template-columns: 1fr; }
  .cycle-count-list article { grid-template-columns: 1fr 1fr 1fr; }
  .cycle-count-list article > span:first-child, .cycle-count-list article .suite-actions { grid-column: 1 / -1; }
}

/* Approved operations styling for Owner Portal extension views. */
.owner-page .suite-stack { gap: 14px; }
.owner-page .suite-panel,
.owner-page .warehouse-location,
.owner-page .suite-report-card,
.owner-page .suite-receipt-card,
.owner-page .landing-card-editor,
.owner-page .landing-editor-status div,
.owner-page .profile-image-controls {
  background: linear-gradient(145deg, rgba(255,255,255,.038), rgba(255,255,255,.017));
  border-color: var(--page-line-soft);
  border-radius: 13px;
  box-shadow: 0 12px 34px rgba(0,0,0,.08);
}
.owner-page .suite-panel { padding: 20px; }
.owner-page .suite-panel-head h3,
.owner-page .warehouse-location h3,
.owner-page .warehouse-location dd,
.owner-page .stock-location-row b,
.owner-page .suite-report-card b,
.owner-page .suite-receipt-card b,
.owner-page .landing-card-head b,
.owner-page .landing-editor-status b,
.owner-page .landing-media-item b { color: #f4f6f5; }
.owner-page .suite-form label { color: #95a09b; font-size: .61rem; }
.owner-page .landing-card-editor label { display: grid; gap: 6px; color: #95a09b; font-size: .61rem; font-weight: 700; }
.owner-page .suite-form input,
.owner-page .suite-form select,
.owner-page .suite-form textarea,
.owner-page .landing-card-editor input,
.owner-page .landing-card-editor select,
.owner-page .landing-card-editor textarea {
  width: 100%;
  min-height: 43px;
  padding: 9px 10px;
  color: #f4f6f5;
  background: #0b110f;
  border: 1px solid var(--page-line);
  border-color: var(--page-line);
  border-radius: 9px;
  outline: 0;
  font-size: .62rem;
  color-scheme: dark;
}
.owner-page .landing-card-editor textarea { min-height: 98px; resize: vertical; line-height: 1.55; }
.owner-page .suite-form input:focus,
.owner-page .suite-form select:focus,
.owner-page .suite-form textarea:focus,
.owner-page .landing-card-editor input:focus,
.owner-page .landing-card-editor select:focus,
.owner-page .landing-card-editor textarea:focus { border-color: var(--owner-orange); box-shadow: 0 0 0 3px rgba(245,158,11,.11); }
.owner-page .suite-form input[type="file"]::file-selector-button,
.owner-page .suite-button {
  color: #211503;
  background: var(--owner-orange);
  border-color: var(--owner-orange);
  border-radius: 8px;
}
.owner-page .suite-button:hover { background: #ffb329; border-color: #ffb329; }
.owner-page .suite-button.secondary { color: #d6ddd9; background: rgba(255,255,255,.035); border-color: var(--page-line); }
.owner-page .suite-button.danger { color: var(--page-red); background: rgba(240,110,101,.07); border-color: rgba(240,110,101,.28); }
.owner-page .warehouse-code,
.owner-page .stock-location-row strong,
.owner-page .landing-media-item button { color: var(--owner-orange); }
.owner-page .landing-card-controls button:hover { color: var(--owner-orange); border-color: var(--owner-orange); }
.owner-page .landing-preview { border-radius: 13px; }
.owner-page .suite-notice { background: rgba(245,158,11,.055); border-color: rgba(245,158,11,.16); }
.owner-page .suite-notice strong { color: var(--owner-orange); }

html[data-theme="light"] .owner-page .suite-panel,
html[data-theme="light"] .owner-page .warehouse-location,
html[data-theme="light"] .owner-page .suite-report-card,
html[data-theme="light"] .owner-page .suite-receipt-card,
html[data-theme="light"] .owner-page .landing-card-editor,
html[data-theme="light"] .owner-page .landing-editor-status div,
html[data-theme="light"] .owner-page .profile-image-controls { color: #142019; background: rgba(255,255,255,.84); box-shadow: 0 10px 28px rgba(34,61,47,.055); }
html[data-theme="light"] .owner-page .suite-panel-head h3,
html[data-theme="light"] .owner-page .warehouse-location h3,
html[data-theme="light"] .owner-page .warehouse-location dd,
html[data-theme="light"] .owner-page .stock-location-row b,
html[data-theme="light"] .owner-page .suite-report-card b,
html[data-theme="light"] .owner-page .suite-receipt-card b,
html[data-theme="light"] .owner-page .landing-card-head b,
html[data-theme="light"] .owner-page .landing-editor-status b,
html[data-theme="light"] .owner-page .landing-media-item b { color: #142019; }
html[data-theme="light"] .owner-page .landing-version-list b { color: #142019; }
html[data-theme="light"] .owner-page .suite-form input,
html[data-theme="light"] .owner-page .suite-form select,
html[data-theme="light"] .owner-page .suite-form textarea,
html[data-theme="light"] .owner-page .landing-card-editor input,
html[data-theme="light"] .owner-page .landing-card-editor select,
html[data-theme="light"] .owner-page .landing-card-editor textarea { color: #142019; background: #f7f9f8; color-scheme: light; }
html[data-theme="light"] .owner-page .suite-button.secondary { color: #34463d; background: #fff; }
html[data-theme="light"] .owner-page .suite-template-card strong,
html[data-theme="light"] .owner-page .suite-history-dialog,
html[data-theme="light"] .owner-page .inventory-card h4,
html[data-theme="light"] .owner-page .inventory-card dd { color: #142019; }
html[data-theme="light"] .owner-page .suite-history-dialog,
html[data-theme="light"] .owner-page .suite-report-actions details > div { background: #f7f9f8; }
html[data-theme="light"] .owner-page .suite-report-actions summary,
html[data-theme="light"] .owner-page .suite-report-actions details button { color: #34463d; }

/* Procurement and technician work orders extend the existing Owner Portal style. */
.supplier-list,
.purchase-order-list,
.work-order-list { display: grid; gap: 10px; }
.supplier-card,
.purchase-order-card,
.work-order-card { padding: 15px; border: 1px solid var(--page-line-soft); border-radius: 11px; background: rgba(255,255,255,.018); }
.supplier-card { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.supplier-card h4,
.purchase-order-card h4,
.work-order-card b { margin: 5px 0; color: #f4f6f5; }
.supplier-card p,
.supplier-card small,
.purchase-order-card p,
.work-order-card p { color: var(--page-muted); font-size: .56rem; line-height: 1.55; }
.purchase-order-head,
.work-order-head,
.purchase-order-card footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.purchase-order-head span:first-child,
.work-order-head span:first-child { display: grid; gap: 4px; }
.purchase-order-head small,
.work-order-head small { color: var(--page-faint); font-size: .48rem; }
.purchase-lines { display: grid; gap: 5px; margin: 12px 0; }
.purchase-lines > span { display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: 12px; padding: 8px 10px; border: 1px solid var(--page-line-soft); border-radius: 7px; }
.purchase-lines small { color: var(--page-muted); font-size: .5rem; }
.purchase-lines strong { color: var(--owner-orange); font-size: .54rem; }
.purchase-order-card footer { margin-top: 12px; padding-top: 11px; border-top: 1px solid var(--page-line-soft); color: var(--page-muted); font-size: .58rem; }
.purchase-order-card footer b { color: var(--owner-orange); }
.purchase-receive { margin-top: 12px; border: 1px solid var(--page-line-soft); border-radius: 8px; }
.purchase-receive summary { padding: 10px; color: var(--owner-orange); cursor: pointer; font-size: .55rem; font-weight: 800; }
.purchase-receive form { padding: 0 10px 10px; }
.work-order-card dl { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 7px; margin: 12px 0; }
.work-order-card dl div { padding: 8px; border: 1px solid var(--page-line-soft); border-radius: 7px; }
.work-order-card dt { color: var(--page-faint); font-size: .44rem; }
.work-order-card dd { margin: 4px 0 0; color: #f4f6f5; font-size: .53rem; }
.work-order-card ul { display: grid; gap: 4px; padding-left: 18px; color: var(--page-muted); font-size: .54rem; }
html[data-theme="light"] .owner-page .supplier-card h4,
html[data-theme="light"] .owner-page .purchase-order-card h4,
html[data-theme="light"] .owner-page .work-order-card b,
html[data-theme="light"] .owner-page .work-order-card dd { color: #142019; }
@media (max-width: 760px) {
  .work-order-card dl { grid-template-columns: 1fr 1fr; }
  .purchase-lines > span { grid-template-columns: 1fr; }
}
.advanced-report-panel { margin-top: 2px; }
.custom-report-fields { display: grid; gap: 7px; margin: 14px 0; }
.custom-report-field { display: grid; grid-template-columns: 30px minmax(100px,.8fr) minmax(150px,1.2fr) minmax(120px,.8fr) auto auto; align-items: end; gap: 8px; padding: 9px; border: 1px solid var(--page-line-soft); border-radius: 9px; background: rgba(255,255,255,.018); }
.custom-report-field.dragging { opacity: .45; border-color: var(--owner-orange); }
.custom-report-field .drag-handle { align-self: center; color: var(--owner-orange); cursor: grab; font: 800 .78rem ui-monospace, monospace; letter-spacing: -.15em; }
.custom-report-field label { display: grid; gap: 5px; color: var(--page-muted); font-size: .5rem; }
.custom-report-field input,
.custom-report-field select { min-width: 0; min-height: 37px; padding: 7px 9px; color: #f4f6f5; background: #0b110f; border: 1px solid var(--page-line); border-radius: 7px; }
.custom-report-field .custom-required { display: flex; align-items: center; min-height: 37px; white-space: nowrap; }
.custom-report-field .custom-required input { min-height: auto; }
.report-schedule-list { display: grid; gap: 7px; margin-top: 14px; }
.report-schedule-list article { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px; border: 1px solid var(--page-line-soft); border-radius: 8px; }
.report-schedule-list article span { display: grid; gap: 3px; }
.report-schedule-list b { color: #f4f6f5; font-size: .56rem; }
.report-schedule-list small { color: var(--page-muted); font-size: .48rem; }
.report-location-tools { display: flex; align-items: center; gap: 10px; padding: 10px; border: 1px solid var(--page-line-soft); border-radius: 8px; background: rgba(255,255,255,.018); }
.report-location-tools span { color: var(--page-muted); font-size: .52rem; }
.report-media-field { display: grid; gap: 9px; padding: 11px; border: 1px solid var(--page-line-soft); border-radius: 9px; background: rgba(255,255,255,.015); }
html[data-theme="light"] .custom-report-field input,
html[data-theme="light"] .custom-report-field select { color: #142019; background: #f7f9f8; }
html[data-theme="light"] .report-schedule-list b { color: #142019; }
@media (max-width: 1050px) {
  .custom-report-field { grid-template-columns: 24px 1fr 1fr; }
}
@media (max-width: 760px) {
  .custom-report-field { grid-template-columns: 1fr; }
  .custom-report-field .drag-handle { display: none; }
  .report-location-tools { align-items: stretch; flex-direction: column; }
}

/* The existing Reports tab is now the complete management dashboard workspace. */
.management-dashboard { padding-bottom: 18px; }
.management-dashboard > .suite-grid { align-items: start; }
.management-filter-panel .suite-form { gap: 14px; }
.management-filter-panel .suite-panel-head { align-items: flex-start; }
.management-metric-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 9px; }
.management-metric { min-height: 118px; padding: 15px; display: grid; align-content: space-between; gap: 7px; border: 1px solid var(--page-line-soft); border-radius: 11px; background: linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,.012)); }
.management-metric small { color: var(--page-faint); font-size: .46rem; font-weight: 850; letter-spacing: .11em; }
.management-metric b { color: #f5f7f6; font: 650 clamp(.82rem, 1.4vw, 1.24rem)/1.1 "Rubik", Inter, sans-serif; overflow-wrap: anywhere; }
.management-metric span { color: var(--page-muted); font-size: .49rem; line-height: 1.45; }
.management-metric.positive { border-color: rgba(50, 191, 128, .25); box-shadow: inset 0 2px 0 rgba(50, 191, 128, .32); }
.management-metric.warning { border-color: rgba(245, 158, 11, .32); box-shadow: inset 0 2px 0 rgba(245, 158, 11, .4); }
.management-metric.negative { border-color: rgba(234, 88, 88, .32); box-shadow: inset 0 2px 0 rgba(234, 88, 88, .4); }
.management-bars { display: grid; gap: 11px; }
.management-bars > div { display: grid; grid-template-columns: minmax(125px, .7fr) minmax(160px, 1.3fr); gap: 13px; align-items: center; }
.management-bars span { display: grid; gap: 3px; }
.management-bars b { color: #f4f6f5; font-size: .55rem; text-transform: capitalize; }
.management-bars small { color: var(--page-muted); font-size: .46rem; }
.management-bars i,
.alarm-frequency-grid i { display: block; height: 7px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.06); }
.management-bars em,
.alarm-frequency-grid em { display: block; height: 100%; min-width: 3px; border-radius: inherit; background: linear-gradient(90deg, var(--owner-orange), #ffc66d); }
.management-state-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 13px; }
.management-state-grid div { padding: 13px; border: 1px solid var(--page-line-soft); border-radius: 9px; background: rgba(255,255,255,.018); }
.management-state-grid small { display: block; color: var(--page-faint); font-size: .44rem; letter-spacing: .09em; }
.management-state-grid b { display: block; margin-top: 5px; color: #f4f6f5; font-size: 1rem; }
.alarm-frequency-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.alarm-frequency-grid article { display: grid; gap: 10px; padding: 11px; border: 1px solid var(--page-line-soft); border-radius: 9px; }
.alarm-frequency-grid article span { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.alarm-frequency-grid b { color: #f4f6f5; font-size: .54rem; }
.alarm-frequency-grid small { color: var(--page-muted); font-size: .45rem; white-space: nowrap; }
.management-schedule-list,
.management-run-list { display: grid; gap: 8px; }
.management-schedule-list article,
.management-run-list article { display: flex; align-items: center; justify-content: space-between; gap: 13px; padding: 11px; border: 1px solid var(--page-line-soft); border-radius: 9px; background: rgba(255,255,255,.014); }
.management-schedule-list article > span,
.management-run-list article > span:first-child { display: grid; gap: 3px; min-width: 0; }
.management-schedule-list b,
.management-run-list b { color: #f4f6f5; font-size: .55rem; }
.management-schedule-list small,
.management-run-list small,
.management-run-list article > span:nth-child(2) { color: var(--page-muted); font-size: .47rem; }
.management-run-list details { position: relative; }
.management-run-list details summary { padding: 8px 10px; color: var(--page-muted); cursor: pointer; font-size: .49rem; }
.management-run-list details > div { position: absolute; z-index: 15; right: 0; top: calc(100% + 5px); min-width: 150px; display: grid; padding: 7px; border: 1px solid var(--page-line); border-radius: 8px; background: #0b110f; box-shadow: 0 16px 45px rgba(0,0,0,.35); }
.management-run-list details button { padding: 7px 9px; color: #f4f6f5; text-align: left; border: 0; border-radius: 6px; background: transparent; cursor: pointer; font-size: .49rem; }
.management-run-list details button:hover { color: var(--owner-orange); background: rgba(245,158,11,.08); }
.management-disclaimer { margin: 0; padding: 11px 13px; color: var(--page-faint); border-left: 2px solid var(--owner-orange); font-size: .5rem; line-height: 1.55; }
html[data-theme="light"] .management-metric b,
html[data-theme="light"] .management-bars b,
html[data-theme="light"] .management-state-grid b,
html[data-theme="light"] .alarm-frequency-grid b,
html[data-theme="light"] .management-schedule-list b,
html[data-theme="light"] .management-run-list b { color: #142019; }
html[data-theme="light"] .management-run-list details > div { background: #f7f9f8; }
html[data-theme="light"] .management-run-list details button { color: #34463d; }
@media (max-width: 1320px) {
  .management-metric-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 820px) {
  .management-metric-grid,
  .alarm-frequency-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .management-schedule-list article,
  .management-run-list article { align-items: stretch; flex-direction: column; }
}
@media (max-width: 540px) {
  .management-metric-grid,
  .alarm-frequency-grid,
  .management-state-grid { grid-template-columns: 1fr; }
  .management-bars > div { grid-template-columns: 1fr; }
}

.landing-analytics-panel .suite-panel-head select { min-height: 34px; padding: 7px 28px 7px 9px; color: #f4f6f5; border: 1px solid var(--page-line); border-radius: 7px; background: #0b110f; font-size: .5rem; }
.landing-analytics-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.landing-analytics-kpis div { padding: 10px; border: 1px solid var(--page-line-soft); border-radius: 8px; background: rgba(255,255,255,.018); }
.landing-analytics-kpis small { display: block; color: var(--page-faint); font-size: .4rem; letter-spacing: .08em; }
.landing-analytics-kpis b { display: block; margin-top: 5px; color: #f4f6f5; font-size: .7rem; }
.landing-analytics-devices { display: grid; gap: 7px; margin-top: 12px; }
.landing-analytics-devices > span { display: grid; grid-template-columns: 54px minmax(70px, 1fr) 24px; align-items: center; gap: 7px; }
.landing-analytics-devices b,
.landing-analytics-devices small { color: var(--page-muted); font-size: .44rem; text-transform: capitalize; }
.landing-analytics-devices i { display: block; height: 5px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.06); }
.landing-analytics-devices em { display: block; height: 100%; border-radius: inherit; background: var(--owner-orange); }
.landing-popular-cards { display: grid; gap: 6px; margin-top: 13px; padding-top: 11px; border-top: 1px solid var(--page-line-soft); }
.landing-popular-cards > small { color: var(--page-faint); font-size: .4rem; letter-spacing: .08em; }
.landing-popular-cards span { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--page-muted); font-size: .45rem; }
.landing-popular-cards em { color: var(--owner-orange); font-style: normal; }
html[data-theme="light"] .landing-analytics-panel .suite-panel-head select { color: #142019; background: #f7f9f8; }
html[data-theme="light"] .landing-analytics-kpis b { color: #142019; }
@media (max-width: 540px) { .landing-analytics-kpis { grid-template-columns: 1fr; } }