[data-production-dashboard="true"] .web-home-panel { padding:16px; }
[data-production-dashboard="true"] .production-dashboard h2 { font-size:16px; font-weight:750; line-height:1.4; color:var(--home-ink); }
[data-production-dashboard="true"] .production-dashboard h2 > i { color:#048ba7; margin-right:8px; }
[data-production-dashboard="true"] .production-dashboard h2 > small { font-size:11px; font-weight:400; color:var(--home-muted); }
[data-production-dashboard="true"] .web-home-section-heading { display:flex; align-items:center; gap:12px; margin-bottom:12px; }
[data-production-dashboard="true"] .web-home-section-heading h2 { font-size:18px; }
[data-production-dashboard="true"] .web-home-star { font-size:30px; line-height:1; color:#ffcc46; }
[data-production-dashboard="true"] .web-home-favorites { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }
[data-production-dashboard="true"] .web-home-actions { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:10px; }
[data-production-dashboard="true"] a.web-home-card { display:flex; align-items:center; gap:10px; padding:13px 11px; border:1px solid #e4edf5; border-radius:12px; background:#fbfdff; text-decoration:none; color:var(--home-ink); transition:transform .15s,border-color .15s,box-shadow .15s; }
[data-production-dashboard="true"] a.web-home-card:hover { transform:translateY(-2px); border-color:#9dccdf; box-shadow:0 5px 12px #1a729315; }
[data-production-dashboard="true"] a:focus-visible,[data-production-dashboard="true"] button:focus-visible,[data-production-dashboard="true"] summary:focus-visible { outline:3px solid #1588b4; outline-offset:3px; }
[data-production-dashboard="true"] .web-home-icon { display:grid; place-items:center; flex:0 0 44px; width:44px; height:44px; border-radius:14px; background:#e3f3ff; color:#087cc8; font-size:20px; }
[data-production-dashboard="true"] .web-home-card-copy { flex:1; overflow-wrap:anywhere; }
[data-production-dashboard="true"] .web-home-card strong { display:block; font-size:13px; line-height:1.4; }
[data-production-dashboard="true"] .web-home-card small { display:block; margin-top:5px; font-size:11px; line-height:1.5; color:var(--home-muted); }
[data-production-dashboard="true"] .web-home-arrow { width:27px; height:27px; flex-shrink:0; display:grid; place-items:center; margin-left:auto; align-self:flex-end; background:#eaf2f8; border-radius:50%; color:#4c6a80; font-size:22px; line-height:1; }
[data-production-dashboard="true"] .web-home-actions .web-home-arrow { width:23px; height:23px; }
[data-production-dashboard="true"] a.web-home-favorite { display:grid; grid-template-columns:minmax(0,1fr) 28px; grid-template-rows:58px 1fr; align-items:start; gap:10px 0; padding:14px; min-height:176px; background:#f0f8ff; }
[data-production-dashboard="true"] .web-home-favorite .web-home-icon { width:58px; height:58px; grid-column:1 / -1; font-size:27px; border-radius:18px; }
[data-production-dashboard="true"] .web-home-favorite .web-home-card-copy { grid-column:1 / -1; grid-row:2; padding-right:23px; }
[data-production-dashboard="true"] .web-home-favorite .web-home-arrow { grid-column:2; grid-row:2; align-self:end; }
[data-production-dashboard="true"] .web-home-favorite strong { font-size:15px; }
[data-production-dashboard="true"] a.web-home-favorite[data-action="calendar"] { background:#eff9f5; }
[data-production-dashboard="true"] [data-action="calendar"] .web-home-icon { background:#d5f2e8; color:#079d7d; }
[data-production-dashboard="true"] a.web-home-favorite[data-action="customers"] { background:#fff7ef; }
[data-production-dashboard="true"] [data-action="customers"] .web-home-icon { background:#ffead8; color:#ec7a24; }
[data-production-dashboard="true"] a.web-home-favorite[data-action="new-receipt"] { background:#edfbfd; }
[data-production-dashboard="true"] [data-action="new-receipt"] .web-home-icon { background:#cff0f5; color:#0196aa; }
[data-production-dashboard="true"] a.web-home-favorite[data-action="archive"] { background:#f6f3ff; }
[data-production-dashboard="true"] [data-action="archive"] .web-home-icon,[data-production-dashboard="true"] [data-action="receipts"] .web-home-icon { background:#ece4ff; color:#8454c5; }
[data-production-dashboard="true"] [data-action="team"] .web-home-icon { background:#f9e8f2; color:#ad4c94; }
[data-production-dashboard="true"] [data-action="service-reports"] .web-home-icon { background:#def5ed; color:#098773; }
[data-production-dashboard="true"] [data-action="admin-subscriptions"] .web-home-icon { background:#e0f4f7; color:#39879c; }
[data-production-dashboard="true"] [data-action="admin-notifications"] .web-home-icon { background:#fde9ec; color:#c8324d; }

/* The original note components and all their actions remain mounted. */
.app-view-shell[data-production-dashboard="true"] > .ek1-dashboard-sticky-notes { grid-column:1; grid-row:3; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 14px; padding:0 !important; margin:0 !important; max-width:none !important; align-self:start; }
[data-production-dashboard="true"] > .ek1-dashboard-sticky-notes > div:not(.fixed) { display:contents; }
[data-production-dashboard="true"] > .ek1-dashboard-sticky-notes > div:first-child > div { width:100% !important; min-width:0; background:white; border:1px solid var(--home-line); border-bottom:0; border-radius:15px 15px 0 0; padding:14px 16px 8px; }
[data-production-dashboard="true"] > .ek1-dashboard-sticky-notes > div:first-child > div:first-child { grid-column:1; grid-row:1; }
[data-production-dashboard="true"] > .ek1-dashboard-sticky-notes > div:first-child > div:nth-child(2) { grid-column:2; grid-row:1; }
[data-production-dashboard="true"] > .ek1-dashboard-sticky-notes > div:nth-child(2) > * { min-width:0; background:white; border:1px solid var(--home-line); border-top:0; padding:0 16px 12px !important; border-radius:0 0 15px 15px; box-shadow:var(--home-shadow); }
[data-production-dashboard="true"] > .ek1-dashboard-sticky-notes > div:nth-child(2) > div { grid-column:1; grid-row:2; }
[data-production-dashboard="true"] > .ek1-dashboard-sticky-notes > div:nth-child(2) > section { grid-column:2; grid-row:2; }
[data-production-dashboard="true"] > .ek1-dashboard-sticky-notes h2 { color:var(--home-ink) !important; font-size:15px !important; font-weight:750 !important; }
[data-production-dashboard="true"] > .ek1-dashboard-sticky-notes h2::before { content:'\f249'; font-family:'Font Awesome 6 Free'; font-weight:900; font-size:19px; color:#0b8eae; margin-right:9px; }
[data-production-dashboard="true"] > .ek1-dashboard-sticky-notes > div:first-child > div:nth-child(2) h2::before { content:'\f0c0'; }
[data-production-dashboard="true"] > .ek1-dashboard-sticky-notes p { font-size:10px !important; line-height:1.45 !important; color:var(--home-muted) !important; }
[data-production-dashboard="true"] > .ek1-dashboard-sticky-notes br { display:none; }
.app-view-shell[data-production-dashboard="true"] .ek1-sticky-note { flex:1 1 100% !important; width:100% !important; min-height:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:none !important; box-shadow:none !important; transform:none; }
.app-view-shell[data-production-dashboard="true"] .ek1-sticky-note::before,.app-view-shell[data-production-dashboard="true"] .ek1-sticky-note::after { display:none; }
.app-view-shell[data-production-dashboard="true"] .ek1-sticky-note-toolbar { display:none; }
.app-view-shell[data-production-dashboard="true"] .ek1-sticky-note-content { transform:none; }
.app-view-shell[data-production-dashboard="true"] .ek1-sticky-note-line { display:grid !important; grid-template-columns:15px minmax(0,1fr) auto 10px; gap:8px; align-items:start; border:1px solid #e7eef5; border-radius:7px; background:#f8fbfe !important; padding:8px 9px; margin-bottom:5px; white-space:normal; font-family:inherit !important; line-height:1.5 !important; font-size:11px !important; }
.app-view-shell[data-production-dashboard="true"] .ek1-sticky-note-line::before { content:''; width:13px; height:13px; border:1px solid #8ea6be; border-radius:3px; margin-top:2px; }
.app-view-shell[data-production-dashboard="true"] .ek1-sticky-note-completed::before { content:'✓'; background:#dff1ed; color:#127968; line-height:12px; text-align:center; }
.app-view-shell[data-production-dashboard="true"] .ek1-sticky-note-line::after { content:'⋮'; grid-column:4; color:#486785; font-size:15px; line-height:1; }
.app-view-shell[data-production-dashboard="true"] .ek1-sticky-note-line-text { white-space:normal; overflow-wrap:anywhere; }
.app-view-shell[data-production-dashboard="true"] .ek1-sticky-note-line-meta { font-size:9px; line-height:1.5; color:var(--home-muted); white-space:normal; text-align:right; }
.app-view-shell[data-production-dashboard="true"] .ek1-sticky-note-empty { display:flex; align-items:center; justify-content:center; gap:6px; background:#f8fcff !important; color:#1580a0 !important; border:1px dashed #cfe0eb; border-radius:7px; min-height:32px; font-family:inherit !important; line-height:1.4 !important; font-size:11px !important; }
.app-view-shell[data-production-dashboard="true"] .ek1-sticky-note-empty::after { content:'Yeni Not'; }
[data-production-dashboard="true"] > .ek1-dashboard-sticky-notes:not(:has(> div:nth-child(2) > section)) { grid-template-columns:1fr; }

.production-topbar { --home-muted:#667c94; --home-line:#e0ebf3; --home-max-width:1920px; --home-sidebar-width:0px; --home-gutter:22px; position:fixed; z-index:30; top:0; left:0; right:0; background:#fffffffa; border-bottom:1px solid #dae7f1; box-shadow:0 2px 8px #25496706; }
.web-home-topbar-row { height:64px; padding:0 22px; display:flex; align-items:center; gap:28px; }
.web-home-logo { display:flex; align-items:center; gap:10px; flex:0 0 210px; }
.web-home-logo img { width:38px; height:38px; border-radius:10px; }
.web-home-logo strong { display:block; font-size:16px; }
.web-home-logo small { display:block; color:var(--home-muted); font-size:9px; }
.web-home-menu-toggle { width:30px; height:38px; color:#416985; }
.web-home-search { position:relative; display:flex; align-items:center; gap:12px; background:#f1f7fb; border:1px solid #e0eaf2; border-radius:8px; padding:0 12px; flex:1; max-width:620px; height:38px; }
.web-home-search > i { color:#4b6b89; }
.web-home-search input { width:100%; min-width:0; height:100%; background:transparent !important; border:0; box-shadow:none !important; outline:none; font-size:12px !important; }
.web-home-search:focus-within { outline:2px solid #79b8d6; }
.web-home-search kbd { font-size:11px; border:1px solid #d4e2ed; color:#5c7490; border-radius:4px; padding:1px 6px; }
.web-home-account { margin-left:auto; display:flex; align-items:center; gap:12px; }
.web-home-avatar { display:grid; place-items:center; width:38px; height:38px; flex-shrink:0; background:linear-gradient(135deg,#2bc5d0,#008da0); color:white; font-size:13px; font-weight:750; border-radius:50%; box-shadow:0 2px 5px #0c8e9b30; }
.web-home-user { max-width:170px; }
.web-home-user strong { display:block; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.web-home-user small { display:block; font-size:10px; color:var(--home-muted); }
.web-home-notifications { position:relative; border-right:1px solid #e2eaf1; padding-right:12px; }
.web-home-notifications > button { width:32px; height:38px; position:relative; color:#4f6a84; }
.web-home-notification-dot { position:absolute; width:7px; height:7px; border-radius:50%; background:#e96072; right:6px; top:6px; }
.web-home-search-results,.web-home-notification-panel { position:absolute; top:calc(100% + 10px); left:0; width:100%; max-height:min(65vh,480px); overflow:auto; background:#fff; border:1px solid var(--home-line); border-radius:12px; padding:12px; box-shadow:0 10px 28px #183b5625; }
.web-home-notification-panel { width:300px; left:auto; right:0; }
.web-home-search-results p { font-size:11px; padding:6px 0; }
.web-home-search-results li button { text-align:left; display:block; width:100%; padding:9px; border-top:1px solid #edf2f7; }
.web-home-search-results li button:hover { background:#f0f8fc; }
.web-home-search-results span { font-size:9px; color:#168ba4; }
.web-home-search-results strong { display:block; font-size:12px; overflow-wrap:anywhere; }
.web-home-search-results small { font-size:10px; color:var(--home-muted); overflow-wrap:anywhere; }
.web-home-search-detail button { border:1px solid #dce9f1; padding:7px; border-radius:6px; margin:8px 6px 0 0; font-size:11px; }
.web-home-notification-panel article { padding:10px 0; border-top:1px solid #edf2f7; overflow-wrap:anywhere; }
.web-home-notification-panel article strong { font-size:12px; }
.web-home-trial { height:21px; line-height:15px; text-align:center; background:#eaf5fb; color:#47687f; font-size:10px; padding:3px 10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.web-home-navigation { display:flex; align-items:center; justify-content:flex-end; gap:6px; flex:0 0 176px; width:176px; }
.web-home-navigation button { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:40px; border:1px solid #d6e3ed; border-radius:8px; background:#f7fbfe; color:#365d7d; font-size:11px; font-weight:700; white-space:nowrap; padding:0 10px; }
.web-home-navigation button:hover { background:#edf6fc; }
.web-home-navigation button:focus-visible,.web-home-notifications > button:focus-visible,.web-home-menu-toggle:focus-visible { outline:2px solid #1675eb; outline-offset:2px; }
.web-home-notifications { display:flex; align-items:center; padding-right:0; }
.web-home-notifications > button { width:44px; height:44px; transform:translateX(-6px); }
.web-home-notification-dot { right:12px; }

[data-production-dashboard="true"] .web-home-section-heading { flex-wrap:wrap; }
[data-production-dashboard="true"] .web-home-edit-favorites { margin-left:auto; color:#087fa6; font-size:11px; padding:8px 0; display:flex; align-items:center; gap:6px; }
[data-production-dashboard="true"] .web-home-edit-favorites:disabled { opacity:.5; }
[data-production-dashboard="true"] .web-favorites-dialog { width:min(560px,calc(100% - 24px)); max-height:calc(100dvh - 32px); margin:auto; padding:22px; border:1px solid var(--home-line); border-radius:16px; background:#fff; color:var(--home-ink); overflow:auto; box-shadow:0 16px 64px #142b4b40; }
[data-production-dashboard="true"] .web-favorites-dialog::backdrop { background:#142b4b65; }
[data-production-dashboard="true"] .web-favorites-editor-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:8px; }
[data-production-dashboard="true"] .web-favorites-editor-heading button { font-size:25px; padding:0 8px; }
[data-production-dashboard="true"] .web-favorites-count { margin:12px 0; }
[data-production-dashboard="true"] .web-favorites-order { display:grid; gap:6px; margin-bottom:18px; }
[data-production-dashboard="true"] .web-favorites-order li { display:flex; align-items:center; gap:6px; padding:6px 10px; background:#f0f7fb; border-radius:8px; font-size:12px; }
[data-production-dashboard="true"] .web-favorites-order li span { flex:1; overflow-wrap:anywhere; }
[data-production-dashboard="true"] .web-favorites-order button { min-width:32px; min-height:32px; border:1px solid #d3e4ed; border-radius:6px; }
[data-production-dashboard="true"] .web-favorites-dialog button:disabled { opacity:.35; cursor:default; }
[data-production-dashboard="true"] .web-favorites-options { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:10px; }
[data-production-dashboard="true"] .web-favorites-options legend { margin-bottom:10px; font-size:12px; font-weight:650; }
[data-production-dashboard="true"] .web-favorites-options label { display:flex; gap:8px; align-items:center; font-size:12px; overflow-wrap:anywhere; }
[data-production-dashboard="true"] .web-favorites-options input { flex-shrink:0; width:16px; height:16px; accent-color:#078ba4; }
[data-production-dashboard="true"] .web-favorites-editor-footer { display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end; margin-top:20px; }
[data-production-dashboard="true"] .web-favorites-editor-footer button { padding:9px 12px; border:1px solid #cbdfe9; border-radius:8px; font-size:12px; }
[data-production-dashboard="true"] .web-favorites-editor-footer .web-favorites-save { background:#078ba4; border-color:#078ba4; color:white; }


/* Shared toolbar spacing; inner page content and sidebar styling stay in app-theme.css. */
body:has(.production-topbar) .app-view-shell[data-view] { padding-top:calc(var(--production-topbar-height,64px) + 18px) !important; }
.production-topbar { color:#142b4b; padding-top:env(safe-area-inset-top); }
.production-topbar * { box-sizing:border-box; min-width:0; }
.production-topbar[data-mode="dashboard"] .web-home-navigation { display:none; }
.production-topbar .web-home-user small { max-width:170px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.production-topbar .web-home-notification-panel { overflow-wrap:anywhere; font-size:12px; }
.production-topbar .web-home-notification-panel h2 { font-weight:700; margin-bottom:8px; }
.production-topbar .web-home-notification-panel > button { text-align:left; width:100%; }
.production-topbar button { cursor:pointer; }
.app-view-shell[data-production-dashboard="true"] { --home-ink:#142b4b; --home-muted:#667c94; --home-line:#e0ebf3; --home-shadow:0 3px 9px #173e5810; max-width:1800px !important; padding-inline:22px !important; padding-bottom:24px; background:transparent !important; border-radius:0; }
.app-view-shell[data-production-dashboard="true"] .production-dashboard { display:grid; gap:16px; padding:0; margin:0; max-width:none !important; }
[data-production-dashboard="true"] .production-dashboard * { box-sizing:border-box; min-width:0; }
[data-production-dashboard="true"] .web-home-panel { border:1px solid var(--home-line); border-radius:15px; background:#fff; box-shadow:var(--home-shadow); }
[data-production-dashboard="true"] .production-dashboard .ek1-dashboard-header { background:#fff !important; padding:20px !important; border:1px solid var(--home-line); border-radius:15px; box-shadow:var(--home-shadow) !important; }
[data-production-dashboard="true"] .production-dashboard .ek1-dashboard-title { color:var(--home-ink) !important; font-size:23px !important; white-space:normal; overflow-wrap:anywhere; }
[data-production-dashboard="true"] .production-dashboard .ek1-dashboard-header img { width:42px !important; height:42px !important; box-shadow:none !important; }
[data-production-dashboard="true"] .web-home-favorites { grid-template-columns:repeat(4,minmax(0,1fr)); }
[data-production-dashboard="true"] .web-home-actions { grid-template-columns:repeat(4,minmax(0,1fr)); }
[data-production-dashboard="true"] .web-home-favorites:has(> :nth-child(5)) { grid-template-columns:repeat(5,minmax(0,1fr)); }
[data-production-dashboard="true"] .web-home-favorite { min-height:158px !important; }
[data-production-dashboard="true"] .web-home-actions .web-home-card { min-height:86px; }
[data-production-dashboard="true"] .web-home-actions .web-home-card small { font-size:10px; }
[data-production-dashboard="true"] .web-favorites-dialog { color:#142b4b; }
body:has([data-production-dashboard="true"]) .aura-bg { background:#f0f7fb !important; }
body:has([data-production-dashboard="true"]) { height:auto; min-height:100dvh; }
body:has([data-production-dashboard="true"]) #root > div { background:#f0f7fb !important; }
[data-production-dashboard="true"] .ek1-dashboard-sticky-notes { margin-top:16px !important; }
@media(min-width:1024px) {
    .app-view-shell[data-production-dashboard="true"] { width:calc(100% - 232px); margin-left:232px; margin-right:0; }
    [data-dashboard-sidebar="true"].app-sidebar-panel { width:232px !important; top:var(--production-topbar-height,64px); height:calc(100dvh - var(--production-topbar-height,64px)); margin:0; border-radius:0; transform:none !important; border:0; border-right:1px solid #dce8f1; box-shadow:none !important; background:#f6fafc !important; z-index:20; }
    body:has([data-production-dashboard="true"]) .app-sidebar-overlay { display:none; }
    [data-dashboard-sidebar="true"] .app-sidebar-profile { padding:8px 15px 16px !important; background:#f6fafc !important; color:#435f79; }
    [data-dashboard-sidebar="true"] .app-sidebar-profile > div > div:first-child { display:none; }
    [data-dashboard-sidebar="true"] .app-sidebar-profile h2 { font-size:11px; }
    [data-dashboard-sidebar="true"] .app-sidebar-nav { background:#f6fafc !important; padding-top:0; }
    [data-dashboard-nav="true"] > :not([data-company-setting]) { display:none; }
    [data-dashboard-sidebar="true"] .app-sidebar-nav nav { padding:0 9px; }
    [data-dashboard-sidebar="true"] .app-sidebar-nav button { padding:10px; min-height:42px; gap:10px; }
    [data-dashboard-sidebar="true"] .app-sidebar-nav button span { font-size:12px; }
    [data-dashboard-sidebar="true"] .app-sidebar-nav button i { color:#637d94 !important; }
    [data-dashboard-sidebar="true"] .app-sidebar-footer { padding:10px; background:#f6fafc !important; }
    [data-dashboard-sidebar="true"] .app-sidebar-footer > button { font-size:10px; text-transform:none; letter-spacing:0; margin:6px 0; }
    [data-dashboard-sidebar="true"] .app-sidebar-footer > a { background:#edf8f6; border-color:#d2e9e3; border-radius:12px; }
    .production-topbar[data-mode="dashboard"] .web-home-menu-toggle { display:none; }
}
@media(min-width:2032px) { .app-view-shell[data-production-dashboard="true"] { margin-left:calc((100% - 1800px + 232px) / 2); } }
@media(max-width:1023px) { [data-dashboard-sidebar="true"].app-sidebar-panel.-translate-x-full { transform:translateX(calc(-100% - 12px)); } }
@media(max-width:1279px) {
    .web-home-topbar-row { gap:14px; padding-inline:16px; }
    .web-home-logo { flex-basis:180px; }
    .web-home-user { max-width:125px; }
    [data-production-dashboard="true"] .web-home-actions { grid-template-columns:repeat(3,minmax(0,1fr)); }
    [data-production-dashboard="true"] .web-home-favorites:has(> :nth-child(5)) { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:899px) {
    .web-home-topbar-row { gap:10px; padding-inline:12px; }
    .web-home-logo { flex-basis:150px; }
    .web-home-user { display:none; }
    .web-home-account { gap:5px; }
    .web-home-navigation { width:auto; flex-basis:auto; gap:4px; }
    .web-home-navigation button { width:40px; min-height:44px; padding:0; }
    .web-home-navigation button span { display:none; }
    [data-production-dashboard="true"] .web-home-actions { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:599px) {
    .web-home-topbar-row { height:auto; min-height:106px; flex-wrap:wrap; padding:8px 12px; gap:6px; }
    .web-home-logo { flex:1; gap:7px; }
    .web-home-logo img { width:30px; height:30px; }
    .web-home-logo strong { font-size:13px; }
    .web-home-logo small { display:none; }
    .web-home-menu-toggle { width:32px; height:44px; }
    .web-home-search { order:3; flex:1 1 100%; max-width:none; }
    .web-home-search kbd { display:none; }
    .web-home-avatar { width:30px; height:30px; font-size:10px; }
    .web-home-notifications > button { transform:none; width:36px; }
    .web-home-notification-panel { right:-35px; max-width:calc(100vw - 24px); }
    .app-view-shell[data-production-dashboard="true"] { padding-inline:12px !important; }
    [data-production-dashboard="true"] .web-home-favorites,[data-production-dashboard="true"] .web-home-favorites:has(> :nth-child(5)) { grid-template-columns:repeat(2,minmax(0,1fr)); }
    [data-production-dashboard="true"] a.web-home-favorite { padding:12px; }
    [data-production-dashboard="true"] .web-home-actions .web-home-card { flex-wrap:wrap; padding:12px; }
    [data-production-dashboard="true"] .web-home-actions .web-home-card-copy { flex-basis:100%; }
    [data-production-dashboard="true"] .web-home-actions .web-home-arrow { display:none; }
    [data-production-dashboard="true"] .web-home-section-heading { gap:8px; }
    [data-production-dashboard="true"] .web-home-section-heading h2 { font-size:16px; }
    .app-view-shell[data-production-dashboard="true"] > .ek1-dashboard-sticky-notes { grid-template-columns:minmax(0,1fr); }
    [data-production-dashboard="true"] > .ek1-dashboard-sticky-notes > div:first-child > div:nth-child(2) { grid-column:1; grid-row:3; margin-top:14px; }
    [data-production-dashboard="true"] > .ek1-dashboard-sticky-notes > div:nth-child(2) > section { grid-column:1; grid-row:4; }
}
@media(max-width:360px) { .web-home-logo > div { display:none; } }
@media(prefers-reduced-motion:reduce) { [data-production-dashboard="true"] a.web-home-card { transition:none; } [data-production-dashboard="true"] a.web-home-card:hover { transform:none; } }

/* Company summary: only the inside of the existing company card changes. */
[data-production-dashboard="true"] .production-company-summary { display:flex; flex-direction:column; align-items:flex-end; gap:8px; max-width:100%; }
[data-production-dashboard="true"] .production-company-metrics { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:12px 0; }
[data-production-dashboard="true"] .production-company-metric { display:flex; align-items:center; gap:9px; padding:0 14px; border-left:1px solid #e7eff6; color:#142b4b; }
[data-production-dashboard="true"] .production-company-metric > i { font-size:18px; color:#708298; }
[data-production-dashboard="true"] .production-company-metric strong { display:block; font-size:14px; font-weight:700; line-height:1.4; }
[data-production-dashboard="true"] .production-company-metric small { display:block; font-size:10px; color:#667c94; line-height:1.5; }
[data-production-dashboard="true"] .production-connection-dot { width:10px; height:10px; border-radius:50%; background:#0cac6b; flex-shrink:0; }
[data-production-dashboard="true"] .production-connection-dot.is-offline { background:#c75252; }
[data-production-dashboard="true"] .production-queue-note { font-size:10px; color:#9a6a00; }
[data-production-dashboard="true"] .web-home-weather { position:relative; display:flex; align-items:center; gap:8px; padding-left:14px; border-left:1px solid #e7eff6; max-width:175px; color:#142b4b; }
[data-production-dashboard="true"] .web-home-weather > i { font-size:26px; color:#e2a321; }
[data-production-dashboard="true"] .web-home-weather > div > span { display:block; font-size:10px; color:#667c94; }
[data-production-dashboard="true"] .web-home-weather strong { display:block; font-size:16px; font-weight:700; line-height:1.4; }
[data-production-dashboard="true"] .web-home-weather small { display:block; font-size:10px; color:#667c94; line-height:1.5; }
[data-production-dashboard="true"] .web-home-weather button { font-size:10px; display:flex; align-items:center; gap:6px; text-align:left; min-height:38px; color:#456a83; max-width:130px; }
[data-production-dashboard="true"] .web-home-weather details { position:relative; font-size:11px; }
[data-production-dashboard="true"] .web-home-weather summary { cursor:pointer; list-style:none; color:#667c94; }
[data-production-dashboard="true"] .web-home-weather details > div { position:absolute; z-index:35; width:240px; right:0; top:24px; background:#fff; border:1px solid #e0ebf3; padding:14px; border-radius:12px; box-shadow:0 8px 24px #142b4b20; line-height:1.6; }
[data-production-dashboard="true"] .web-home-weather a { text-decoration:underline; }
@media(max-width:1279px) {
    [data-production-dashboard="true"] .production-company-metric { gap:7px; padding-inline:9px; }
    [data-production-dashboard="true"] .web-home-weather { padding-left:9px; max-width:155px; }
}
@media(max-width:1100px) {
    [data-production-dashboard="true"] .ek1-dashboard-header > div:first-child { flex-wrap:wrap; }
    [data-production-dashboard="true"] .production-company-summary { align-items:flex-start; }
    [data-production-dashboard="true"] .production-company-metrics { justify-content:flex-start; }
}
@media(max-width:599px) {
    [data-production-dashboard="true"] .production-company-summary { width:100%; }
    [data-production-dashboard="true"] .production-company-metrics { width:100%; }
    [data-production-dashboard="true"] .production-company-metric,[data-production-dashboard="true"] .web-home-weather { flex:1 1 50%; max-width:none; }
    [data-production-dashboard="true"] .web-home-weather details > div { right:-8px; max-width:calc(100vw - 48px); }
}

/* Compact identity beside the logo, as in the supplied screenshot. */
[data-production-dashboard="true"] .production-dashboard .ek1-dashboard-header { padding:10px 16px !important; }
[data-production-dashboard="true"] .production-company-identity { display:block; min-width:0; text-align:left; }
[data-production-dashboard="true"] .production-company-identity > img { flex:0 0 42px; object-fit:contain; border-radius:12px; }
[data-production-dashboard="true"] .production-company-copy { min-width:0; }
[data-production-dashboard="true"] .production-company-brand { display:block; color:#142b4b; font-size:9px; font-weight:700; line-height:1.4; letter-spacing:.06em; }
[data-production-dashboard="true"] .production-dashboard .ek1-dashboard-title { font-size:20px !important; font-weight:800; line-height:1.25; margin:2px 0 3px; letter-spacing:0; }
[data-production-dashboard="true"] .production-company-copy .ek1-dashboard-meta { font-size:10px; line-height:1.5; color:#667c94; margin:0; }
/* One finished sidebar appearance throughout authenticated Web routes. */
[data-dashboard-sidebar="true"] .app-sidebar-profile { background:#f6fafc !important; color:#435f79; }
[data-dashboard-sidebar="true"] .app-sidebar-profile button { color:#435f79; }
[data-dashboard-sidebar="true"] .app-sidebar-nav { background:#f6fafc !important; }
[data-dashboard-nav="true"] > :not([data-company-setting]) { display:none; }
[data-dashboard-sidebar="true"] .app-sidebar-footer { background:#f6fafc !important; }
.app-view-shell[data-production-shell="true"] { --production-shell-max:1800px; max-width:var(--production-shell-max) !important; padding-inline:22px !important; }
.production-topbar .web-home-topbar-row { --production-row-pad:22px; --production-row-gap:28px; }
@media(min-width:1024px) {
    .app-view-shell[data-production-shell="true"] { width:calc(100% - 232px); margin-left:max(232px,calc((100% - var(--production-shell-max) + 232px) / 2)); margin-right:auto; }
    body:has(.app-view-shell[data-production-shell="true"]) .app-sidebar-overlay { display:none; }
    .production-topbar .web-home-menu-toggle { display:none; }
    .production-topbar .web-home-logo { flex:0 0 calc(var(--production-search-offset,260px) - var(--production-row-pad) - var(--production-row-gap)); }
}
@media(min-width:1024px) and (max-width:1279px) { .production-topbar .web-home-topbar-row { --production-row-pad:16px; --production-row-gap:14px; } }
@media(max-width:1023px) {
    .production-topbar .web-home-topbar-row { height:auto; min-height:106px; flex-wrap:wrap; padding:8px 12px; gap:6px; }
    .production-topbar .web-home-logo { flex:1; }
    .production-topbar .web-home-search { order:3; flex:1 1 calc(100% - var(--production-search-offset,12px) + 12px); max-width:none; margin-left:calc(var(--production-search-offset,12px) - 12px); }
}
@media(max-width:599px) { [data-production-dashboard="true"] .production-dashboard .ek1-dashboard-title { font-size:18px !important; } }

/* One outer content boundary on all Web routes; card interiors and dialogs keep their spacing. */
html:has(.app-view-shell[data-production-shell="true"]) { scrollbar-gutter:stable; }
body:has(.app-view-shell[data-production-shell="true"]) { height:auto; min-height:100dvh; overflow:visible; overscroll-behavior-y:auto; }
.app-view-shell[data-production-shell="true"] > :is(div,section,form):not(.fixed) {
    width:100%; max-width:none !important; margin-inline:0 !important;
}
.app-view-shell[data-production-shell="true"] > :is(div,section,form):not(.fixed):not([class*="rounded"]):not([class*="border"]),
.app-view-shell[data-production-shell="true"] > div[class*="max-w-"] > :is(div,section,form):not(.fixed):not([class*="rounded"]):not([class*="border"]) {
    max-width:none !important; padding-inline:0 !important; margin-inline:0 !important;
}
@media(min-width:1280px) {
    .app-view-shell[data-production-shell="true"] { padding-inline:34px !important; }
}
@media(max-width:599px) {
    .app-view-shell[data-production-shell="true"] { padding-inline:12px !important; }
}

/* One identity in the toolbar, with aligned role rows in the Web sidebar. */
.production-topbar .web-home-user { display:flex; flex-direction:column; gap:1px; }
.production-topbar .web-home-user strong,.production-topbar .web-home-user small { line-height:1.2; margin:0; }
@media(max-width:899px) { .production-topbar .web-home-user { display:none; } }
[data-dashboard-sidebar="true"] .app-sidebar-profile { padding-inline:28px !important; border-inline:1px solid transparent; }
[data-dashboard-nav="true"] > div[data-company-setting] { border-inline:1px solid transparent; padding-inline:19px; }
[data-dashboard-sidebar="true"] [data-dashboard-nav="true"] > div[data-company-setting] { color:#28475f !important; }
[data-dashboard-sidebar="true"] .app-sidebar-roles { margin-top:0; }
[data-dashboard-sidebar="true"] .app-sidebar-roles div:has(> i) { gap:10px; }
[data-dashboard-sidebar="true"] .app-sidebar-roles i { width:20px; flex:0 0 20px; text-align:center; }
@media(min-width:1024px) {
    [data-dashboard-sidebar="true"] .app-sidebar-profile { padding-inline:19px !important; }
    [data-dashboard-nav="true"] > div[data-company-setting] { padding-inline:13px; }
}
/* A restrained toolbar lockup; the company summary intentionally has no repeated logo. */
.production-topbar { --production-brand-height:48px; }
.production-topbar .web-home-logo img {
    width:var(--production-brand-height) !important; height:var(--production-brand-height) !important; flex:0 0 var(--production-brand-height);
}
.production-topbar .web-home-logo strong { font-size:16px; font-weight:750; line-height:1.25; letter-spacing:-.01em; }
.production-topbar .web-home-logo small { font-size:9px; line-height:1.3; color:#667c94; }
[data-dashboard-sidebar="true"] .app-sidebar-footer-role { display:flex; align-items:center; justify-content:center; gap:5px; padding:0 10px; margin:0 0 8px; color:#183452; font-size:11px; font-weight:750; line-height:1.4; }
[data-dashboard-sidebar="true"] .app-sidebar-footer-role i { flex:0 0 12px; width:12px; text-align:center; }
[data-dashboard-sidebar="true"] .app-sidebar-footer > a > div:last-child > div:first-child { font-size:8px; }
@media(max-width:599px) {
    .production-topbar { --production-brand-height:40px; }
    .production-topbar .web-home-logo strong { font-size:14px; }
}

/* The approved reference background on every authenticated production Web screen. */
:root { --production-page-bg:#f0f7fb; }
.app-view-shell[data-production-shell="true"] { background:var(--production-page-bg) !important; }
html:has(.app-view-shell[data-production-shell="true"]),
body:has(.app-view-shell[data-production-shell="true"]),
body:has(.app-view-shell[data-production-shell="true"]) .aura-bg,
body:has(.app-view-shell[data-production-shell="true"]) #root > div.min-h-screen { background:var(--production-page-bg) !important; }

/* One breadcrumb slot, outside page grids, at the approved Customers position. */
.app-view-shell[data-production-shell="true"] { position:relative; --production-shell-gutter:22px; }
body:has(.production-topbar) .app-view-shell[data-production-shell="true"][data-view] { padding-top:calc(var(--production-topbar-height,64px) + 48px) !important; }
.production-breadcrumb { position:absolute; top:calc(var(--production-topbar-height,64px) + 18px); left:var(--production-shell-gutter); right:var(--production-shell-gutter); height:18px; display:flex; align-items:center; gap:10px; overflow-x:auto; white-space:nowrap; color:#5b9cba; font:400 12px/18px Inter,system-ui,sans-serif; scrollbar-width:none; }
.production-breadcrumb::-webkit-scrollbar { display:none; }
.app-view-shell[data-production-shell="true"] > .production-breadcrumb { width:auto; max-width:none; margin:0; }
.production-breadcrumb button { display:inline-flex; align-items:center; gap:10px; flex:none; cursor:pointer; }
.production-breadcrumb > i { flex:none; font-size:8px; }
.production-breadcrumb strong { color:#142b4b; font-weight:700; flex:none; }
.production-breadcrumb button:focus-visible { outline:2px solid #4a9be9; outline-offset:-2px; }
@media(min-width:1280px) { .app-view-shell[data-production-shell="true"] { --production-shell-gutter:34px; } }
@media(max-width:599px) { .app-view-shell[data-production-shell="true"] { --production-shell-gutter:12px; } }