:root { --ink: #17231d; --muted: #68766f; --line: #dfe7e2; --paper: #f3f6f4; --card: #ffffff; --brand: #11644b; --accent: #d8f064; --danger: #a83232; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: var(--ink); background: var(--paper); } * { box-sizing: border-box; } [hidden] { display: none !important; } html { scroll-behavior: smooth; } body { margin: 0; min-height: 100vh; background: var(--paper); } a { color: inherit; text-decoration: none; } .topbar { position: sticky; z-index: 100; top: 0; height: 64px; padding: 0 28px; display: flex; align-items: center; justify-content: space-between; color: white; background: rgba(14,45,36,.97); box-shadow: 0 5px 18px rgba(9,35,27,.14); backdrop-filter: blur(12px); } .brand { font-size: 1.3rem; font-weight: 800; letter-spacing: -.03em; } .staff, .staff form { display: flex; align-items: center; gap: 14px; } .link-button { padding: 0; color: var(--accent); background: transparent; border: 0; } .shell { display: grid; grid-template-columns: 220px minmax(0, 1fr); min-height: calc(100vh - 64px); align-items: start; } .sidebar { position: sticky; z-index: 90; top: 64px; height: calc(100vh - 64px); padding: 24px 16px; overflow-x: hidden; overflow-y: auto; background: #183d32; display: flex; flex-direction: column; gap: 6px; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.25) transparent; } .sidebar a { position: relative; color: #dbe9e4; padding: 10px 12px; border-radius: 8px; font-size: .94rem; transition: color .15s ease, background .15s ease, transform .15s ease; } .sidebar a:hover { color: white; background: rgba(255,255,255,.1); transform: translateX(2px); } .sidebar a.active { color: white; background: rgba(216,240,100,.14); box-shadow: inset 3px 0 0 var(--accent); } main { min-width: 0; padding: 32px; } .login-main { min-height: calc(100vh - 64px); display: grid; place-items: center; } .login-card { width: min(420px, 92vw); padding: 36px; background: white; border: 1px solid var(--line); border-radius: 16px; box-shadow: 0 18px 50px rgba(20,50,40,.09); } h1, h2, p { margin-top: 0; } h1 { margin-bottom: 8px; font-size: clamp(1.6rem, 3vw, 2.35rem); letter-spacing: -.045em; } h2 { font-size: 1.05rem; } .muted { color: var(--muted); } .stack { display: grid; gap: 18px; margin-top: 28px; } label { display: grid; gap: 7px; color: #405049; font-size: .85rem; font-weight: 650; } input, select, textarea { width: 100%; padding: 10px 12px; color: var(--ink); background: white; border: 1px solid #cbd7d0; border-radius: 8px; font: inherit; } input:focus, select:focus, textarea:focus { outline: 3px solid rgba(17,100,75,.13); border-color: var(--brand); } button { padding: 10px 16px; color: white; background: var(--brand); border: 0; border-radius: 8px; font-weight: 750; cursor: pointer; } .page-heading { margin-bottom: 24px; display: flex; align-items: end; justify-content: space-between; gap: 20px; } .eyebrow { margin-bottom: 5px; color: var(--brand); font-size: .72rem; font-weight: 850; letter-spacing: .14em; } .health { display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: .85rem; } .health i { width: 8px; height: 8px; border-radius: 50%; background: #2aaf70; box-shadow: 0 0 0 4px rgba(42,175,112,.13); } .metric-grid { display: grid; grid-template-columns: repeat(4, minmax(150px, 1fr)); gap: 14px; margin-bottom: 24px; } .metric-grid article { padding: 20px; background: white; border: 1px solid var(--line); border-radius: 12px; } .metric-grid span { display: block; color: var(--muted); font-size: .78rem; } .metric-grid strong { display: block; margin-top: 8px; font-size: 1.8rem; letter-spacing: -.05em; } .panel-card { margin-bottom: 20px; padding: 22px; background: white; border: 1px solid var(--line); border-radius: 12px; } .principles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } .principles p { margin-bottom: 0; color: var(--muted); line-height: 1.55; } .principles b { color: var(--ink); } .table-wrap { padding: 0; overflow-x: auto; } .section-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; } .section-heading > div { min-width: 0; } .section-heading h2 { margin: 0; } .section-heading .eyebrow { margin-bottom: .3rem; } .section-heading > span, .section-heading > a { flex: 0 0 auto; } .table-wrap > .section-heading { padding: 20px 22px 16px; border-bottom: 1px solid #edf1ee; } table { width: 100%; border-collapse: collapse; font-size: .86rem; } th, td { padding: 13px 15px; text-align: left; white-space: nowrap; border-bottom: 1px solid #edf1ee; } th { color: var(--muted); background: #fafcfb; font-size: .73rem; letter-spacing: .03em; text-transform: uppercase; } tbody tr:hover { background: #f8fbf9; } .table-link { color: var(--brand); font-weight: 750; } .empty { padding: 32px; color: var(--muted); text-align: center; } .search-form { display: flex; gap: 8px; } .search-form input { min-width: 260px; } .device-page-heading { align-items: center; } .device-page-heading .muted { margin-bottom: 0; } .device-controls { width: min(620px, 100%); display: grid; grid-template-columns: minmax(250px, 1fr) 220px; gap: 10px; align-items: end; } .device-controls label { min-width: 0; } .device-filter-grid { display: grid; grid-template-columns: repeat(4, minmax(150px, 1fr)); gap: 12px; margin-bottom: 24px; } .device-filter-card { min-height: 88px; padding: 14px 16px; display: flex; flex-direction: column; justify-content: space-between; gap: 8px; background: white; border: 1px solid var(--line); border-radius: 12px; transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease; } .device-filter-card:hover { border-color: #9eb8ad; box-shadow: 0 8px 24px rgba(20,50,40,.07); transform: translateY(-1px); } .device-filter-card.active { color: white; background: var(--brand); border-color: var(--brand); box-shadow: 0 10px 28px rgba(17,100,75,.18); } .device-filter-card span { color: var(--muted); font-size: .79rem; font-weight: 700; } .device-filter-card.active span { color: #d8ebe4; } .device-filter-card strong { font-size: 1.55rem; letter-spacing: -.05em; } .device-result-heading { margin-bottom: 14px; display: flex; justify-content: space-between; align-items: center; gap: 16px; } .device-result-heading p { margin: 0; color: var(--muted); font-size: .88rem; } .device-result-heading strong { color: var(--ink); } .device-clear-search { padding: 0; color: var(--brand); background: transparent; font-size: .84rem; font-weight: 750; } .device-card-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; } .device-card { position: relative; min-width: 0; padding: 14px 10px; background: linear-gradient(180deg, #fff 0%, #fcfefd 100%); border: 1px solid #d7e2dc; border-top: 3px solid #bdd6cb; border-radius: 12px; box-shadow: 0 6px 18px rgba(20,50,40,.05); transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease; } .device-card:hover { border-color: #73a893; border-top-color: var(--brand); box-shadow: 0 12px 28px rgba(20,50,40,.11); transform: translateY(-2px); } .device-card:focus-visible { outline: 3px solid rgba(17,100,75,.25); outline-offset: 2px; } .device-card-header { min-height: 48px; } .device-card-label { margin-bottom: 5px; color: var(--muted); font-size: .66rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; } .device-card h2 { margin: 0; font-size: 1.06rem; line-height: 1.25; letter-spacing: -.02em; overflow-wrap: anywhere; } .device-status-badges { position: absolute; top: 13px; right: 8px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: center; gap: 2px; } .status-badge { padding: 2px 4px; color: #52615a; background: #edf2ef; border-radius: 999px; font-size: .5rem; font-weight: 850; white-space: nowrap; box-shadow: 0 1px 3px rgba(20,50,40,.08); } .status-badge.irrigation { color: #0b6246; background: #dcf6ea; } .status-badge.healthy { color: #22643f; background: #e6f5e9; } .status-badge.danger { color: #962f2f; background: #fde5e5; } .status-badge.warning { color: #805a0a; background: #fff0c7; } .status-badge.neutral { color: #5f6b65; background: #edf0ee; } .device-card-details { margin: 6px 0 0; padding-top: 8px; display: grid; gap: 8px; border-top: 1px solid #e6ede9; } .device-card-details div { min-width: 0; } .device-card-details dt { margin: 0 0 3px; color: var(--muted); font-size: .63rem; font-weight: 850; letter-spacing: .035em; line-height: 1.3; text-transform: uppercase; } .device-card-details dd { margin: 0; color: #25352d; font-size: .8rem; font-weight: 720; line-height: 1.35; overflow-wrap: anywhere; } .device-card-details div:first-child dd { font-size: .74rem; letter-spacing: -.02em; white-space: nowrap; } .device-empty { grid-column: 1 / -1; margin-bottom: 0; } .user-page-heading { align-items: center; } .user-controls { width: min(670px, 100%); display: grid; grid-template-columns: minmax(290px, 1fr) 245px; gap: 10px; align-items: end; } .user-filter-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin-bottom: 22px; } .user-filter-card { min-height: 82px; padding: 13px 15px; display: flex; flex-direction: column; justify-content: space-between; gap: 7px; background: white; border: 1px solid var(--line); border-radius: 12px; transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease; } .user-filter-card:hover { border-color: #9eb8ad; box-shadow: 0 8px 24px rgba(20,50,40,.07); transform: translateY(-1px); } .user-filter-card.active { color: white; background: var(--brand); border-color: var(--brand); box-shadow: 0 10px 28px rgba(17,100,75,.18); } .user-filter-card span { color: var(--muted); font-size: .76rem; font-weight: 720; } .user-filter-card.active span { color: #d8ebe4; } .user-filter-card strong { font-size: 1.45rem; letter-spacing: -.05em; } .user-result-heading { margin-bottom: 13px; display: flex; justify-content: space-between; align-items: center; gap: 16px; } .user-result-heading p { margin: 0; color: var(--muted); font-size: .88rem; } .user-result-heading strong { color: var(--ink); } .user-clear-search { padding: 0; color: var(--brand); background: transparent; font-size: .84rem; font-weight: 750; } .user-card-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; } .user-card { position: relative; min-width: 0; padding: 28px 10px 10px; background: linear-gradient(180deg, #fff 0%, #fbfdfc 100%); border: 1px solid #dbe5df; border-radius: 11px; box-shadow: 0 5px 16px rgba(20,50,40,.05); } .user-card:hover { border-color: #94b9aa; box-shadow: 0 12px 30px rgba(20,50,40,.09); } .user-card-header { min-width: 0; display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 7px; align-items: center; } .user-avatar { width: 32px; height: 32px; display: grid; place-items: center; color: white; background: linear-gradient(135deg, #1c755a, #113f32); border-radius: 9px; font-size: .68rem; font-weight: 850; box-shadow: 0 4px 9px rgba(17,100,75,.15); } .user-card-identity { min-width: 0; } .user-id { margin: 0 0 1px; color: var(--muted); font-size: .5rem; font-weight: 800; letter-spacing: .035em; text-transform: uppercase; } .user-card h2 { margin: 0; font-size: .78rem; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .user-role { display: block; margin-top: 2px; color: #35604f; font-size: .55rem; font-weight: 720; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .user-activity-badge { position: absolute; top: 7px; right: 7px; max-width: calc(100% - 14px); padding: 3px 6px; color: #59665f; background: #edf1ef; border-radius: 999px; font-size: .5rem; font-weight: 820; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .user-activity-badge.healthy { color: #166044; background: #e3f3eb; } .user-activity-badge.warning { color: #8a5b00; background: #fff2c9; } .user-activity-badge.danger { color: #9b2f2f; background: #fde7e7; } .user-contact-grid { margin: 8px 0 0; padding-top: 7px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px 7px; border-top: 1px solid #e8eeea; } .user-contact-grid .wide { grid-column: 1 / -1; } .user-contact-grid dt { margin-bottom: 1px; color: var(--muted); font-size: .48rem; font-weight: 820; letter-spacing: .03em; text-transform: uppercase; } .user-contact-grid dd { margin: 0; color: #293a32; font-size: .6rem; font-weight: 690; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .user-metric-strip { margin: 8px 0; display: grid; grid-template-columns: repeat(3, 1fr); overflow: hidden; background: #f1f6f3; border-radius: 8px; } .user-metric-strip div { min-width: 0; padding: 6px 2px; text-align: center; border-right: 1px solid #dde8e2; } .user-metric-strip div:last-child { border-right: 0; } .user-metric-strip strong { display: block; color: #164f3e; font-size: .78rem; } .user-metric-strip span { display: block; margin-top: 1px; color: var(--muted); font-size: .47rem; font-weight: 760; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .user-device-access, .user-mobile-devices { padding-top: 7px; border-top: 1px solid #e8eeea; } .user-mobile-devices { margin-top: 7px; } .user-device-access h3, .user-mobile-devices h3 { margin: 0 0 5px; font-size: .59rem; } .user-device-chips { display: grid; gap: 3px; } .user-device-chips a { max-width: 100%; padding: 4px 5px; color: #214d3d; background: #e8f3ee; border-radius: 6px; font-size: .54rem; font-weight: 730; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .user-device-chips a span { margin-right: 3px; color: #5a776c; font-size: .45rem; text-transform: uppercase; } .user-device-chips b, .mobile-device-list > b { align-self: center; color: var(--muted); font-size: .52rem; } .mobile-device-list { display: grid; gap: 4px; } .mobile-device-list > div { min-width: 0; padding: 5px 6px; display: grid; gap: 2px; background: #f5f7fa; border: 1px solid #e4e9ef; border-radius: 7px; } .mobile-device-list strong { min-width: 0; font-size: .57rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mobile-device-list span { color: var(--muted); font-size: .49rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .user-empty-line { margin: 0; color: var(--muted); font-size: .69rem; } .user-card-footer { margin-top: 7px; padding-top: 6px; display: grid; gap: 2px; color: var(--muted); border-top: 1px solid #e8eeea; font-size: .5rem; } .user-card-footer span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .advertisement-state.enabled { color: #166044; font-weight: 750; } .user-empty { grid-column: 1 / -1; margin-bottom: 0; } @media (min-width: 1401px) { .user-card-grid { gap: 10px; } .user-card { padding: 31px 11px 11px; } .user-card-header { grid-template-columns: 38px minmax(0, 1fr); gap: 8px; } .user-avatar { width: 38px; height: 38px; border-radius: 10px; font-size: .78rem; } .user-id { font-size: .58rem; } .user-card h2 { font-size: 1rem; } .user-role { font-size: .65rem; } .user-activity-badge { font-size: .58rem; } .user-contact-grid dt { font-size: .58rem; } .user-contact-grid dd { font-size: .76rem; } .user-metric-strip strong { font-size: .94rem; } .user-metric-strip span { font-size: .58rem; } .user-device-access h3, .user-mobile-devices h3 { font-size: .7rem; } .user-device-chips a { font-size: .66rem; } .user-device-chips a span { font-size: .54rem; } .user-device-chips b, .mobile-device-list > b { font-size: .62rem; } .mobile-device-list strong { font-size: .68rem; } .mobile-device-list span { font-size: .59rem; } .user-card-footer { font-size: .6rem; } } .staff-page-heading { align-items: center; } .staff-search { width: min(360px, 100%); } .staff-metric-grid { margin-bottom: 20px; display: grid; grid-template-columns: repeat(4, minmax(140px, 1fr)); gap: 12px; } .staff-metric-grid article { padding: 16px 18px; background: white; border: 1px solid var(--line); border-top: 3px solid #b9d2c8; border-radius: 12px; } .staff-metric-grid article.healthy { border-top-color: #32a875; } .staff-metric-grid article.muted-card { border-top-color: #aeb7b2; } .staff-metric-grid span { display: block; color: var(--muted); font-size: .74rem; font-weight: 760; } .staff-metric-grid strong { display: block; margin-top: 5px; font-size: 1.45rem; } .staff-create-card { padding: 0; overflow: hidden; } .staff-create-card > summary { padding: 17px 20px; display: flex; align-items: center; justify-content: space-between; gap: 18px; list-style: none; background: linear-gradient(135deg, #f8fbfa, #eef6f2); } .staff-create-card > summary::-webkit-details-marker, .staff-edit-panel > summary::-webkit-details-marker, .staff-danger-zone > summary::-webkit-details-marker { display: none; } .staff-create-card > summary span { display: grid; gap: 3px; } .staff-create-card > summary b { font-size: 1rem; } .staff-create-card > summary small { color: var(--muted); font-size: .73rem; font-weight: 600; } .staff-create-card > summary i { padding: 6px 10px; color: var(--brand); background: #dceee6; border-radius: 999px; font-size: .7rem; font-style: normal; font-weight: 800; } .staff-create-form { padding: 20px; border-top: 1px solid var(--line); } .staff-identity-fields, .staff-edit-fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .staff-identity-fields small, .staff-edit-fields small { min-height: 30px; color: var(--muted); font-size: .68rem; font-weight: 580; line-height: 1.35; } .staff-identity-fields .role-permission-preview, .staff-edit-fields .role-permission-preview { min-height: 0; color: #2d6651; font-size: .61rem; } .permission-fieldset { min-width: 0; margin: 18px 0 0; padding: 0; border: 0; } .permission-fieldset legend { width: 100%; margin-bottom: 9px; color: var(--ink); font-size: .84rem; font-weight: 800; } .permission-fieldset legend small { margin-left: 5px; color: var(--muted); font-size: .68rem; font-weight: 580; } .staff-permission-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; align-items: start; } .staff-permission-option { min-width: 0; padding: 10px; display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 8px; align-items: start; background: #f7faf8; border: 1px solid #dfe8e3; border-radius: 9px; cursor: pointer; } .staff-permission-option:hover { border-color: #91b7a8; } .staff-permission-option:has(input:checked) { background: #e6f4ee; border-color: #68a88e; box-shadow: inset 3px 0 var(--brand); } .staff-permission-option.critical:has(input:checked) { background: #fff1e8; border-color: #dfa678; box-shadow: inset 3px 0 #c66a22; } .staff-permission-option.role-default { background: #eef6ff; border-color: #bfd5ee; box-shadow: inset 3px 0 #347dcc; } .staff-permission-option.role-disabled { background: #fff8f1; border-color: #edc99f; box-shadow: inset 3px 0 #d88935; } .staff-permission-option input { width: 17px; height: 17px; margin: 1px 0 0; accent-color: var(--brand); } .staff-permission-option span { min-width: 0; display: grid; gap: 3px; } .staff-permission-option b { font-size: .76rem; } .staff-permission-option small { color: var(--muted); font-size: .63rem; font-weight: 560; line-height: 1.35; } .staff-permission-option em { min-height: 1em; color: #2d6651; font-size: .58rem; font-style: normal; font-weight: 800; } .staff-permission-option.role-default em { color: #2d65a0; } .staff-permission-option.role-disabled em { color: #a85b19; } .unrepairable-offer-fields { padding: 14px; border: 1px solid #efc186; border-radius: 12px; background: #fff8ed; } .unrepairable-offer-fields > strong { display: block; margin-bottom: 4px; color: #8a4b11; } .unrepairable-offer-fields > p { margin: 0 0 10px; color: #735c43; font-size: .78rem; } .replacement-job-status { margin-bottom: 12px; padding: 12px 14px; border: 1px solid #bad1ea; border-radius: 11px; background: #f0f7ff; } .replacement-job-status strong { color: #255f98; } .replacement-job-status p { margin: 4px 0 0; color: #49647c; } .replacement-job-status.success { border-color: #a8d8c2; background: #eefaf4; } .replacement-job-status.success strong { color: #247252; } .replacement-job-status.error { border-color: #efb7ad; background: #fff3f0; } .replacement-job-status.error strong { color: #a33c2e; } .inventory-raw-warning { width: min(520px, calc(100vw - 28px)); } .inventory-raw-warning h3 { margin: 4px 34px 8px 0; font-size: 1.18rem; } .inventory-raw-warning p { color: var(--muted); line-height: 1.55; } .inventory-raw-warning .warning-callout { margin: 14px 0; padding: 12px 14px; border: 1px solid #efc386; border-radius: 10px; background: #fff8ed; color: #754810; font-weight: 650; } .inventory-raw-warning .dialog-actions { display: flex; justify-content: flex-end; gap: 10px; flex-wrap: wrap; } .staff-permission-toolbar { margin-bottom: 10px; padding: 10px; display: grid; grid-template-columns: minmax(220px, 1fr) auto auto; gap: 10px; align-items: end; border: 1px solid #dce6e1; border-radius: 11px; background: #f7faf8; } .staff-permission-toolbar label { display: grid; gap: 4px; color: var(--muted); font-size: .67rem; font-weight: 750; } .staff-permission-toolbar input { min-width: 0; padding: 8px 10px; } .staff-permission-toolbar > span { align-self: center; color: #31584a; font-size: .69rem; font-weight: 800; white-space: nowrap; } .staff-permission-toolbar button { padding: 8px 10px; font-size: .68rem; white-space: nowrap; } .generated-password-panel { margin-top: 16px; padding: 13px 14px; display: grid; grid-template-columns: minmax(190px, .7fr) minmax(360px, 1.3fr); gap: 16px; align-items: center; background: #fff9e6; border: 1px solid #ead28a; border-radius: 10px; } .generated-password-panel > div:first-child { display: grid; gap: 3px; } .generated-password-panel b { font-size: .8rem; } .generated-password-panel small { color: #7b6940; font-size: .66rem; line-height: 1.35; } .generated-password-control { min-width: 0; display: grid; grid-template-columns: minmax(180px, 1fr) auto auto; gap: 6px; } .generated-password-control input { min-width: 0; color: #463a1e; background: white; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .82rem; font-weight: 780; letter-spacing: .025em; } .generated-password-control button { white-space: nowrap; } .staff-form-actions { margin-top: 15px; display: flex; justify-content: flex-end; } .staff-result-heading { margin: 23px 0 11px; display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: .83rem; } .staff-result-heading p { margin: 0; } .staff-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .staff-card { min-width: 0; padding: 15px; background: white; border: 1px solid #d9e4de; border-top: 3px solid #8fb8a7; border-radius: 12px; box-shadow: 0 7px 19px rgba(20,50,40,.045); } .staff-card:has(.staff-edit-panel[open]) { grid-column: 1 / -1; } .staff-card.inactive { border-top-color: #aeb7b2; background: #fbfcfb; } .staff-card-header { position: relative; min-width: 0; display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 9px; align-items: center; padding-right: 57px; } .staff-avatar { width: 42px; height: 42px; display: grid; place-items: center; color: white; background: linear-gradient(135deg, #22775e, #113f32); border-radius: 11px; font-size: .78rem; font-weight: 850; } .staff-card.inactive .staff-avatar { background: #77847e; } .staff-card-identity { min-width: 0; } .staff-name-row { min-width: 0; display: flex; align-items: center; gap: 5px; } .staff-name-row h2 { min-width: 0; margin: 0; font-size: .94rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .self-badge { padding: 2px 5px; color: #205844; background: #dceee6; border-radius: 999px; font-size: .52rem; font-weight: 800; } .staff-card-identity p { margin: 3px 0 0; color: var(--muted); font-size: .7rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .staff-state { position: absolute; top: 0; right: 0; padding: 3px 7px; border-radius: 999px; font-size: .59rem; font-weight: 820; } .staff-state.active { color: #126043; background: #e1f3ea; } .device-card.out-of-use { border-color: #e7b6b6; background: #fffafa; } .device-read-only-banner { margin-bottom: 1rem; border-color: #e7b6b6; background: #fff7f7; } .device-read-only-banner strong { color: #9f2f2f; } .device-read-only-banner p { margin: .35rem 0 0; color: #6d4545; } .service-device-unlinked-option { display:flex; align-items:center; gap:.55rem; margin-top:.65rem; padding:.7rem; border:1px dashed #aebdce; border-radius:10px; background:#f8fafc; cursor:pointer; } .service-device-unlinked-option input { width:18px; height:18px; margin:0; accent-color:#2d72cc; } .service-device-unlinked-option > span { display:grid; gap:.1rem; } .service-device-unlinked-option small { color:#69798d; } .staff-state.inactive { color: #626d67; background: #e9edeb; } .staff-role-summary { margin-top: 12px; padding: 10px 11px; background: #f3f7f5; border-radius: 9px; } .staff-role-summary span { display: block; color: var(--muted); font-size: .57rem; font-weight: 800; text-transform: uppercase; } .staff-role-summary strong { display: block; margin-top: 2px; font-size: .79rem; } .staff-role-summary p { margin: 3px 0 0; color: var(--muted); font-size: .63rem; line-height: 1.35; } .staff-base-permissions { margin-top: 8px; display: flex; flex-wrap: wrap; gap: 4px; } .staff-base-permissions span { padding: 3px 6px; color: #31584a; background: #edf4f1; border-radius: 999px; font-size: .55rem; font-weight: 720; } .staff-explicit-summary { margin-top: 8px; display: flex; justify-content: space-between; color: #9b531e; font-size: .66rem; } .staff-explicit-summary span { width: 20px; height: 20px; display: grid; place-items: center; color: white; background: #bd641f; border-radius: 50%; font-weight: 800; } .staff-login-summary { margin: 10px 0 0; padding-top: 9px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; border-top: 1px solid #e6ece8; } .staff-login-summary dt { color: var(--muted); font-size: .56rem; font-weight: 780; text-transform: uppercase; } .staff-login-summary dd { margin: 2px 0 0; font-size: .63rem; font-weight: 680; } .staff-edit-panel { margin-top: 11px; border-top: 1px solid #e2e9e5; } .staff-edit-panel > summary { margin: 0 -4px -4px; padding: 10px 4px 4px; color: var(--brand); font-size: .72rem; font-weight: 800; list-style: none; } .staff-edit-panel[open] > summary { margin-bottom: 12px; } .staff-edit-form { display: grid; gap: 2px; } .staff-edit-fields { grid-template-columns: repeat(3, minmax(160px, 1fr)); } .permission-fieldset.compact { margin-top: 12px; } .staff-security-actions { margin-top: 14px; padding-top: 13px; display: grid; gap: 9px; border-top: 1px solid #e4ebe7; } .staff-security-actions > form { padding: 10px; display: flex; align-items: center; justify-content: space-between; gap: 10px; background: #f7f9f8; border-radius: 9px; } .staff-security-actions form > div:first-of-type { display: grid; gap: 2px; } .staff-security-actions b { font-size: .72rem; } .staff-security-actions small { color: var(--muted); font-size: .61rem; } .staff-security-actions .generated-password-control { grid-template-columns: minmax(130px, 1fr) auto auto auto; } .staff-security-actions button { padding: 8px 10px; font-size: .68rem; } .warning-button { color: #8f4a15; background: #fff0df; } .danger-button { color: white; background: #a83232; } button:disabled { cursor: not-allowed; opacity: .48; } .staff-danger-zone { margin-top: 12px; padding-top: 11px; border-top: 1px solid #efd4d4; } .staff-danger-zone > summary { color: #a83232; font-size: .7rem; font-weight: 800; list-style: none; } .staff-danger-zone form { margin-top: 9px; padding: 12px; display: grid; grid-template-columns: 1fr 1fr auto; gap: 9px; align-items: end; background: #fff4f4; border: 1px solid #f0cece; border-radius: 9px; } .staff-danger-zone p { grid-column: 1 / -1; margin-bottom: 0; color: #7f3c3c; font-size: .66rem; } .staff-empty { margin-top: 12px; } .staff-management-shell { width: min(100%, 1240px); margin-inline: auto; } .staff-card.system-owner { border-color: #bfdbfe; box-shadow: 0 12px 30px rgba(37,99,235,.10); } .staff-owner-lock { margin-top: 14px; padding: 14px 16px; border: 1px solid #bfdbfe; border-radius: 14px; background: #eff6ff; color: #1e3a8a; } .staff-owner-lock p { margin: 5px 0 0; color: #475569; line-height: 1.5; } .login-help { margin: 16px 0 0; text-align: center; } .login-help a { color: #2563eb; font-weight: 700; text-decoration: none; } .password-change-card { max-width: 520px; } .staff-permission-group { min-width: 0; padding: 12px; border: 1px solid var(--line); border-radius: 12px; background: #fbfdfc; } .staff-permission-group h3 { margin: 0 0 9px; color: var(--brand); font-size: .78rem; } .staff-permission-group > div { display: grid; gap: 8px; } .staff-management-shell .staff-page-heading, .staff-management-shell .staff-metric-grid { width: min(100%, 1120px); margin-right: auto; margin-left: auto; } .staff-management-shell .staff-create-card { width: min(100%, 1040px); margin-right: auto; margin-left: auto; } .staff-management-shell .staff-create-form > * { width: min(100%, 920px); margin-right: auto; margin-left: auto; } .staff-management-shell .staff-result-heading, .staff-management-shell .staff-card-grid, .staff-management-shell .staff-empty { width: min(100%, 1120px); margin-right: auto; margin-left: auto; } .staff-management-shell .staff-result-heading { padding-inline: 2px; } .staff-management-shell .staff-card { border-radius: 14px; box-shadow: 0 8px 22px rgba(20,50,40,.055); } .staff-management-shell .staff-card:has(.staff-edit-panel[open]) { width: min(100%, 1040px); justify-self: center; } @media (max-width: 1100px) { .staff-management-shell .staff-page-heading, .staff-management-shell .staff-metric-grid, .staff-management-shell .staff-create-card, .staff-management-shell .staff-result-heading, .staff-management-shell .staff-card-grid, .staff-management-shell .staff-empty { width: 100%; } .staff-management-shell .staff-create-form > * { width: 100%; } } @media (max-width: 720px) { .staff-management-shell { width: 100%; } .staff-management-shell .staff-create-card > summary, .staff-management-shell .staff-create-form { padding-right: 14px; padding-left: 14px; } .staff-management-shell .staff-result-heading { align-items: flex-start; flex-direction: column; } } /* HR UX V2: today, tasks and a separate leave approval queue. */ .employee-home-sections{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:.8rem 0}.employee-task-list{display:grid;gap:.55rem}.employee-task-list>a,.employee-task-list>span{display:grid;gap:.18rem;padding:.7rem;border:1px solid #dce5ee;border-radius:10px;background:#f9fbfd}.employee-task-list strong{color:#28455f;font-size:.78rem}.employee-task-list span,.employee-task-list small{color:#6c7c8f;font-size:.67rem}.employee-leave-queue{display:grid;gap:.75rem;margin-top:.8rem}.employee-leave-queue>article>header{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.employee-leave-queue h2{margin:.15rem 0;font-size:1rem}.employee-leave-queue header span,.employee-leave-queue>article>p{color:#6b7a8d;font-size:.7rem}.employee-leave-queue footer{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-top:.65rem;padding-top:.6rem;border-top:1px solid #e3e8ee}.leave-decision-actions{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;padding:.8rem}.leave-decision-actions form{display:grid;gap:.45rem}@media(max-width:800px){.employee-home-sections,.leave-decision-actions{grid-template-columns:1fr}.employee-leave-queue footer{align-items:stretch;flex-direction:column}} .employee-action-disclosure{margin-top:.75rem}.employee-action-disclosure>form{padding:.2rem .8rem .8rem} /* Accounting UX V2: one focused task per page, plain-language detail views. */ .accounting-trust-shell.narrow{width:min(100%,1180px);margin-inline:auto}.accounting-trust-shell .back-link{display:inline-flex;margin-bottom:.45rem;color:#376b9d;font-size:.75rem;font-weight:800}.accounting-guided-form{display:grid;gap:1rem;padding:1.15rem}.accounting-guided-form fieldset{margin:0}.accounting-guide-intro{display:flex;align-items:flex-start;gap:.7rem;padding:.75rem .85rem;border-radius:12px;background:#f2f7fd}.accounting-guide-intro>span,.accounting-next-action>span{display:grid;flex:0 0 auto;place-items:center;width:30px;height:30px;border-radius:9px;background:#2d72c9;color:#fff;font-weight:900}.accounting-guide-intro strong{font-size:.84rem}.accounting-guide-intro p{margin:.16rem 0 0;color:#65758a;font-size:.7rem}.sticky-submit{position:sticky;z-index:4;bottom:.75rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem .85rem;border:1px solid #c9d8ea;border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 12px 28px rgba(32,59,91,.14);backdrop-filter:blur(10px)}.sticky-submit p{margin:0;color:#65758a;font-size:.7rem}.expense-detail-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:1rem 1.15rem}.expense-detail-hero h1{margin:.1rem 0;font-size:1.35rem}.expense-detail-hero p{margin:.2rem 0 0;color:#6d7b8d}.expense-detail-total{display:grid;gap:.4rem;text-align:right;color:#223b58;font-size:1.45rem;font-weight:900}.expense-detail-total>span{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.35rem;font-size:.7rem}.accounting-next-action{display:flex;align-items:center;gap:.75rem;margin:.8rem 0;padding:.85rem 1rem;border-left:4px solid #2d72c9}.accounting-next-action>div{flex:1}.accounting-next-action strong{font-size:.88rem}.accounting-next-action p{margin:.2rem 0 0;color:#647489;font-size:.72rem}.accounting-next-action.complete{border-left-color:#21845c;background:#f5fbf7}.accounting-next-action.complete>span{background:#21845c}.accounting-payment-timeline{display:grid;gap:.55rem}.accounting-payment-timeline article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.7rem;border:1px solid #dce5ee;border-radius:11px}.accounting-payment-timeline article>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#ddf3e7;color:#18734c;font-weight:900}.accounting-payment-timeline p,.accounting-payment-timeline small{display:block;margin:.1rem 0;color:#6d7c8e;font-size:.67rem}.accounting-friendly-disclosure{margin-top:.75rem;border:1px solid #d9e3ee;border-radius:12px;background:#fff}.accounting-friendly-disclosure>summary,.accounting-payment-choice>summary,.correction-choice-grid details>summary{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.8rem;cursor:pointer;list-style:none}.accounting-friendly-disclosure>summary::-webkit-details-marker,.accounting-payment-choice>summary::-webkit-details-marker,.correction-choice-grid summary::-webkit-details-marker{display:none}.accounting-friendly-disclosure>summary::after,.accounting-payment-choice>summary::after,.correction-choice-grid details>summary::after{content:'⌄';color:#54708d;font-size:1rem;transition:transform .16s}.accounting-friendly-disclosure[open]>summary::after,.accounting-payment-choice[open]>summary::after,.correction-choice-grid details[open]>summary::after{transform:rotate(180deg)}.accounting-friendly-disclosure>summary small,.accounting-payment-choice>summary small,.correction-choice-grid summary small{display:block;color:#718095;font-size:.66rem}.accounting-friendly-disclosure>form,.accounting-friendly-disclosure>.correction-choice-grid,.accounting-friendly-disclosure>.accounting-payment-options,.accounting-payment-choice>form{margin:.1rem .8rem .8rem}.accounting-payment-options{display:grid;gap:.7rem}.accounting-payment-choice{padding:.75rem;border:1px solid #d9e3ee;border-radius:12px;background:#fafcfe}.accounting-payment-choice.recommended{border-color:#b9d8ca;background:#f6fbf8}.accounting-payment-choice h3{margin:.35rem 0 .1rem;font-size:.86rem}.accounting-payment-choice p{margin:.1rem 0 .7rem;color:#65758a;font-size:.7rem}.correction-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.correction-choice-grid>details{border:1px solid #dce4ed;border-radius:11px;background:#fafcfe}.correction-choice-grid>details>form{display:grid;gap:.65rem;padding:.8rem;border-top:1px solid #e2e8ef}.correction-choice-grid .danger-zone{border-color:#ebc9c9;background:#fffafa}.accounting-technical-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;padding:.85rem}.accounting-technical-summary div{padding:.6rem;border-radius:9px;background:#f5f7fa}.accounting-technical-summary dt{color:#718095;font-size:.64rem}.accounting-technical-summary dd{margin:.15rem 0 0;font-weight:800}.accounting-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin:.7rem 0}.accounting-list-toolbar .primary-link{white-space:nowrap}@media(max-width:850px){.expense-detail-hero{align-items:flex-start;flex-direction:column}.expense-detail-total{text-align:left}.expense-detail-total>span{justify-content:flex-start}.correction-choice-grid{grid-template-columns:1fr}.sticky-submit{position:static;align-items:stretch;flex-direction:column}.accounting-payment-timeline article{grid-template-columns:auto minmax(0,1fr)}.accounting-payment-timeline article>a{grid-column:2}.accounting-technical-summary{grid-template-columns:1fr}} /* Company employees are intentionally distinct from panel login accounts. */ .employee-shell{width:min(100%,1500px);margin-inline:auto}.employee-shell.narrow{width:min(100%,1120px)}.employee-heading{align-items:end}.primary-link{display:inline-flex;align-items:center;justify-content:center;padding:.72rem 1rem;color:#fff;border-radius:10px;background:#246bc1;font-weight:800;text-decoration:none}.employee-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.65rem;margin-bottom:.8rem}.employee-metrics article{display:grid;gap:.18rem;padding:.72rem .8rem;border:1px solid #dce5ef;border-radius:12px;background:#fff}.employee-metrics span{color:#718096;font-size:.67rem;font-weight:700}.employee-metrics strong{color:#263b56;font-size:1.18rem}.employee-metrics .warning{border-color:#efd7a2;background:#fffaf0}.employee-filter{display:grid;grid-template-columns:minmax(260px,2fr) minmax(150px,1fr) minmax(150px,1fr);gap:.65rem;padding:.85rem 1rem}.employee-filter label{font-size:.68rem}.employee-list-heading{display:flex;justify-content:space-between;align-items:center;margin:.85rem 0 .55rem;color:#627188;font-size:.75rem}.employee-list-heading a{color:#2867bd;font-weight:750}.employee-card-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.65rem}.employee-card{display:grid;gap:.65rem;min-width:0;padding:.8rem;color:inherit;border:1px solid #dbe4ee;border-radius:13px;background:#fff;box-shadow:0 5px 16px rgba(25,45,75,.045);text-decoration:none;transition:.15s ease}.employee-card:hover{border-color:#80aadf;transform:translateY(-2px);box-shadow:0 9px 22px rgba(25,64,110,.09)}.employee-card header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.55rem;align-items:center}.employee-card header>b{grid-column:1/-1;justify-self:start}.employee-avatar{display:grid;place-items:center;width:34px;height:34px;color:#2869b6;border-radius:10px;background:#e9f2fd;font-weight:900}.employee-avatar.large{width:50px;height:50px;font-size:1.15rem}.employee-card h2{overflow:hidden;margin:0;font-size:.84rem;text-overflow:ellipsis;white-space:nowrap}.employee-card header p{margin:.08rem 0 0;color:#7a8899;font-size:.61rem}.employee-card dl{display:grid;gap:.38rem;margin:0}.employee-card dl div{min-width:0}.employee-card dt{color:#8a96a6;font-size:.58rem;font-weight:750;text-transform:uppercase}.employee-card dd{overflow:hidden;margin:.05rem 0 0;color:#3e4e63;font-size:.68rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.state-active,.state-on_leave,.state-suspended,.state-departed,.state-archived{display:inline-flex;padding:.22rem .42rem;border-radius:999px;font-size:.58rem;font-weight:850}.state-active{color:#13704a;background:#e6f7ef}.state-on_leave{color:#85610a;background:#fff3ce}.state-suspended{color:#9b5810;background:#ffead1}.state-departed,.state-archived{color:#687486;background:#edf0f4}.employee-onboarding{display:grid;gap:.8rem}.employee-onboarding fieldset{margin:0;padding:1rem;border:1px solid #dce4ee}.employee-onboarding legend{display:flex;align-items:center;gap:.45rem;padding:0 .3rem;color:#273d58;font-weight:850}.employee-onboarding legend>span{display:grid;place-items:center;width:25px;height:25px;color:#fff;border-radius:8px;background:#2d72cc}.info-tip{display:inline-grid!important;place-items:center!important;width:20px!important;height:20px!important;min-width:20px!important;padding:0!important;color:#3a6ea8!important;border:1px solid #bcd0e7!important;border-radius:50%!important;background:#edf5ff!important;font:800 .68rem/1 sans-serif!important;cursor:help!important}.employee-detail-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.7rem;padding:.85rem 1rem;border:1px solid #dce4ee;border-radius:14px;background:#fff}.employee-detail-head>a{color:#356aab;font-size:.7rem;font-weight:750}.employee-profile-title{display:flex;align-items:center;gap:.7rem;margin-right:auto}.employee-profile-title p,.employee-profile-title span{margin:0;color:#748297;font-size:.66rem}.employee-profile-title h1{margin:.05rem 0;font-size:1.18rem}.employee-tabs{display:flex;gap:.28rem;overflow-x:auto;margin-bottom:.75rem;padding:.35rem;border:1px solid #dce4ee;border-radius:12px;background:#fff}.employee-tabs a{flex:1;min-width:max-content;padding:.55rem .7rem;color:#65748a;border-radius:8px;font-size:.68rem;font-weight:800;text-align:center;text-decoration:none}.employee-tabs a.active{color:#245f9f;background:#eaf3ff}.employee-detail-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);align-items:start;gap:.8rem}.employee-detail-grid>aside{display:grid;gap:.8rem}.employee-detail-grid .wide-card{grid-column:1/-1}.employee-read-list{display:grid;gap:.55rem;margin:.6rem 0}.employee-read-list div{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.45rem;border-bottom:1px solid #e5eaf0}.employee-read-list dt{color:#748297;font-size:.68rem}.employee-read-list dd{margin:0;color:#2f435d;font-size:.72rem;font-weight:750}.timeline-list{display:grid;gap:.5rem;margin-top:.7rem}.timeline-list article{display:grid;gap:.2rem;padding:.68rem .75rem;border:1px solid #e0e7ef;border-radius:10px;background:#fafcfe}.timeline-list article header{display:flex;justify-content:space-between;gap:.5rem}.timeline-list strong{font-size:.75rem}.timeline-list span,.timeline-list small{color:#748297;font-size:.64rem}.timeline-list p{margin:.15rem 0;color:#46566a;font-size:.7rem}.danger-zone{border-color:#ecc8c8!important;background:#fffafa!important}.check-row{display:flex!important;align-items:center;gap:.45rem}.check-row input{width:auto}.employee-onboarding .form-grid,.employee-detail-grid .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-onboarding .form-grid .wide,.employee-detail-grid .form-grid .wide{grid-column:1/-1} @media(max-width:1450px){.employee-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.employee-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.employee-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-detail-grid{grid-template-columns:1fr}.employee-detail-grid .wide-card{grid-column:auto}}@media(max-width:650px){.employee-metrics,.employee-card-grid,.employee-filter{grid-template-columns:1fr}.employee-detail-head{align-items:flex-start;flex-wrap:wrap}.employee-onboarding .form-grid,.employee-detail-grid .form-grid{grid-template-columns:1fr}.employee-onboarding .form-grid .wide,.employee-detail-grid .form-grid .wide{grid-column:auto}} /* Accounting: deliberately simple operational finance UI. */ .accounting-attachments .accounting-attachment-list article{grid-template-columns:38px minmax(0,1fr) auto auto auto}@media(max-width:700px){.accounting-attachments .accounting-attachment-list article{grid-template-columns:38px minmax(0,1fr)}.accounting-attachments .accounting-attachment-list article>.status-badge,.accounting-attachments .accounting-attachment-list article>a,.accounting-attachments .accounting-attachment-list article>.accounting-attachment-void{grid-column:2;justify-self:start}.accounting-attachment-void>form{position:static;width:min(320px,70vw);margin-top:.35rem}} .accounting-attachment-void{position:relative}.accounting-attachment-void>summary{color:#9a3e3a;cursor:pointer;font-size:.62rem;font-weight:750}.accounting-attachment-void>form{position:absolute;z-index:5;right:0;width:320px;padding:.55rem;border:1px solid #e4c1be;border-radius:9px;background:#fff;box-shadow:0 10px 26px rgba(35,35,35,.14)}.accounting-attachment-void input{margin-bottom:.4rem} .accounting-document-review{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:1rem;border-left:4px solid #2c8d6b}.accounting-document-review>.accounting-document-summary{min-width:0}.accounting-document-review>.accounting-document-lines,.accounting-document-review>.accounting-document-correction,.accounting-document-review>.accounting-allocation-list,.accounting-document-review>.accounting-review-actions{grid-column:1/-1;min-width:0;width:100%}.accounting-document-review h2{margin:.1rem 0}.accounting-document-review p{margin:0;color:#718078;font-size:.68rem}.accounting-document-review dl{display:flex;gap:.55rem;margin:0}.accounting-document-review dl>div{min-width:110px;padding:.5rem;border-radius:8px;background:#f4f8f6}.accounting-document-review dt{color:#748279;font-size:.58rem}.accounting-document-review dd{margin:.2rem 0 0;font-size:.72rem;font-weight:800}.accounting-review-actions{display:flex;align-items:center;gap:.4rem}.accounting-review-actions form{margin:0}.accounting-review-actions details{position:relative}.accounting-review-actions details>form{position:absolute;z-index:5;right:0;width:360px;padding:.65rem;border:1px solid #dbe5df;border-radius:10px;background:#fff;box-shadow:0 12px 32px rgba(20,50,40,.15)} .accounting-payment-movements{position:relative;z-index:2;overflow:visible}.accounting-payment-movements>.section-heading{position:relative;z-index:3}.accounting-payment-movements>.table-wrap{position:relative;z-index:1} .accounting-document-correction{grid-column:1/-1;padding:.8rem;border:1px solid #dbe7e1;border-radius:12px;background:#fbfdfc}.accounting-document-correction>summary{display:flex;align-items:center;justify-content:space-between;gap:.8rem;cursor:pointer;list-style:none}.accounting-document-correction>summary::-webkit-details-marker{display:none}.accounting-document-correction>summary strong,.accounting-document-correction>summary small{display:block}.accounting-document-correction>summary small{max-width:720px;color:#718078;font-size:.68rem;font-weight:500}.accounting-document-correction>.accounting-form{margin-top:.85rem}.accounting-form .wide{grid-column:1/-1} @media(max-width:1050px){.accounting-document-review{grid-template-columns:1fr}.accounting-review-actions{align-items:flex-start;flex-wrap:wrap}}@media(max-width:700px){.accounting-document-review dl{flex-direction:column}.accounting-review-actions details>form{position:static;width:100%;margin-top:.4rem}.accounting-review-actions{flex-direction:column;align-items:stretch}} .accounting-shell{width:min(100%,1680px);margin:0 auto}.accounting-page-heading{align-items:center}.accounting-page-heading .muted{max-width:780px;margin:0;line-height:1.5}.accounting-heading-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem}.accounting-subnav{display:flex;gap:.35rem;margin:-4px 0 20px;padding:.38rem;overflow-x:auto;border:1px solid #dce6e0;border-radius:13px;background:#fff;box-shadow:0 5px 18px rgba(20,50,40,.04);scrollbar-width:thin}.accounting-subnav a{flex:0 0 auto;padding:.62rem .72rem;color:#5f7068;border-radius:9px;font-size:.72rem;font-weight:750;white-space:nowrap}.accounting-subnav a:hover{color:#174f3e;background:#f0f6f3}.accounting-subnav a.active{color:#fff;background:#11644b;box-shadow:0 5px 12px rgba(17,100,75,.18)}.accounting-help-chip{display:inline-flex;align-items:center;padding:.5rem .65rem;color:#52645b;border:1px solid #dbe5df;border-radius:999px;background:#fff;font-size:.72rem;font-weight:700}.accounting-info .info-bubble{width:300px}.accounting-status{display:inline-flex;padding:.26rem .48rem;font-size:.65rem}.accounting-amount{font-variant-numeric:tabular-nums;white-space:nowrap} .accounting-period-filter{display:grid;grid-template-columns:minmax(280px,1.5fr) minmax(145px,.65fr) minmax(145px,.65fr) auto auto;align-items:end;gap:.75rem;padding:14px 16px}.accounting-period-filter>div{min-width:0}.accounting-field-label{display:block;margin-bottom:.35rem;color:#405049;font-size:.75rem;font-weight:750}.accounting-period-presets{display:flex;flex-wrap:wrap;gap:.35rem}.accounting-period-presets button{padding:.55rem .62rem}.accounting-period-filter .accounting-check{display:flex;align-items:center;align-self:center;grid-auto-flow:column;gap:.4rem;margin-top:1.2rem;white-space:nowrap}.accounting-check input{width:auto;margin:0;accent-color:#11644b} .accounting-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.7rem;margin-bottom:1rem}.accounting-kpi{min-width:0;padding:1rem;border:1px solid #dce6e0;border-top:4px solid #87a99c;border-radius:13px;background:#fff;box-shadow:0 6px 20px rgba(20,50,40,.05)}.accounting-kpi.positive{border-top-color:#1e966a}.accounting-kpi.negative{border-top-color:#cf5555}.accounting-kpi>span{display:block;min-height:2.2em;color:#67776f;font-size:.7rem;font-weight:750}.accounting-kpi>strong{display:block;margin:.45rem 0 .25rem;color:#173b30;font-size:1.28rem;letter-spacing:-.035em}.accounting-kpi>small{display:block;color:#819088;font-size:.62rem;line-height:1.35}.accounting-two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.85rem;margin-bottom:1rem}.accounting-two-column>.panel-card{margin:0}.accounting-task-list{display:grid;gap:.45rem;margin-top:.8rem}.accounting-task-list>a{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.65rem;border:1px solid #e1e9e4;border-radius:10px;background:#fbfdfc}.accounting-task-list>a:hover{border-color:#95b8aa;background:#f4faf7}.accounting-task-list strong,.accounting-task-list small{display:block}.accounting-task-list strong{font-size:.76rem}.accounting-task-list small{margin-top:.12rem;color:#748279;font-size:.65rem}.accounting-task-list b{color:#17634d;font-size:.68rem}.accounting-task-icon{display:grid;place-items:center;width:32px;height:32px;color:#38584d;border-radius:9px;background:#e9f1ed;font-size:.72rem;font-weight:850}.accounting-task-icon.warning{color:#8b5d00;background:#fff1c9}.accounting-task-icon.danger{color:#9d302e;background:#fde9e8}.accounting-success-state{display:flex;align-items:center;gap:.75rem;padding:1rem;color:#24664e;border-radius:11px;background:#ecf8f2}.accounting-success-state>span{display:grid;place-items:center;width:34px;height:34px;color:#fff;border-radius:50%;background:#25966a;font-weight:850}.accounting-success-state p{margin:.2rem 0 0;font-size:.7rem}.accounting-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:.8rem}.accounting-quick-actions a{display:grid;grid-template-columns:32px minmax(0,1fr);gap:0 .55rem;padding:.65rem;border:1px solid #dfe8e3;border-radius:11px;background:#fbfdfc}.accounting-quick-actions a:hover{border-color:#7fae9a;box-shadow:0 5px 16px rgba(20,50,40,.06)}.accounting-quick-actions a>span{grid-row:1/3;display:grid;place-items:center;width:32px;height:32px;color:#17634d;border-radius:9px;background:#e4f3ec;font-weight:850}.accounting-quick-actions strong{font-size:.74rem}.accounting-quick-actions small{margin-top:.1rem;color:#748279;font-size:.62rem}.accounting-balance-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;margin-top:.8rem}.accounting-balance-grid article{min-width:0;padding:.7rem;border:1px solid #e1e8e4;border-radius:10px;background:#fbfdfc}.accounting-balance-grid span,.accounting-balance-grid strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accounting-balance-grid span{color:#78867e;font-size:.62rem}.accounting-balance-grid strong{margin:.2rem 0 .45rem;font-size:.76rem}.accounting-balance-grid .accounting-amount{color:#174d3c;font-size:.9rem;font-weight:850} .accounting-summary-strip,.accounting-reconciliation-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-bottom:1rem}.accounting-summary-strip article,.accounting-reconciliation-summary article{padding:.82rem .9rem;border:1px solid #dfe7e2;border-radius:12px;background:#fff}.accounting-summary-strip span,.accounting-reconciliation-summary span{display:block;color:#748279;font-size:.67rem;font-weight:720}.accounting-summary-strip strong,.accounting-reconciliation-summary strong{display:block;margin-top:.35rem;color:#173c30;font-size:1.08rem}.accounting-reconciliation-summary article.negative{border-color:#efb7b4;background:#fff8f7}.accounting-reconciliation-summary article.positive{border-color:#b5dfcc;background:#f6fcf9}.accounting-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.8rem;margin-bottom:1rem}.accounting-action-card{margin:0;padding:.8rem}.accounting-action-card>summary{display:flex;align-items:center;gap:.65rem;padding:.2rem;color:#29463d;cursor:pointer;list-style:none}.accounting-action-card>summary::-webkit-details-marker{display:none}.accounting-action-card>summary>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;color:#17634d;border-radius:10px;background:#e5f3ed;font-size:.85rem;font-weight:850}.accounting-action-card>summary>div{min-width:0}.accounting-action-card>summary strong,.accounting-action-card>summary small{display:block}.accounting-action-card>summary strong{font-size:.88rem}.accounting-action-card>summary small{margin-top:.12rem;color:#748279;font-size:.66rem}.accounting-action-card[open]>summary{margin-bottom:.85rem;padding-bottom:.7rem;border-bottom:1px solid #e2e9e5}.accounting-single-action{margin-bottom:1rem}.accounting-form{display:grid;gap:.75rem}.accounting-form fieldset{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:0;padding:.75rem;border:1px solid #e0e8e3;border-radius:11px;background:#fbfdfc}.accounting-form fieldset legend{padding:0 .35rem;color:#1d5e49;font-size:.73rem;font-weight:850}.accounting-form label{min-width:0}.accounting-form label.wide{grid-column:1/-1}.accounting-form.compact{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.accounting-form.compact>.wide{grid-column:1/-1}.accounting-form.compact>button{justify-self:start}.accounting-line-entry{display:contents}.accounting-currency-fields{position:relative}.accounting-try-preview{align-self:end;padding:.62rem;border:1px solid #cde1d8;border-radius:9px;background:#f0f8f4}.accounting-try-preview span,.accounting-try-preview strong{display:block}.accounting-try-preview span{color:#718078;font-size:.62rem}.accounting-try-preview strong{margin-top:.2rem;color:#15503c}.accounting-form-submit{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.65rem;border-top:1px solid #e3eae6}.accounting-form-submit p{max-width:620px;margin:0;color:#728079;font-size:.68rem}.accounting-list-filter{display:grid;grid-template-columns:minmax(260px,1.5fr) repeat(3,minmax(140px,.7fr)) auto;align-items:end;gap:.55rem;padding:.75rem}.accounting-list-filter input,.accounting-list-filter select{min-width:0}.accounting-inline-filter select{min-width:180px}.accounting-inline-actions{display:flex;align-items:center;gap:.4rem;margin:0}.accounting-inline-reason{display:flex;align-items:center;gap:.35rem;margin-top:.35rem}.accounting-inline-reason input{min-width:180px}.accounting-empty-note{margin:.7rem 0;color:#718078;font-size:.72rem;line-height:1.5} .accounting-expense-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,.55fr);align-items:start;gap:.8rem}.accounting-expense-layout>.panel-card{margin:0}.accounting-category-summary>div,.accounting-distribution>div:not(.section-heading){position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem;margin-top:.7rem;padding-bottom:.5rem}.accounting-category-summary span,.accounting-distribution span{font-size:.72rem}.accounting-category-summary b,.accounting-distribution strong{font-size:.72rem}.accounting-category-summary i,.accounting-distribution i{grid-column:1/-1;height:5px;overflow:hidden;border-radius:999px;background:#e7eeea}.accounting-category-summary i:after,.accounting-distribution i:after{display:block;width:var(--value);height:100%;content:"";border-radius:inherit;background:#2c9470}.accounting-distribution.expenses i:after{background:#d6874f}.accounting-expense-payment-guide{display:grid;gap:.9rem;border-left:4px solid #28775d}.accounting-expense-payment-guide .section-heading{margin:0}.accounting-step-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.accounting-step-strip span{display:flex;align-items:center;gap:.45rem;padding:.55rem .65rem;color:#53665f;border-radius:9px;background:#f3f7f5;font-size:.67rem;font-weight:720}.accounting-step-strip b{display:grid;place-items:center;width:22px;height:22px;color:#fff;border-radius:50%;background:#28775d;font-size:.62rem}.accounting-payment-choice{padding:.85rem;border:1px solid #dce6e1;border-radius:12px;background:#fff}.accounting-payment-choice.recommended{border-color:#abd4c4;background:#f8fcfa}.accounting-payment-choice>div>h3{margin:.4rem 0 .15rem;color:#20493b;font-size:.9rem}.accounting-payment-choice>div>p,.accounting-payment-choice>summary small{color:#6d7d76;font-size:.68rem}.accounting-payment-choice>summary{display:flex;align-items:center;justify-content:space-between;gap:.8rem;color:#285646;cursor:pointer}.accounting-payment-choice>summary strong,.accounting-payment-choice>summary small{display:block}.accounting-payment-choice[open]>summary{margin-bottom:.8rem;padding-bottom:.65rem;border-bottom:1px solid #e2eae6}.accounting-payment-choice .accounting-form{margin-top:.75rem}.accounting-expense-payment-guide>.accounting-warning{margin:0}.accounting-account-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem;margin-bottom:1rem}.accounting-account-card{margin:0;padding:.85rem}.accounting-account-card header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;color:#748279;font-size:.62rem}.accounting-account-card h2{margin:.65rem 0 .3rem;overflow:hidden;font-size:.83rem;text-overflow:ellipsis;white-space:nowrap}.accounting-account-card>strong{display:block;color:#174d3c;font-size:1.1rem}.accounting-account-card>small{display:block;min-height:1.4em;margin:.3rem 0;color:#7a8881;font-size:.62rem}.accounting-account-card>a{color:#17634d;font-size:.68rem;font-weight:750}.accounting-party-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.accounting-party-card{margin:0;padding:.85rem}.accounting-party-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.accounting-party-card header span:not(.status-badge){color:#75837b;font-size:.62rem}.accounting-party-card h2{margin:.2rem 0 0;font-size:.86rem}.accounting-party-card dl{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:.75rem 0}.accounting-party-card dl>div{padding:.45rem;border-radius:8px;background:#f5f8f6}.accounting-party-card dt{color:#7a8881;font-size:.6rem}.accounting-party-card dd{margin:.15rem 0 0;overflow:hidden;font-size:.68rem;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.accounting-party-card footer{display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding-top:.6rem;border-top:1px solid #e4eae7}.accounting-party-card footer>span{color:#78867e;font-size:.62rem} .accounting-expense-entry{gap:1rem}.accounting-expense-entry fieldset{border-color:#dbe7e1}.accounting-expense-lines-fieldset{display:block!important;grid-column:1/-1}.accounting-expense-lines-head,.accounting-expense-line{display:grid;grid-template-columns:minmax(240px,2fr) minmax(80px,.55fr) minmax(105px,.7fr) minmax(120px,.8fr) minmax(110px,.7fr) 34px;align-items:end;gap:.55rem}.accounting-expense-lines-head{padding:0 .15rem .35rem;color:#78867f;font-size:.61rem;font-weight:760}.accounting-expense-line{padding:.65rem;border:1px solid #dfe8e3;border-radius:10px;background:#fafcfb}.accounting-expense-line+.accounting-expense-line{margin-top:.5rem}.accounting-expense-line label>span{display:none}.accounting-expense-line output{align-self:center;text-align:right;color:#1d5945;font-size:.76rem;font-weight:820}.accounting-expense-line button{align-self:center;width:32px;height:32px;padding:0;color:#9b3d3d;border-color:#e8c5c5;background:#fff7f7}.accounting-expense-line button:disabled{visibility:hidden}.accounting-add-line{margin-top:.6rem}.accounting-expense-total{display:flex;align-items:center;justify-content:flex-end;gap:1rem;margin-top:.65rem;padding:.7rem .8rem;border-radius:10px;background:#eef7f3}.accounting-expense-total span{color:#60736b;font-size:.7rem}.accounting-expense-total strong{color:#174f3b;font-size:1rem} .accounting-process-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin-bottom:1rem}.accounting-process-steps article{display:flex;align-items:center;gap:.55rem;padding:.7rem;border:1px solid #dfe7e2;border-radius:11px;background:#fff}.accounting-process-steps article>span{display:grid;place-items:center;width:30px;height:30px;color:#52665d;border-radius:9px;background:#edf2ef;font-weight:850}.accounting-process-steps article.active>span{color:#fff;background:#11644b}.accounting-process-steps strong,.accounting-process-steps small{display:block}.accounting-process-steps strong{font-size:.72rem}.accounting-process-steps small{margin-top:.1rem;color:#7b8982;font-size:.6rem} .accounting-report-warning{display:flex;align-items:center;gap:.7rem;margin-bottom:1rem;padding:.75rem .9rem;color:#7d5606;border:1px solid #ecd088;border-radius:11px;background:#fff9e9}.accounting-report-warning strong{font-size:.78rem}.accounting-report-warning p{flex:1;margin:0;font-size:.68rem}.accounting-report-warning a{color:#744b00;font-size:.68rem;font-weight:800}.accounting-profit-hero{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.2rem 1.3rem;background:linear-gradient(135deg,#fff 0%,#f0f8f4 100%)}.accounting-profit-hero h2{margin:.15rem 0 .25rem;font-size:1.2rem}.accounting-profit-hero p{margin:0;color:#6f7f77;font-size:.72rem}.accounting-profit-number{min-width:260px;padding:.85rem 1rem;text-align:right;border-radius:11px;background:#e5f5ed}.accounting-profit-number.negative{background:#fceceb}.accounting-profit-number span,.accounting-profit-number strong,.accounting-profit-number small{display:block}.accounting-profit-number span{font-size:.65rem}.accounting-profit-number strong{margin:.25rem 0;color:#16563f;font-size:1.6rem}.accounting-profit-number.negative strong{color:#a33935}.accounting-profit-number small{color:#62746b;font-size:.65rem}.accounting-profit-funnel{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;margin-bottom:1rem}.accounting-profit-funnel article{padding:.85rem;border:1px solid #dfe7e2;border-radius:12px;background:#fff}.accounting-profit-funnel article.highlight{border-color:#aad2c1;background:#f4faf7}.accounting-profit-funnel article.result{color:#fff;border-color:#11644b;background:#11644b}.accounting-profit-funnel header{display:flex;gap:.45rem;min-height:3.3rem}.accounting-profit-funnel header>span{display:grid;place-items:center;flex:0 0 23px;width:23px;height:23px;color:#416057;border-radius:7px;background:#eaf0ed;font-size:.62rem;font-weight:850}.accounting-profit-funnel .result header>span{color:#174d3c;background:#d8f064}.accounting-profit-funnel header strong,.accounting-profit-funnel header small{display:block}.accounting-profit-funnel header strong{font-size:.69rem}.accounting-profit-funnel header small{margin-top:.15rem;color:#7b8882;font-size:.58rem;line-height:1.3}.accounting-profit-funnel .result header small{color:#d2e6df}.accounting-profit-funnel article>b{display:block;margin:.55rem 0;font-size:.95rem}.accounting-profit-funnel article>em{display:block;margin-top:.4rem;color:#32765e;font-size:.64rem;font-style:normal;font-weight:750}.accounting-profit-funnel .result>em{color:#d8f064}.accounting-report-bar{height:5px;overflow:hidden;border-radius:999px;background:#e7eeea}.accounting-report-bar i{display:block;width:var(--value);height:100%;border-radius:inherit;background:#2e9872}.accounting-report-bar.cost i{background:#ce9a39}.accounting-report-bar.expense i{background:#d46e51}.accounting-cash-vs-profit>div h2{line-height:1.4}.accounting-cash-vs-profit dl{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin:.8rem 0 0}.accounting-cash-vs-profit dl>div{padding:.65rem;border-radius:9px;background:#f5f8f6}.accounting-cash-vs-profit dl>div.total{grid-column:1/-1;color:#fff;background:#11644b}.accounting-cash-vs-profit dt{font-size:.62rem}.accounting-cash-vs-profit dd{margin:.2rem 0 0;font-size:.85rem;font-weight:850}.accounting-receivable-bars>div{position:relative;display:grid;grid-template-columns:1fr auto;gap:.45rem;margin-top:.8rem;padding-bottom:.6rem}.accounting-receivable-bars span,.accounting-receivable-bars strong{font-size:.72rem}.accounting-receivable-bars i{grid-column:1/-1;height:7px;border-radius:99px;background:linear-gradient(90deg,#299875 var(--value),#e7eeea var(--value))}.accounting-receivable-bars i.out{background:linear-gradient(90deg,#d07c4c var(--value),#e7eeea var(--value))}.accounting-comparison-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin-top:.8rem}.accounting-comparison-grid article{padding:.65rem;border:1px solid #e1e8e4;border-radius:9px}.accounting-comparison-grid span,.accounting-comparison-grid strong,.accounting-comparison-grid small{display:block}.accounting-comparison-grid span{color:#748279;font-size:.62rem}.accounting-comparison-grid strong{margin:.25rem 0;font-size:.85rem}.accounting-comparison-grid small{font-size:.62rem}.accounting-comparison-grid small.positive{color:#17805b}.accounting-comparison-grid small.negative{color:#b74440}.accounting-report-note{padding:.8rem 1rem;border-left:4px solid #7c9f91;background:#f9fbfa}.accounting-report-note strong{font-size:.75rem}.accounting-report-note p{margin:.25rem 0 0;color:#6f7f77;font-size:.68rem;line-height:1.5} .accounting-settings-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:.8rem;margin-bottom:1rem}.accounting-settings-grid>.panel-card{margin:0}.accounting-drive-status{display:flex;align-items:center;gap:.65rem;padding:.7rem;border-radius:10px;background:#f5f8f6}.accounting-drive-status>span{width:10px;height:10px;border-radius:50%;background:#b94d49;box-shadow:0 0 0 4px rgba(185,77,73,.12)}.accounting-drive-status>span.connected{background:#26956a;box-shadow:0 0 0 4px rgba(38,149,106,.12)}.accounting-drive-status strong,.accounting-drive-status p{display:block;margin:0}.accounting-drive-status strong{font-size:.74rem}.accounting-drive-status p{margin-top:.15rem;color:#748279;font-size:.64rem}.accounting-settings-list{display:grid;gap:.4rem;margin:.7rem 0}.accounting-settings-list>div{display:grid;grid-template-columns:110px 1fr;gap:.5rem;padding-bottom:.35rem;border-bottom:1px solid #e6ece8}.accounting-settings-list dt{color:#78867e;font-size:.62rem}.accounting-settings-list dd{margin:0;font-size:.68rem;font-weight:720}.accounting-settings-create{margin:.8rem 0}.accounting-settings-table{overflow-x:auto}.accounting-setting-cards{display:grid;gap:.45rem;margin-top:.7rem}.accounting-setting-cards>div{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.55rem;border:1px solid #e2e9e5;border-radius:9px}.accounting-setting-cards strong{font-size:.72rem}.accounting-setting-cards span:not(.status-badge){color:#738179;font-size:.65rem} .accounting-attachments>.section-heading{margin-bottom:.8rem}.accounting-upload-form{display:grid;grid-template-columns:180px minmax(240px,1fr) minmax(260px,1.2fr) auto;align-items:end;gap:.55rem;margin-bottom:.8rem;padding:.7rem;border:1px dashed #b9ccc3;border-radius:11px;background:#f8fbf9}.accounting-file-picker small{color:#78867e;font-size:.6rem;font-weight:500}.accounting-file-picker small.error{color:#a73a36}.accounting-attachment-list{display:grid;gap:.45rem}.accounting-attachment-list article{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:.6rem;padding:.55rem;border:1px solid #e1e8e4;border-radius:9px}.accounting-file-icon{display:grid;place-items:center;width:36px;height:36px;color:#17634d;border-radius:9px;background:#e8f3ee;font-size:.58rem;font-weight:850}.accounting-attachment-list strong,.accounting-attachment-list small{display:block}.accounting-attachment-list strong{font-size:.7rem}.accounting-attachment-list small{margin-top:.13rem;color:#77857d;font-size:.6rem} @media(max-width:1400px){.accounting-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.accounting-account-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.accounting-party-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.accounting-profit-funnel{grid-template-columns:repeat(3,minmax(0,1fr))}.accounting-balance-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:1050px){.accounting-period-filter{grid-template-columns:1fr 1fr}.accounting-period-filter>div{grid-column:1/-1}.accounting-period-filter .accounting-check{margin:0}.accounting-action-grid,.accounting-two-column,.accounting-settings-grid,.accounting-expense-layout{grid-template-columns:1fr}.accounting-form fieldset{grid-template-columns:repeat(2,minmax(0,1fr))}.accounting-form.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.accounting-list-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.accounting-list-filter>input[type=search]{grid-column:1/-1}.accounting-party-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.accounting-profit-funnel{grid-template-columns:repeat(2,minmax(0,1fr))}.accounting-upload-form{grid-template-columns:1fr 1fr}.accounting-upload-form>.wide{grid-column:1/-1}} @media(max-width:700px){.accounting-page-heading{align-items:flex-start;flex-direction:column}.accounting-subnav{margin-right:-8px;margin-left:-8px}.accounting-period-filter,.accounting-kpi-grid,.accounting-summary-strip,.accounting-reconciliation-summary,.accounting-account-grid,.accounting-party-grid,.accounting-process-steps,.accounting-profit-funnel,.accounting-comparison-grid,.accounting-form fieldset,.accounting-form.compact,.accounting-list-filter,.accounting-upload-form,.accounting-step-strip{grid-template-columns:1fr}.accounting-period-filter>div,.accounting-list-filter>input[type=search],.accounting-upload-form>.wide{grid-column:auto}.accounting-period-filter>button{width:100%}.accounting-form-submit,.accounting-profit-hero{align-items:stretch;flex-direction:column}.accounting-profit-number{min-width:0;text-align:left}.accounting-quick-actions{grid-template-columns:1fr}.accounting-balance-grid{grid-template-columns:1fr 1fr}.accounting-cash-vs-profit dl{grid-template-columns:1fr}.accounting-attachment-list article{grid-template-columns:38px minmax(0,1fr)}.accounting-attachment-list article>.status-badge,.accounting-attachment-list article>a{grid-column:2;justify-self:start}.accounting-info .info-bubble{width:min(280px,80vw)}.accounting-payment-choice>summary{align-items:flex-start;flex-direction:column}} @media(max-width:900px){.accounting-expense-lines-head{display:none}.accounting-expense-line{grid-template-columns:1fr 1fr}.accounting-expense-line label:first-child{grid-column:1/-1}.accounting-expense-line label>span{display:block}.accounting-expense-line output{align-self:end;padding:.55rem;text-align:left}.accounting-expense-line button{align-self:end}.accounting-expense-total{justify-content:space-between}} @media(max-width:560px){.accounting-expense-line{grid-template-columns:1fr}.accounting-expense-line label:first-child{grid-column:auto}.accounting-expense-line button{justify-self:end}} .form-card { max-width: 980px; } .form-grid { display: grid; grid-template-columns: repeat(3, minmax(140px, 1fr)); gap: 16px; align-items: end; } .wide { grid-column: span 2; } .form-actions { display: flex; align-items: end; } .alert { margin-bottom: 18px; padding: 12px 15px; border-radius: 8px; } .alert.success { color: #155a3d; background: #def6e9; } .alert.error { color: var(--danger); background: #fde8e8; } .panel-toast { position: fixed; z-index: 1000; right: auto; bottom: 24px; left: 50%; width: min(520px, calc(100vw - 32px)); min-height: 72px; padding: 13px 46px 16px 14px; display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 12px; align-items: center; overflow: hidden; color: #214036; background: rgba(249,255,252,.98); border: 1px solid #a8d8c2; border-radius: 15px; box-shadow: 0 18px 50px rgba(17,55,43,.24); animation: panel-toast-in .24s ease-out both; backdrop-filter: blur(12px); } .panel-toast.error { color: #712b2b; background: rgba(255,249,249,.98); border-color: #efb3b3; box-shadow: 0 18px 50px rgba(105,34,34,.2); } .panel-toast.is-leaving { pointer-events: none; animation: panel-toast-out .2s ease-in both; } .panel-toast-icon { width: 34px; height: 34px; display: grid; place-items: center; color: white; background: #21865f; border-radius: 50%; font-size: 1rem; font-weight: 900; } .panel-toast.error .panel-toast-icon { background: #c64242; } .panel-toast strong { display: block; margin: 1px 0 4px; font-size: .87rem; } .panel-toast p { margin: 0; color: inherit; font-size: .79rem; line-height: 1.45; } .panel-toast-close { position: absolute; top: 8px; right: 8px; width: 30px; height: 30px; padding: 0; display: grid; place-items: center; color: currentColor; background: transparent; border-radius: 50%; font-size: 1.25rem; line-height: 1; opacity: .64; } .panel-toast-close:hover { background: rgba(23,35,29,.08); opacity: 1; } .panel-toast-progress { position: absolute; right: 0; bottom: 0; left: 0; height: 4px; background: #34a979; transform-origin: left center; animation: panel-toast-progress var(--toast-duration, 12s) linear both; } .panel-toast.error .panel-toast-progress { background: #d45454; } .panel-toast:hover .panel-toast-progress, .panel-toast:focus-within .panel-toast-progress { animation-play-state: paused; } @keyframes panel-toast-in { from { opacity: 0; transform: translate(-50%,12px) scale(.98); } to { opacity: 1; transform: translate(-50%,0) scale(1); } } @keyframes panel-toast-out { from { opacity: 1; transform: translate(-50%,0); } to { opacity: 0; transform: translate(-50%,12px); } } @keyframes panel-toast-progress { from { transform: scaleX(1); } to { transform: scaleX(0); } } .conversation { display: grid; gap: 12px; } .message { max-width: 78%; padding: 16px 18px; background: white; border: 1px solid var(--line); border-radius: 12px; } .message.assistant { margin-left: auto; background: #eaf4ef; } .message span { color: var(--brand); font-size: .7rem; font-weight: 850; text-transform: uppercase; } .message p { margin: 7px 0; white-space: pre-wrap; line-height: 1.55; } .message time { color: var(--muted); font-size: .72rem; } .detail-back { display: inline-flex; margin-bottom: 16px; color: var(--brand); font-size: .86rem; font-weight: 750; } .device-detail-hero { margin-bottom: 14px; padding: 22px 24px; display: flex; align-items: center; justify-content: space-between; gap: 24px; color: white; background: linear-gradient(135deg, #0e2d24, #155d49); border-radius: 16px; box-shadow: 0 14px 34px rgba(14,45,36,.14); } .device-detail-hero .eyebrow { color: var(--accent); } .device-detail-hero h1 { margin-bottom: 6px; } .device-identity { margin-bottom: 12px; color: #d8e7e1; } .device-identity code { color: white; font-size: .88rem; } .detail-badges { display: flex; flex-wrap: wrap; gap: 5px; } .detail-badges .status-badge { font-size: .68rem; padding: 4px 8px; } .device-command-actions { display: flex; gap: 10px; } .command-button { min-width: 94px; padding: 12px 18px; } .command-button.start { color: #113729; background: var(--accent); } .command-button.stop, .danger-button { background: #ad3434; } .device-live-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-bottom: 18px; } .device-live-grid article { padding: 15px 17px; background: white; border: 1px solid var(--line); border-radius: 11px; } .device-live-grid span { display: block; color: var(--muted); font-size: .7rem; font-weight: 800; text-transform: uppercase; } .device-live-grid strong { display: block; margin-top: 6px; font-size: .98rem; } .live-value-row { min-width: 0; display: flex; align-items: center; gap: 8px; } .live-value-row strong { min-width: 0; } .device-live-grid .live-estimate-tag { margin-top: 6px; padding: 4px 8px; color: #52605a; background: #edf1ef; border-radius: 999px; font-size: .66rem; font-style: normal; font-weight: 800; line-height: 1; white-space: nowrap; } .device-live-grid .live-estimate-tag.healthy { color: #166044; background: #e3f3eb; } .device-live-grid .live-estimate-tag.excellent { color: #1558a0; background: #e4f0ff; } .device-live-grid .live-estimate-tag.warning { color: #8a5b00; background: #fff2c9; } .device-live-grid .live-estimate-tag.danger { color: #9b2f2f; background: #fde7e7; } .detail-tabs { margin-bottom: 18px; padding: 5px; display: flex; gap: 4px; overflow-x: auto; background: #e5ece8; border-radius: 11px; } .detail-tabs button { flex: 1; min-width: 135px; padding: 10px 13px; color: #486057; background: transparent; white-space: nowrap; } .detail-tabs button.active { color: white; background: var(--brand); box-shadow: 0 4px 12px rgba(17,100,75,.16); } .detail-tab-content { min-height: 300px; } .detail-two-column, .operations-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .detail-card h2 { margin-bottom: 16px; } .detail-card h3 { margin: 0 0 7px; font-size: .95rem; } .detail-definition-grid { margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 20px; } .detail-definition-grid .full { grid-column: 1 / -1; } .detail-definition-grid dt, .settings-grid dt { margin-bottom: 3px; color: var(--muted); font-size: .68rem; font-weight: 800; text-transform: uppercase; } .detail-definition-grid dd, .settings-grid dd { margin: 0; overflow-wrap: anywhere; font-weight: 680; } .device-warranty-card { margin-top: 16px; } .warranty-summary-grid { margin: 14px 0 10px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; } .warranty-summary-grid > div { padding: 13px 14px; background: #f7faf8; border: 1px solid #e1eae5; border-radius: 10px; } .warranty-summary-grid span { display: block; margin-bottom: 5px; color: var(--muted); font-size: .68rem; font-weight: 800; text-transform: uppercase; } .warranty-summary-grid strong { display: block; font-size: .88rem; line-height: 1.4; } .warranty-actions { margin-top: 14px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .warranty-actions > details { padding: 12px 14px; border: 1px solid var(--line); border-radius: 10px; background: #fbfcfb; } .warranty-actions form { margin-top: 12px; } .inline-editor { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--line); } summary { cursor: pointer; color: var(--brand); font-weight: 780; } .compact-form { margin-top: 14px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; align-items: end; } .compact-form textarea { min-height: 76px; } .check-label { display: flex; grid-column: 1 / -1; flex-direction: row; align-items: center; gap: 8px; } .check-label input { width: auto; } .shared-user-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .shared-user-grid section { padding: 14px; background: #f7faf8; border: 1px solid #e4ebe7; border-radius: 10px; } .shared-user-grid p { margin-bottom: 7px; color: var(--muted); font-size: .82rem; } .permission-chips { display: flex; flex-wrap: wrap; gap: 5px; } .permission-chips span { padding: 3px 7px; color: #1c6047; background: #e2f2eb; border-radius: 999px; font-size: .67rem; font-weight: 780; } .card-heading-row { display: flex; align-items: center; justify-content: space-between; gap: 18px; } .card-heading-row h2, .card-heading-row h3, .card-heading-row p { margin-bottom: 3px; } .secondary-button { color: var(--brand); background: #e6f1ed; } .secondary-link { align-self: end; padding: 10px 13px; color: var(--brand); font-size: .84rem; font-weight: 750; } .pressure-card { padding-bottom: 16px; } .pressure-chart-wrap { padding: 13px 15px 10px; background: #fff; border: 1px solid #e4eaf1; border-radius: 14px; overflow: hidden; } .pressure-chart-legend { display: flex; align-items: center; justify-content: space-between; margin-bottom: 2px; color: #66707e; font-size: .82rem; } .pressure-chart-legend span { display: inline-flex; align-items: center; gap: 8px; color: var(--ink); font-weight: 800; } .pressure-chart-legend i { width: 9px; height: 9px; background: #347fdf; border-radius: 50%; } .pressure-chart-legend b { font-weight: 650; } .pressure-chart-wrap svg { width: 100%; height: 210px; display: block; overflow: hidden; } .chart-grid-line { stroke: #dfe6ef; stroke-width: 1; stroke-dasharray: 5 8; } .pressure-area { fill: rgba(52,127,223,.12); } .pressure-line { fill: none; stroke: #347fdf; stroke-width: 3.5; stroke-linecap: round; stroke-linejoin: round; } .pressure-point { fill: white; stroke: #347fdf; stroke-width: 3; } .chart-value-label { fill: #172132; font-size: 12px; font-weight: 800; text-anchor: middle; } .chart-time-label { fill: #737d8b; font-size: 11px; font-weight: 600; text-anchor: end; } .chart-error-marker { fill: #d73737; } .chart-error-text { fill: white; font-size: 13px; font-weight: 900; text-anchor: middle; } .chart-summary { display: flex; justify-content: space-between; gap: 12px; color: var(--muted); font-size: .7rem; } .chart-summary span { display: inline-flex; align-items: center; gap: 5px; } .chart-error-key { width: 16px; height: 16px; display: inline-grid; place-items: center; color: white; background: #d73737; border-radius: 50%; font-size: .65rem; font-style: normal; } .history-card { padding: 17px 22px; } .history-columns { margin-top: 18px; display: grid; grid-template-columns: 1fr 1fr; gap: 24px; } .history-columns p { color: var(--muted); font-size: .8rem; } .raw-filter { margin-bottom: 16px; display: grid; grid-template-columns: repeat(2, minmax(180px, 1fr)) auto auto; gap: 10px; align-items: end; } .raw-table tbody tr { cursor: pointer; } .raw-table tbody tr:focus { outline: 2px solid var(--brand); outline-offset: -2px; } dialog { width: min(760px, calc(100vw - 32px)); max-height: 88vh; padding: 24px; border: 0; border-radius: 14px; box-shadow: 0 28px 90px rgba(8,29,22,.28); } dialog::backdrop { background: rgba(8,29,22,.58); backdrop-filter: blur(2px); } .dialog-close { position: absolute; top: 10px; right: 12px; padding: 6px 10px; color: var(--muted); background: transparent; font-size: 1.4rem; } .command-dialog form { display: grid; gap: 14px; } .command-risk { padding: 12px; color: #7a370b; background: #fff0d8; border-radius: 8px; } .json-viewer { max-height: 58vh; padding: 16px; overflow: auto; color: #d9f4e8; background: #10251e; border-radius: 9px; font-size: .8rem; line-height: 1.55; white-space: pre; } .settings-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .settings-grid .panel-card { margin-bottom: 0; } .settings-grid dl { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; } .settings-grid dd { margin: 0; } .settings-mobile-view { max-width: 980px; display: grid; gap: 22px; } .settings-heading { max-width: 980px; margin-bottom: 18px; } .settings-section-title { margin: 0 0 9px; color: #68706c; font-size: .74rem; font-weight: 850; letter-spacing: .055em; text-transform: uppercase; } .pressure-limit-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .setting-feature-card { margin: 0; padding: 18px; background: #fff; border: 1px solid #e2e9e5; border-radius: 15px; box-shadow: 0 8px 24px rgba(20,50,40,.055); } .setting-card-title { display: flex; align-items: center; justify-content: space-between; gap: 12px; } .setting-card-title > div { min-width: 0; } .setting-card-title h3 { margin: 0; font-size: 1rem; } .setting-card-title p { margin: 6px 0 0; max-width: 610px; color: var(--muted); font-size: .8rem; line-height: 1.45; } .setting-icon { width: 37px; height: 37px; display: inline-grid; flex: 0 0 auto; place-items: center; margin-right: auto; color: #317ed8; background: #eaf3ff; border-radius: 10px; font-size: 1.5rem; font-weight: 700; } .setting-card-title .setting-icon + h3 { margin-right: auto; } .pressure-high .setting-icon { color: #d94343; background: #fff0f0; } .setting-value { margin: 15px 0 8px; padding: 17px 15px; color: #317ed8; background: #f1f7ff; border: 1px solid #b8d3f3; border-radius: 11px; text-align: center; font-size: 1.65rem; font-weight: 850; } .setting-value small { font-size: .82rem; font-weight: 800; } .pressure-high .setting-value { color: #d94343; background: #fff4f4; border-color: #efc0c0; } .setting-actions { margin: 12px 0 0; } .setting-actions > div { min-height: 45px; display: flex; align-items: center; justify-content: space-between; gap: 14px; border-top: 1px solid #e7ece9; } .setting-actions dt { color: #33423b; font-size: .82rem; font-weight: 720; } .setting-actions dt small { color: var(--muted); font-weight: 500; } .setting-actions dd { margin: 0; } .readonly-toggle { display: inline-flex; align-items: center; gap: 6px; color: var(--muted); font-size: .7rem; font-weight: 780; } .readonly-toggle i { width: 32px; height: 18px; position: relative; display: inline-block; background: #d9dedb; border-radius: 999px; } .readonly-toggle i::after { content: ""; width: 14px; height: 14px; position: absolute; top: 2px; left: 2px; background: white; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,.2); } .readonly-toggle.on { color: #0d7252; } .readonly-toggle.on i { background: #19b982; } .readonly-toggle.on i::after { left: 16px; } .readonly-toggle.unknown i { background: #e4d69d; } .setting-percent, .delay-value { padding: 9px 13px; color: #a87800; background: #fff9e4; border: 1px solid #e5c76a; border-radius: 10px; font-size: .9rem; font-weight: 850; white-space: nowrap; } .wide-setting-card { padding: 20px; } .recovery-card .setting-actions { margin-top: 17px; } .recovery-card .delay-value { color: #23312b; background: #f4f6f5; border-color: #dce3df; } .timeline-list, .ticket-list, .subscription-list { display: grid; gap: 10px; } .timeline-list article, .ticket-list > article, .subscription-list > article { padding: 14px; background: #f8faf9; border: 1px solid #e4ebe7; border-radius: 10px; } .timeline-list h3 { margin: 8px 0 5px; } .timeline-list p { margin-bottom: 7px; color: #405049; font-size: .84rem; } .timeline-list time { color: var(--muted); font-size: .72rem; } .ticket-actions { margin-top: 14px; display: grid; gap: 12px; } .subscription-actions, .subscription-actions form { margin-top: 10px; display: flex; gap: 7px; } .subscription-actions select, .subscription-actions input { min-width: 0; } @media (max-width: 1000px) { .metric-grid { grid-template-columns: repeat(2, 1fr); } .device-filter-grid { grid-template-columns: repeat(2, 1fr); } .device-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .user-filter-grid { grid-template-columns: repeat(3, 1fr); } .user-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .staff-metric-grid, .staff-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .staff-permission-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .generated-password-panel { grid-template-columns: 1fr; } .principles { grid-template-columns: 1fr; } .form-grid { grid-template-columns: repeat(2, 1fr); } .shared-user-grid { grid-template-columns: repeat(2, 1fr); } .settings-mobile-view, .settings-heading { max-width: none; } } @media (max-width: 1400px) { .device-status-badges:has(.status-badge:nth-child(3)) { transform: scale(.78); transform-origin: right center; } } @media (max-width: 720px) { .topbar { padding: 0 16px; } .staff span { display: none; } .shell { grid-template-columns: 1fr; } .sidebar { top: 64px; height: auto; max-height: 58px; padding: 9px 10px; flex-direction: row; overflow-x: auto; overflow-y: hidden; box-shadow: 0 5px 16px rgba(12,44,34,.13); } .sidebar a { white-space: nowrap; } .sidebar a:hover { transform: none; } .sidebar a.active { box-shadow: inset 0 -3px 0 var(--accent); } .panel-toast { bottom: 16px; width: calc(100vw - 24px); } main { padding: 20px 14px; } .page-heading { align-items: stretch; flex-direction: column; } .search-form input { min-width: 0; } .device-controls { width: 100%; grid-template-columns: 1fr; } .user-controls { width: 100%; grid-template-columns: 1fr; } .device-filter-grid { grid-template-columns: 1fr 1fr; } .user-filter-grid { grid-template-columns: 1fr 1fr; } .device-filter-card { min-height: 92px; } .device-card-grid { grid-template-columns: 1fr; } .user-card-grid { grid-template-columns: 1fr; } .staff-metric-grid, .staff-card-grid, .staff-identity-fields, .staff-edit-fields, .staff-permission-grid { grid-template-columns: 1fr; } .staff-permission-toolbar { grid-template-columns: 1fr; align-items: stretch; } .staff-permission-toolbar > span { white-space: normal; } .generated-password-control, .staff-security-actions .generated-password-control { grid-template-columns: 1fr 1fr; } .generated-password-control input { grid-column: 1 / -1; } .staff-security-actions > form { align-items: stretch; flex-direction: column; } .staff-danger-zone form { grid-template-columns: 1fr; } .staff-danger-zone p { grid-column: auto; } .form-grid { grid-template-columns: 1fr; } .wide { grid-column: auto; } .device-detail-hero { align-items: stretch; flex-direction: column; } .device-command-actions button { flex: 1; } .device-live-grid { grid-template-columns: 1fr 1fr; } .detail-two-column, .operations-grid, .settings-grid, .history-columns { grid-template-columns: 1fr; } .warranty-summary-grid, .warranty-actions { grid-template-columns: 1fr; } .pressure-limit-grid { grid-template-columns: 1fr; } .shared-user-grid { grid-template-columns: 1fr; } .detail-definition-grid { grid-template-columns: 1fr; } .detail-definition-grid .full { grid-column: auto; } .raw-filter { grid-template-columns: 1fr; } .compact-form { grid-template-columns: 1fr; } .check-label { grid-column: auto; } .subscription-actions, .subscription-actions form { align-items: stretch; flex-direction: column; } } /* Device inventory */ .inventory-operation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0} .inventory-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin:.8rem 0 1.2rem}.inventory-pagination a{font-weight:700;color:#2867c7} .inventory-tabs{display:flex;gap:.45rem;margin:0 0 1rem;padding:.35rem;border:1px solid #dfe6f0;border-radius:14px;background:#f4f7fb;width:max-content}.inventory-tabs a{padding:.7rem 1rem;border-radius:10px;color:#526174;font-weight:750}.inventory-tabs a.active{background:#fff;color:#1f5fbf;box-shadow:0 3px 12px rgba(34,73,124,.12)}.inventory-search-control{display:flex;align-items:center;flex:1 1 auto;min-width:280px;padding:0 .75rem;border:1px solid #cfd8e6;border-radius:9px;background:#fff}.inventory-search-control input{width:100%;min-width:0;padding:.7rem 0;border:0;outline:0;background:transparent}.inventory-toolbar>select{flex:0 0 230px;width:230px}.danger-text{color:#b42318!important} .inventory-log-link{display:inline-block;margin-top:.35rem;color:#2867c7;font-weight:700}.inventory-device-card small{display:block;color:#7b8798;font-weight:500}.inventory-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0 0 1rem}.inventory-parts > .inventory-entry-grid{margin:18px 22px 16px}.inventory-entry-card{padding:.75rem;border:1px solid #e1e7f0;border-radius:12px;background:#f9fbff}.inventory-entry-card summary{cursor:pointer;font-weight:750;color:#244f91}.inline-archive-form{display:grid;gap:.4rem;min-width:180px;margin-top:.5rem}.stock-positive{color:#087443;font-weight:750}.stock-negative{color:#b42318;font-weight:750}.inventory-audit-table{margin-top:1rem} .inventory-summary,.inventory-toolbar{display:flex;gap:.7rem;align-items:center}.inventory-summary span{padding:.55rem .75rem;border-radius:999px;background:#eef4ff;color:#34435f}.inventory-toolbar{margin-bottom:1rem;padding:.75rem}.inventory-toolbar input{flex:1}.inventory-device-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem;margin-bottom:1.2rem}.inventory-device-card{min-width:0;padding:.85rem;border:1px solid #dfe6f0;border-radius:15px;background:#fff;box-shadow:0 5px 18px rgba(25,45,75,.06)}.inventory-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.inventory-device-name{display:block;font-weight:750;color:#17233a}.inventory-device-card code{display:block;margin-top:.15rem;font-size:.75rem;color:#667085}.inventory-status{max-width:48%;padding:.25rem .45rem;border-radius:999px;background:#eef2f7;color:#475467;font-size:.68rem;font-weight:700;text-align:center}.status-112{background:#e9f8ef;color:#147a45}.status-118{background:#fff4db;color:#9a6700}.status-136{background:#feecec;color:#b42318}.inventory-device-card dl{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:.75rem 0}.inventory-device-card dl div{min-width:0}.inventory-device-card dt{font-size:.67rem;color:#7b8798}.inventory-device-card dd{margin:.08rem 0 0;font-size:.78rem;font-weight:650;overflow:hidden;text-overflow:ellipsis}.inventory-card-actions summary,.inventory-card-actions a{color:#2867c7;font-weight:700;cursor:pointer}.inventory-sale-form{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:.7rem;padding-top:.7rem;border-top:1px solid #e6eaf0}.inventory-sale-form label{font-size:.7rem;color:#667085}.inventory-sale-form input,.inventory-sale-form select,.inventory-sale-form textarea{width:100%;margin-top:.2rem}.inventory-sale-form .wide,.inventory-sale-form button{grid-column:1/-1}.inventory-parts{margin-top:1rem}@media(max-width:1500px){.inventory-device-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:980px){.inventory-device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.inventory-device-grid{grid-template-columns:1fr}.inventory-summary,.inventory-toolbar{align-items:stretch;flex-direction:column}} .product-policy-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin:0 0 1rem}.inventory-parts > .product-policy-grid{margin:0 22px 18px}.inventory-parts > .section-heading + .product-policy-grid{margin-top:18px}.product-policy-grid>article{min-width:0;padding:.65rem;border:1px solid #e2e8f0;border-radius:10px;background:#fafcff}.product-policy-grid strong,.product-policy-grid small{display:block}.product-policy-grid small{margin:.15rem 0 .4rem;color:#778396}.product-policy-grid>article>span{font-size:.72rem;font-weight:750;color:#2867c7}.product-policy-grid summary{margin-top:.45rem;cursor:pointer;color:#2867c7;font-size:.72rem;font-weight:750}@media(max-width:1100px){.product-policy-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.product-policy-grid{grid-template-columns:1fr}} @media(max-width:980px){.inventory-operation-grid{grid-template-columns:1fr}} @media(max-width:980px){.inventory-entry-grid{grid-template-columns:1fr}} /* Technical service */ .primary-link,.secondary-link{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.68rem .9rem;border-radius:10px;font-weight:750;text-decoration:none}.primary-link{color:#fff;background:#2368cf;box-shadow:0 7px 18px rgba(35,104,207,.2)}.secondary-link{color:#245ca9;background:#eef4ff;border:1px solid #d4e2f8}.service-heading{align-items:flex-end}.service-metric-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.65rem;margin-bottom:1rem}.service-metric-grid article{min-width:0;padding:.8rem .9rem;border:1px solid #dfe6ef;border-radius:14px;background:#fff;box-shadow:0 5px 16px rgba(24,45,73,.05)}.service-metric-grid span{display:block;min-height:2.1em;color:#6f7d8f;font-size:.72rem;font-weight:700}.service-metric-grid strong{display:block;margin-top:.25rem;color:#17243a;font-size:1.3rem}.service-metric-grid .metric-warning{border-color:#efc96e;background:#fffaf0}.service-metric-grid .metric-danger{border-color:#efaaa6;background:#fff5f4}.service-toolbar{display:grid;grid-template-columns:2.2fr repeat(5,minmax(130px,1fr));gap:.65rem;align-items:end;margin-bottom:1rem;padding:.8rem}.service-toolbar label{min-width:0}.service-toolbar label>span{display:block;margin-bottom:.25rem;color:#667085;font-size:.69rem;font-weight:750}.service-toolbar input,.service-toolbar select{width:100%}.service-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.service-case-card{display:block;min-width:0;padding:1rem;color:inherit;border:1px solid #dfe6ef;border-left:4px solid #aeb9c8;border-radius:15px;background:#fff;box-shadow:0 6px 20px rgba(28,49,78,.06);text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.service-case-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(28,49,78,.11)}.service-case-card.urgency-target_exceeded{border-left-color:#e7a527}.service-case-card.urgency-critical{border-left-color:#df7438}.service-case-card.urgency-overdue{border-left-color:#d43c3c;background:#fffafa}.service-case-card h2{margin:.7rem 0 .25rem;font-size:1.02rem}.service-case-card code{color:#607087;font-size:.74rem}.service-case-card dl{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin:.85rem 0}.service-case-card dt{color:#7b8797;font-size:.66rem}.service-case-card dd{margin:.08rem 0 0;overflow:hidden;color:#2e3a4c;font-size:.78rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.service-priority,.warranty-pill,.deadline-pill{display:inline-flex;align-items:center;padding:.28rem .48rem;border-radius:999px;font-size:.67rem;font-weight:800}.priority-low{color:#326d57;background:#eaf7f1}.priority-normal{color:#4e5c70;background:#edf1f6}.priority-high{color:#986300;background:#fff3d6}.priority-critical{color:#a82d28;background:#fdeceb}.service-card-footer{display:flex;align-items:center;justify-content:space-between;gap:.45rem}.warranty-company_covered{color:#087443;background:#e6f7ee}.warranty-company_expired,.warranty-usage_error_suspected{color:#8a5a00;background:#fff2cf}.warranty-legal_conflict{color:#b42318;background:#feeceb}.warranty-missing_sale,.warranty-manual_review{color:#566274;background:#edf1f6}.deadline-pill{color:#a52c27;background:#feeceb}.service-empty{grid-column:1/-1}.service-title-meta{display:flex;align-items:center;gap:.45rem;margin-top:.5rem;color:#697688;font-size:.78rem}.service-alert{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin:.75rem 0;padding:.75rem .9rem;border-radius:11px;font-size:.78rem}.service-alert.warning{color:#765000;background:#fff5d9;border:1px solid #eed18a}.service-alert.danger{color:#992c28;background:#fff0ef;border:1px solid #efbbb8}.service-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.service-overview-grid .panel-card{margin:0}.detail-list{display:grid;gap:.55rem}.detail-list div{display:grid;grid-template-columns:110px 1fr;gap:.5rem;padding-bottom:.45rem;border-bottom:1px solid #edf0f3}.detail-list dt{color:#788596;font-size:.7rem}.detail-list dd{margin:0;font-size:.8rem;font-weight:650}.service-status-action{margin:1rem 0}.header-editor{position:relative}.header-editor>summary{cursor:pointer;list-style:none;padding:.65rem .85rem;color:#fff;background:#2368cf;border-radius:10px;font-weight:750}.popover-form{position:absolute;z-index:8;right:0;width:min(720px,85vw);padding:1rem;border:1px solid #dfe6ef;border-radius:14px;background:#fff;box-shadow:0 14px 40px rgba(22,41,68,.18)}.service-intake-card{margin:0 0 1rem}.intake-meta{display:flex;flex-wrap:wrap;gap:.45rem;margin:.7rem 0}.intake-meta span{padding:.35rem .55rem;color:#5d6a7b;background:#f2f5f8;border-radius:8px;font-size:.72rem}.service-item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:.75rem 0}.service-item-card{padding:.85rem;border:1px solid #e0e6ed;border-left:4px solid #aeb9c8;border-radius:13px;background:#fbfcfe}.warranty-border-company_covered{border-left-color:#2da66e}.warranty-border-legal_conflict{border-left-color:#d43c3c}.warranty-border-company_expired,.warranty-border-usage_error_suspected{border-left-color:#e2a02c}.service-item-card h3{margin:.45rem 0;font-size:.98rem}.service-item-card dl{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.service-item-card dt{font-size:.66rem;color:#7b8797}.service-item-card dd{margin:.08rem 0 0;font-size:.76rem;font-weight:620}.danger-editor>summary{color:#b42318}.service-lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.service-lower-grid .panel-card{margin:0}.service-timeline{display:grid;gap:.25rem}.service-timeline article{display:grid;grid-template-columns:14px 1fr;gap:.55rem}.service-timeline i{width:9px;height:9px;margin-top:.3rem;background:#397bd8;border-radius:50%;box-shadow:0 0 0 4px #eaf2fe}.service-timeline div{padding:0 0 .8rem .2rem;border-left:1px solid #dce4ef}.service-timeline strong{font-size:.78rem}.service-timeline span{float:right;color:#7c8999;font-size:.68rem}.service-timeline p{margin:.25rem 0 0;color:#59677a;font-size:.74rem}.service-new-form{max-width:980px;margin:0 auto}.service-new-form section+section{margin-top:1rem;padding-top:1rem;border-top:1px solid #e3e8ef}.service-receipt{max-width:900px;margin:0 auto;padding:2rem;color:#172033;background:#fff}.service-receipt header,.service-receipt footer{display:flex;justify-content:space-between;gap:2rem}.service-receipt header{padding-bottom:1rem;border-bottom:2px solid #20365a}.service-receipt header span{display:block;margin-top:.35rem}.service-receipt section{margin-top:1.2rem}.service-receipt dl{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.service-receipt dl div{padding:.55rem;background:#f5f7fa;border-radius:8px}.service-receipt dt{font-size:.7rem;color:#718096}.service-receipt dd{margin:.2rem 0 0;font-weight:650}.service-receipt footer{margin-top:3rem}.service-receipt footer>div{width:42%;padding-top:1rem;border-top:1px solid #4d596b}.receipt-actions{display:flex;justify-content:center;gap:.6rem;margin-bottom:1rem} @media(max-width:1500px){.service-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.service-toolbar{grid-template-columns:2fr repeat(3,1fr)}.service-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:850px){.service-toolbar,.service-case-grid,.service-overview-grid,.service-item-grid,.service-lower-grid{grid-template-columns:1fr}.service-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.popover-form{position:static;width:100%}.service-receipt dl{grid-template-columns:1fr}} @media print{.topbar,.sidebar,.no-print{display:none!important}.shell{display:block}.content,main{padding:0!important}.service-receipt{max-width:none;box-shadow:none}.service-receipt table{font-size:10pt}} .service-calendar{margin:0 0 18px}.service-calendar>summary{align-items:center;cursor:pointer;display:flex;font-weight:750;justify-content:space-between}.service-calendar>summary span{color:var(--muted);font-size:.82rem;font-weight:600}.calendar-chip-list{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.service-calendar-form{align-items:end;border-top:1px solid var(--border);margin-top:14px;padding-top:14px} /* Guided technical service flow */ .info-tip{position:relative;display:inline-flex;vertical-align:middle;margin-left:.22rem;outline:none}.info-tip>span:first-child{display:inline-grid;place-items:center;width:18px;height:18px;color:#2867c7;border:1px solid #a9c6ef;border-radius:50%;background:#edf5ff;font-size:11px;font-weight:850;font-style:normal;cursor:help}.info-bubble{position:absolute;z-index:50;left:50%;bottom:calc(100% + 10px);width:280px;padding:.7rem .78rem;color:#fff;border-radius:10px;background:#17233a;box-shadow:0 12px 30px rgba(20,35,58,.24);font-size:.74rem;font-weight:550;line-height:1.45;opacity:0;pointer-events:none;transform:translate(-50%,6px);transition:.15s ease}.info-bubble:after{position:absolute;top:100%;left:50%;content:"";border:6px solid transparent;border-top-color:#17233a;transform:translateX(-50%)}.info-tip:hover .info-bubble,.info-tip:focus .info-bubble,.info-tip:focus-within .info-bubble{opacity:1;transform:translate(-50%,0)} .service-work-queues{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem;margin:0 0 1rem}.work-queue-card{display:flex;align-items:center;gap:.8rem;min-width:0;padding:1rem;color:inherit;border:1px solid #dfe6ef;border-radius:16px;background:#fff;box-shadow:0 6px 20px rgba(28,49,78,.06);text-decoration:none}.work-queue-card:hover,.work-queue-card.active{border-color:#8bb5ec;box-shadow:0 9px 26px rgba(35,104,207,.13);transform:translateY(-1px)}.queue-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;font-size:1.05rem;font-weight:900}.queue-icon.blue{color:#2164c4;background:#eaf3ff}.queue-icon.amber{color:#9a6300;background:#fff2d1}.queue-icon.violet{color:#6c4cc6;background:#f0ebff}.queue-icon.red{color:#b42318;background:#feeceb}.queue-icon.green{color:#13734a;background:#e7f7ef}.work-queue-card div{display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:.45rem;min-width:0}.work-queue-card strong{font-size:1.35rem}.work-queue-card b{font-size:.88rem}.work-queue-card small{grid-column:1/-1;margin-top:.2rem;color:#6f7d8f;font-size:.7rem;line-height:1.35} .service-search-panel{margin:0 0 1rem;padding:.8rem 1rem}.service-main-search>span{display:block;margin-bottom:.4rem;color:#4e5b6e;font-size:.74rem;font-weight:750}.service-main-search input{width:100%;padding:.85rem 1rem;border:1px solid #cbd7e6;border-radius:12px;background:#fbfdff;font-size:.95rem}.service-more-filters{margin-top:.55rem}.service-more-filters>summary,.service-admin-tools>summary{width:max-content;color:#2867c7;cursor:pointer;font-size:.75rem;font-weight:750}.service-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem;margin-top:.7rem;padding-top:.7rem;border-top:1px solid #e5eaf0}.service-filter-grid label>span{display:block;min-height:1.5rem;margin-bottom:.25rem;color:#657184;font-size:.69rem;font-weight:700}.service-filter-grid select{width:100%}.service-list-heading{display:flex;align-items:end;justify-content:space-between;margin:.9rem 0 .65rem}.service-list-heading h2{margin:0;font-size:1.1rem}.service-list-heading p{margin:.15rem 0 0;color:#7a8697;font-size:.73rem}.service-list-heading a{color:#2867c7;font-size:.75rem;font-weight:750}.service-case-grid.simple{grid-template-columns:repeat(3,minmax(0,1fr))}.service-case-grid.simple .service-case-card{padding:.9rem}.service-customer-line{overflow:hidden;margin:.45rem 0;color:#5e6a7a;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.service-next-mini{margin:.7rem 0;padding:.58rem .65rem;border-radius:10px;background:#f1f6fd}.service-next-mini span,.service-next-mini strong{display:block}.service-next-mini span{margin-bottom:.12rem;color:#6b7c91;font-size:.62rem;font-weight:800;letter-spacing:.06em}.service-next-mini strong{color:#214f8e;font-size:.77rem}.service-case-grid.simple .service-card-footer{padding-top:.55rem;border-top:1px solid #edf0f4;color:#7a8798;font-size:.67rem}.service-case-grid.simple .service-card-footer code{font-size:.68rem}.service-empty{display:grid;gap:.25rem;padding:2rem;text-align:center}.service-empty span{color:#778497}.service-admin-tools{margin-top:1.2rem} .service-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:.2rem 0 1rem;padding:.75rem 1rem;border:1px solid #e1e7ef;border-radius:15px;background:#fff}.service-flow-step{position:relative;display:flex;align-items:center;gap:.55rem;min-width:0;color:#8b95a3}.service-flow-step:after{position:absolute;z-index:0;top:18px;right:7px;left:47px;height:2px;content:"";background:#e4e9ef}.service-flow-step:last-child:after{display:none}.service-flow-step>span{position:relative;z-index:1;display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:2px solid #dbe2ea;border-radius:50%;background:#fff;font-weight:850}.service-flow-step div{position:relative;z-index:1;min-width:0;padding-right:.5rem;background:#fff}.service-flow-step strong,.service-flow-step small{display:block}.service-flow-step strong{font-size:.78rem}.service-flow-step small{margin-top:.1rem;font-size:.62rem;line-height:1.25}.service-flow-step.done{color:#168052}.service-flow-step.done>span{color:#fff;border-color:#23a36b;background:#23a36b}.service-flow-step.done:after{background:#77cba4}.service-flow-step.current{color:#205eae}.service-flow-step.current>span{color:#fff;border-color:#2e72d2;background:#2e72d2;box-shadow:0 0 0 5px #e7f0fd} .next-action-card{display:flex;align-items:center;gap:1rem;margin:0 0 1rem;padding:1.05rem 1.15rem;color:#153b70;border:1px solid #9fc3f1;border-radius:17px;background:linear-gradient(135deg,#edf5ff,#f9fcff);box-shadow:0 8px 25px rgba(43,105,190,.1)}.next-action-card.complete{color:#11623f;border-color:#9bd6bb;background:#effaf5}.next-action-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;color:#fff;border-radius:15px;background:#2e72d2;font-size:1.5rem;font-weight:900}.next-action-card.complete .next-action-icon{background:#239b67}.next-action-copy{flex:1}.next-action-copy>span{display:block;font-size:.65rem;font-weight:850;letter-spacing:.08em}.next-action-copy h2{margin:.16rem 0;font-size:1.13rem}.next-action-copy p{margin:0;color:#526a86;font-size:.79rem}.next-action-card form{display:flex;align-items:end;gap:.5rem}.next-action-card form button{white-space:nowrap}.next-action-card.compact{margin-top:1rem}.close-case-form label{min-width:280px;color:#526174;font-size:.7rem}.close-case-form input{display:block;width:100%;margin-top:.25rem}.service-alert>div{display:grid;gap:.12rem}.service-alert>div span{font-weight:550}.service-simple-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin-bottom:1rem}.service-simple-summary article{min-width:0;padding:.75rem .85rem;border:1px solid #e1e7ee;border-radius:13px;background:#fff}.service-simple-summary span,.service-simple-summary strong,.service-simple-summary small{display:block}.service-simple-summary span{color:#7c8795;font-size:.65rem}.service-simple-summary strong{overflow:hidden;margin:.22rem 0;color:#26354a;font-size:.83rem;text-overflow:ellipsis;white-space:nowrap}.service-simple-summary small{color:#718095;font-size:.68rem}.service-simple-summary a{color:#2867c7;font-weight:700} .service-action-section{margin:0 0 .85rem;padding:1rem}.service-action-section.recommended-section{border:2px solid #77a9e8;box-shadow:0 8px 24px rgba(36,104,196,.1)}.service-section-title{display:flex;align-items:flex-start;gap:.7rem}.section-number{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;color:#275d9e;border-radius:10px;background:#eaf3ff;font-weight:850}.service-section-title h2{margin:0;font-size:1rem}.service-section-title p{margin:.2rem 0 .7rem;color:#718095;font-size:.74rem}.simple-action{margin-top:.65rem;padding:.65rem .75rem;border:1px solid #dae3ee;border-radius:11px;background:#fafcff}.simple-action>summary{color:#235d9f;cursor:pointer;font-size:.78rem;font-weight:800}.simple-action[open]>summary{margin-bottom:.7rem;padding-bottom:.55rem;border-bottom:1px solid #e2e8ef}.simple-inline-form{display:flex;align-items:end;flex-wrap:wrap;gap:.55rem}.simple-inline-form label{flex:1;min-width:150px;color:#657184;font-size:.69rem}.simple-inline-form input,.simple-inline-form select{display:block;width:100%;margin-top:.2rem}.service-choice-row{display:grid;grid-template-columns:1.3fr .7fr;gap:.7rem}.choice-card{padding:.75rem;border:1px solid #dce4ee;border-radius:12px;background:#fbfcfe}.choice-card>summary{cursor:pointer}.choice-card>summary strong,.choice-card>summary span,.muted-choice>strong,.muted-choice>span{display:block}.choice-card>summary strong,.muted-choice>strong{font-size:.86rem}.choice-card>summary span,.muted-choice>span{margin-top:.15rem;color:#718095;font-size:.7rem}.muted-choice{display:flex;flex-direction:column;justify-content:center}.muted-choice button{margin-top:.65rem}.simple-intake-card{margin-top:.75rem;padding:.8rem;border:1px solid #dfe6ee;border-radius:12px;background:#fbfcfe}.simple-intake-card header{display:flex;align-items:start;justify-content:space-between;gap:1rem}.simple-intake-card h3{margin:.35rem 0 .1rem;font-size:.9rem}.simple-intake-card p{margin:0;color:#728094;font-size:.7rem}.simple-intake-card header>a{color:#2867c7;font-size:.72rem;font-weight:750}.service-optional-fields{grid-column:1/-1;margin-top:.65rem;padding:.6rem;border:1px dashed #ced9e7;border-radius:10px}.service-optional-fields>summary{color:#4f6682;cursor:pointer;font-size:.74rem;font-weight:750}.service-optional-fields>summary small{font-weight:550}.service-optional-fields .form-grid{margin-top:.65rem}.simple-items{margin-top:.55rem}.simple-items .service-item-card{background:#fff}.service-item-card small{color:#748195;font-size:.68rem}.customer-complaint{margin:.55rem 0;padding:.55rem;border-radius:8px;background:#f4f6f9;color:#4e5a69;font-size:.73rem}.approval-action{border-color:#e8c76e;background:#fffaf0}.empty-state{margin:.7rem 0 0;color:#7a8797;font-size:.76rem}.service-secondary-tools{display:grid;gap:.65rem;margin-top:1rem}.service-secondary-tools>.panel-card{margin:0}.service-secondary-tools>.panel-card>summary{color:#324c70;cursor:pointer;font-size:.8rem;font-weight:800}.service-secondary-tools>.panel-card[open]>summary{margin-bottom:.8rem;padding-bottom:.65rem;border-bottom:1px solid #e2e8ef}.advanced-service-tools{border-style:dashed!important}.advanced-service-tools>summary{color:#7a5a20!important} .service-wizard-form{display:grid;gap:.85rem;max-width:980px;margin:0 auto}.service-form-step{display:grid;grid-template-columns:44px 1fr;gap:.8rem;margin:0;padding:1rem}.step-number{display:grid;place-items:center;width:40px;height:40px;color:#fff;border-radius:13px;background:#2e72d2;font-size:1.08rem;font-weight:900}.step-content h2{margin:0;font-size:1.05rem}.step-content>p{margin:.2rem 0 .8rem;color:#718095;font-size:.76rem}.field-title{display:block}.service-wizard-submit{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border-radius:15px;background:#172d4e;color:#fff}.service-wizard-submit strong,.service-wizard-submit span{display:block}.service-wizard-submit span{margin-top:.15rem;color:#c5d2e4;font-size:.72rem}.service-wizard-submit button{background:#2f80ed} @media(max-width:1350px){.service-work-queues,.service-simple-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.service-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-case-grid.simple{grid-template-columns:repeat(2,minmax(0,1fr))}.service-flow-step small{display:none}} @media(max-width:850px){.service-work-queues,.service-simple-summary,.service-filter-grid,.service-case-grid.simple,.service-choice-row{grid-template-columns:1fr}.service-flow{overflow-x:auto;grid-template-columns:repeat(5,minmax(115px,1fr))}.service-flow-step:after{display:none}.next-action-card{align-items:flex-start;flex-wrap:wrap}.next-action-copy{min-width:calc(100% - 70px)}.next-action-card>a,.next-action-card>form{width:100%}.next-action-card form{align-items:stretch;flex-direction:column}.close-case-form label{min-width:0}.service-form-step{grid-template-columns:1fr}.service-wizard-submit{align-items:stretch;flex-direction:column}.simple-intake-card header{flex-direction:column}.info-bubble{left:auto;right:-10px;transform:translateY(6px)}.info-tip:hover .info-bubble,.info-tip:focus .info-bubble,.info-tip:focus-within .info-bubble{transform:translateY(0)}.info-bubble:after{right:15px;left:auto}} /* Visible, reversible technical-service corrections. */ .intake-product-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid #dbe4ef}.intake-product-heading>div{display:grid;gap:3px}.intake-product-heading strong{font-size:1rem;color:#162238}.intake-product-heading span{color:#68778c;font-size:.86rem}.intake-product-list{display:grid;gap:10px;margin-top:10px}.intake-product-row{display:grid;grid-template-columns:minmax(190px,1.1fr) minmax(300px,2fr) auto;align-items:center;gap:16px;padding:13px 14px;border:1px solid #cddbeb;border-radius:14px;background:#f8fbff}.product-main{display:flex;align-items:center;gap:10px;min-width:0}.product-main>div{display:grid;gap:3px;min-width:0}.product-main strong,.product-main code{overflow-wrap:anywhere}.product-main code{font-size:.83rem;color:#3567a5}.product-icon{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border-radius:9px;background:#e1eeff;color:#1768d5;font-weight:800}.product-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.product-facts span{display:grid;gap:2px;color:#283a51;font-size:.86rem;overflow-wrap:anywhere}.product-facts small{color:#76869b;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}.product-correction{position:relative}.product-correction>summary{white-space:nowrap;color:#2769bd;font-weight:700;cursor:pointer}.product-correction[open]{grid-column:1/-1;width:100%}.product-correction[open]>summary{margin-bottom:12px}.correction-form,.intake-correction form{padding:14px;border:1px solid #dce5f0;border-radius:12px;background:#fff}.correction-reason{padding-top:9px;border-top:1px dashed #cfd9e6}.danger-inline-form{display:flex;align-items:end;gap:10px;margin-top:10px;padding:12px;border:1px solid #f0c7c7;border-radius:12px;background:#fff7f7}.danger-inline-form label{flex:1}.intake-product-empty{display:grid;gap:3px;padding:15px;border:1px dashed #aebfd3;border-radius:12px;color:#65758a}.intake-product-empty strong{color:#33465d}.add-intake-product{margin-top:13px}.intake-correction{margin-top:10px}.correction-list-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-top:1px solid #e3e9f1}.compact-correction-form{display:flex;align-items:center;gap:8px}.compact-correction-form input{min-width:210px}.correction-panel{border-color:#e5c77a!important;background:#fffcf3} @media(max-width:1100px){.intake-product-row{grid-template-columns:1fr}.product-correction[open]{grid-column:auto}} @media(max-width:700px){.product-facts{grid-template-columns:1fr}.danger-inline-form,.correction-list-row,.compact-correction-form{align-items:stretch;flex-direction:column}.compact-correction-form input{min-width:0;width:100%}} /* Simplified support type and repair decisions. */ .service-kind-options{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.service-kind-options label,.billing-choice label{display:flex;align-items:flex-start;gap:.65rem;padding:.85rem;border:1px solid #d6e0ed;border-radius:13px;background:#fbfdff;cursor:pointer}.service-kind-options input,.billing-choice input{margin-top:.18rem;accent-color:#286fd1}.service-kind-options span,.service-kind-options strong,.service-kind-options small,.billing-choice span,.billing-choice strong,.billing-choice small{display:block}.service-kind-options small,.billing-choice small{margin-top:.2rem;color:#6d7b8e;font-size:.72rem;line-height:1.4}.service-kind-options label:has(input:checked),.billing-choice label:has(input:checked){border-color:#6fa3e7;background:#edf5ff;box-shadow:0 0 0 2px rgba(45,112,204,.1)} .support-work-card{max-width:980px}.remote-resolution-form{display:grid;gap:.7rem;margin-top:.8rem}.remote-resolution-form label span,.remote-resolution-form label strong{display:block}.remote-resolution-form label span{margin:.2rem 0 .5rem;color:#6c798b;font-size:.75rem}.remote-resolution-form textarea{width:100%}.remote-resolution-form button{justify-self:start}.support-resolution-done{margin-top:.8rem;padding:.9rem;border-radius:12px;background:#edf9f3;color:#176443}.support-resolution-done p{margin:.35rem 0 0} .guided-repair-list{display:grid;gap:1rem;margin-top:.8rem}.guided-repair-card{padding:1rem;border:1px solid #dce5ef;border-left:5px solid #aeb9c8;border-radius:15px;background:#fff}.guided-repair-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.guided-repair-card h3{margin:.4rem 0 .15rem}.guided-repair-card code{color:#5d6c80}.warranty-date{text-align:right}.warranty-date small,.warranty-date strong{display:block}.warranty-date small{color:#7a8798;font-size:.68rem}.warranty-date strong{margin-top:.15rem;font-size:.83rem}.repair-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem;margin:.8rem 0}.repair-progress span{padding:.48rem .55rem;color:#7c8897;border-radius:8px;background:#f0f3f7;font-size:.68rem;font-weight:750;text-align:center}.repair-progress span.done{color:#13734a;background:#e7f7ef}.repair-progress span.current{color:#185cae;background:#e8f2ff;box-shadow:inset 0 0 0 1px #a7c8ef} .guided-step{border:1px solid #cad9eb;border-radius:13px;background:#f9fcff}.guided-step>summary{display:flex;align-items:center;gap:.65rem;padding:.75rem;cursor:pointer}.guided-step>summary>span,.guided-step-number{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;color:#fff;border-radius:9px;background:#2e72d2;font-weight:850}.guided-step>summary strong,.guided-step>summary small{display:block}.guided-step>summary small{margin-top:.12rem;color:#6f7d8e;font-size:.69rem}.guided-diagnosis-form{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;padding:.85rem;border-top:1px solid #dce5ef}.guided-diagnosis-form label>strong{display:block;margin-bottom:.3rem;font-size:.75rem}.guided-diagnosis-form textarea,.guided-diagnosis-form select,.guided-diagnosis-form input{width:100%}.guided-diagnosis-form .wide,.guided-diagnosis-form>button{grid-column:1/-1}.billing-choice{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin:0;padding:0;border:0}.billing-choice legend{margin-bottom:.4rem;font-size:.78rem;font-weight:800}.billing-choice label input{width:auto}.paid-cost-fields{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;padding:.7rem;border-radius:10px;background:#fff7e8}.paid-cost-fields[hidden]{display:none}.guided-step-box{display:flex;align-items:flex-start;gap:.75rem;margin-top:.75rem;padding:.8rem;border:1px solid #dce5ef;border-radius:12px}.guided-step-box>div{flex:1}.guided-step-box h4{margin:0}.guided-step-box p{margin:.25rem 0 .6rem;color:#6d798a;font-size:.74rem}.start-repair-box{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-top:.75rem;padding:.8rem;border:1px solid #aad9c3;border-radius:12px;background:#effaf5}.start-repair-box strong,.start-repair-box span{display:block}.start-repair-box span{margin-top:.15rem;color:#5c7468;font-size:.72rem}.completion-box{background:#f6f9fd}.repair-complete-box{margin-top:.75rem;padding:.85rem;border:1px solid #a8d9c2;border-radius:12px;background:#edf9f3;color:#245c44}.repair-complete-box p{margin:.35rem 0 0;font-size:.75rem} @media(max-width:800px){.service-kind-options,.billing-choice,.repair-progress,.guided-diagnosis-form,.paid-cost-fields{grid-template-columns:1fr}.guided-diagnosis-form .wide,.guided-diagnosis-form>button{grid-column:auto}.guided-repair-card>header,.start-repair-box{align-items:stretch;flex-direction:column}.warranty-date{text-align:left}.guided-step-box{flex-direction:column}} /* Shared customer cards and inline sales/service lookup. */ .customer-heading{align-items:flex-end}.customer-total{display:flex;align-items:baseline;gap:.45rem;padding:.7rem 1rem;border:1px solid #dbe5f1;border-radius:14px;background:#fff}.customer-total strong{font-size:1.35rem;color:#205fae}.customer-total span{color:#718096;font-size:.76rem}.customer-search{display:flex;gap:.6rem;margin-bottom:1rem;padding:.7rem}.customer-search input{flex:1}.customer-create-card{margin-bottom:1rem}.customer-create-card>summary{cursor:pointer;color:#245fae;font-weight:800}.customer-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.customer-card{min-width:0;padding:1rem;border:1px solid #dfe7f0;border-radius:16px;background:#fff;box-shadow:0 6px 20px rgba(26,48,78,.06)}.customer-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem}.customer-card>header>div{display:flex;align-items:center;gap:.65rem;min-width:0}.customer-avatar{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:#e6f0ff;color:#1f65bd;font-size:1rem;font-weight:850}.customer-card h2{overflow:hidden;margin:0;color:#1e2e45;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.customer-card header div span{display:block;margin-top:.15rem;color:#758397;font-size:.68rem}.customer-phone{display:block;margin:.8rem 0 .25rem;color:#1f65bd;font-size:.95rem;font-weight:800}.customer-card>p{overflow:hidden;margin:.2rem 0;color:#69778a;font-size:.74rem;text-overflow:ellipsis;white-space:nowrap}.customer-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin:.8rem 0}.customer-stats span{padding:.48rem .35rem;border-radius:9px;background:#f3f6fa;color:#69778a;font-size:.65rem;text-align:center}.customer-stats strong{display:block;color:#263a56;font-size:.9rem}.customer-last{display:flex;justify-content:space-between;gap:.5rem;color:#8490a0;font-size:.64rem}.customer-edit{margin-top:.75rem;padding-top:.65rem;border-top:1px solid #e6ebf1}.customer-edit>summary{cursor:pointer;color:#2867bd;font-size:.74rem;font-weight:750} .customer-picker{grid-column:1/-1;width:100%;padding:.8rem;border:1px solid #cfdeef;border-radius:13px;background:#f8fbff}.customer-picker-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.65rem}.customer-picker-head strong,.customer-picker-head span{display:block}.customer-picker-head strong{color:#253b59;font-size:.83rem}.customer-picker-head span{margin-top:.1rem;color:#718095;font-size:.68rem}.customer-picker-head a{color:#2868bb;font-size:.7rem;font-weight:750}.customer-picker-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.customer-picker-fields label{min-width:0;color:#66758a;font-size:.68rem}.customer-picker-fields input,.customer-picker-fields select,.customer-picker-fields textarea{display:block;width:100%;margin-top:.2rem}.customer-picker-fields .wide{grid-column:span 2}.customer-picker-actions{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-top:.65rem}.customer-picker-status{color:#65768b;font-size:.7rem}.customer-picker-status.matched{color:#087443;font-weight:700}.customer-picker-status.error{color:#b42318;font-weight:700}.customer-picker-actions button:disabled,[data-customer-save]:disabled{cursor:not-allowed;opacity:.5}.inventory-sale-form>.customer-picker,.inline-archive-form>.customer-picker{grid-column:1/-1}.correction-form>.customer-picker{grid-column:1/-1}.customer-create-card .customer-picker{margin-top:.8rem} .accounting-party-picker{grid-column:1/-1;display:grid;gap:.7rem;width:100%;padding:.9rem;border:1px solid #cbdced;border-radius:14px;background:#f8fbff}.accounting-party-picker-head,.accounting-party-picker-actions{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.accounting-party-picker-head strong,.accounting-party-picker-head span{display:block}.accounting-party-picker-head strong{color:#263d59;font-size:.86rem}.accounting-party-picker-head span{margin-top:.12rem;color:#6d7e92;font-size:.7rem}.accounting-party-picker-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.accounting-party-picker-fields .wide{grid-column:span 2}.accounting-party-picker-fields label{min-width:0}.accounting-party-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;padding:.55rem;border:1px solid #d5e1ed;border-radius:11px;background:#fff}.accounting-party-result{display:grid;gap:.12rem;text-align:left;padding:.65rem .75rem;border:1px solid #d4dfeb;border-radius:10px;background:#fff;color:#253d59}.accounting-party-result:hover,.accounting-party-result:focus-visible{border-color:#4a83cb;background:#f0f6ff}.accounting-party-result strong{font-size:.76rem}.accounting-party-result small{color:#718095;font-size:.65rem}.accounting-party-picker-actions p{margin:0;color:#64758a;font-size:.7rem}.accounting-party-picker-actions p.matched{color:#087443;font-weight:750}.accounting-party-picker-actions p.error{color:#b42318;font-weight:750}.accounting-party-picker-actions button:disabled{cursor:not-allowed;opacity:.5}@media(max-width:900px){.accounting-party-picker-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.accounting-party-results{grid-template-columns:1fr}}@media(max-width:620px){.accounting-party-picker-fields{grid-template-columns:1fr}.accounting-party-picker-fields .wide{grid-column:auto}.accounting-party-picker-head,.accounting-party-picker-actions{align-items:stretch;flex-direction:column}} @media(max-width:1200px){.customer-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-picker-fields{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:700px){.customer-card-grid,.customer-picker-fields{grid-template-columns:1fr}.customer-picker-fields .wide{grid-column:auto}.customer-picker-head,.customer-picker-actions,.customer-last{align-items:stretch;flex-direction:column}.customer-search{align-items:stretch;flex-direction:column}} /* Keep service and customer lists at the same six-card desktop density as devices. */ .service-case-grid.simple, .customer-card-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; } .service-case-grid.simple .service-case-card, .customer-card { min-width: 0; padding: 14px 10px; border-radius: 12px; background: linear-gradient(180deg, #fff 0%, #fcfefd 100%); box-shadow: 0 6px 18px rgba(20, 50, 40, .05); } .service-case-grid.simple .service-case-card { border-color: #d8e2ed; border-left-width: 3px; } .service-case-grid.simple .card-heading-row { align-items: flex-start; gap: 5px; } .service-case-grid.simple .card-heading-row > div { display: flex; flex-wrap: wrap; gap: 2px; } .service-case-grid.simple .service-priority { padding: 3px 5px; font-size: .55rem; white-space: nowrap; } .service-case-grid.simple .service-case-card h2 { display: -webkit-box; min-height: 2.5em; margin: 8px 0 4px; overflow: hidden; font-size: 1rem; line-height: 1.25; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .service-case-grid.simple .service-customer-line { margin: 5px 0; font-size: .72rem; } .service-case-grid.simple .service-next-mini { margin: 7px 0; padding: 7px; } .service-case-grid.simple .service-next-mini strong { overflow: hidden; font-size: .74rem; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; } .service-case-grid.simple .service-card-footer { gap: 4px; font-size: .6rem; } .service-case-grid.simple .service-card-footer code { font-size: .62rem; } .customer-card > header { gap: 6px; } .customer-card > header > div { gap: 7px; } .customer-avatar { flex-basis: 34px; width: 34px; height: 34px; border-radius: 10px; font-size: .86rem; } .customer-card h2 { font-size: 1rem; line-height: 1.25; } .customer-card header div span { font-size: .62rem; } .customer-phone { margin: 9px 0 3px; font-size: .86rem; } .customer-phone-row { display: flex; align-items: center; gap: .45rem; margin: 9px 0 3px; } .customer-phone-row .customer-phone { min-width: 0; margin: 0; } .customer-phone-copy { display: inline-flex; align-items: center; gap: .24rem; width: auto; min-height: 0; padding: .24rem .42rem; border: 1px solid #cdd9ea; border-radius: 999px; background: #f7faff; color: #45617f; box-shadow: none; font-size: .6rem; line-height: 1; white-space: nowrap; } .customer-phone-copy b { font: inherit; font-weight: 750; } .customer-phone-copy:hover, .customer-phone-copy:focus-visible { border-color: #8fb2dc; background: #eaf3ff; color: #1c5f9f; } .customer-phone-copy.copied { border-color: #86c9ab; background: #eaf8f1; color: #176b48; } .customer-phone-missing { margin: 9px 0 3px; color: #7b8797; font-size: .72rem; } .customer-card > p { font-size: .7rem; } .customer-stats { gap: 3px; margin: 9px 0; } .customer-stats span { padding: 6px 2px; font-size: .57rem; } .customer-stats strong { font-size: .82rem; } .customer-last { display: grid; gap: 2px; font-size: .58rem; } .customer-edit { margin-top: 9px; padding-top: 7px; } .customer-edit > summary { font-size: .68rem; } .customer-card:has(.customer-edit[open]) { grid-column: span 2; } .customer-card .customer-picker .form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } @media (max-width: 1000px) { .service-case-grid.simple, .customer-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* Banka/POS eşleştirmesi: öneri görünür, kesin karar kullanıcıdadır. */ .accounting-match-card{margin-bottom:1rem;padding:1rem}.accounting-match-notice{margin-bottom:1rem;padding:.9rem 1rem;border-left:4px solid #d28a22}.accounting-match-notice strong{color:#744817}.accounting-match-notice p{margin:.28rem 0 .55rem;color:#6e6355;font-size:.74rem}.accounting-match-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin:.2rem 0 .75rem}.accounting-match-summary>div{min-width:0;padding:.7rem .75rem;border:1px solid #dde7e2;border-radius:10px;background:#f9fcfa}.accounting-match-summary>div.wide{grid-column:1/-1}.accounting-match-summary span,.accounting-match-summary small{display:block;color:#748279;font-size:.65rem}.accounting-match-summary strong{display:block;margin-top:.18rem;overflow-wrap:anywhere;color:#23483c;font-size:.8rem}.accounting-match-summary small{margin-top:.2rem}.accounting-match-guidance,.accounting-match-empty{margin:.75rem 0;padding:.72rem .8rem;border-radius:10px}.accounting-match-guidance{border:1px solid #cddff2;background:#f5f9ff}.accounting-match-empty{border:1px dashed #d3b681;background:#fffaf1}.accounting-match-guidance strong,.accounting-match-empty strong{font-size:.76rem}.accounting-match-guidance p,.accounting-match-empty p{margin:.2rem 0 0;color:#657487;font-size:.7rem;line-height:1.45}.accounting-match-candidates{margin-top:.65rem;border:1px solid #e0e7e3;border-radius:11px}.accounting-match-candidates table{margin:0}.accounting-match-history{margin-top:1rem}.accounting-correction-details{min-width:210px}.accounting-correction-details>summary{cursor:pointer}.accounting-correction-details .accounting-inline-reason{align-items:stretch;flex-direction:column;min-width:230px;padding-top:.4rem}.accounting-correction-details .accounting-inline-reason input{width:100%;min-width:0}.accounting-correction-details .accounting-inline-reason button{align-self:flex-start}@media(max-width:800px){.accounting-match-summary{grid-template-columns:1fr 1fr}.accounting-match-summary>div.wide{grid-column:1/-1}}@media(max-width:520px){.accounting-match-summary{grid-template-columns:1fr}.accounting-match-summary>div.wide{grid-column:auto}} /* Physical service acceptance: verify and record the main device first. */ .intake-main-device-form{margin-top:.8rem}.intake-device-identity{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.18rem .8rem;padding:.8rem .9rem;border:1px solid #bfd5ef;border-radius:11px;background:#f3f8ff}.intake-device-identity>span{grid-column:1/-1;color:#54708f;font-size:.62rem;font-weight:850;letter-spacing:.045em;text-transform:uppercase}.intake-device-identity>strong{color:#203b5d;font-size:.88rem}.intake-device-identity>code{align-self:center;color:#195da8;font-size:.72rem;font-weight:800}.intake-device-identity>small{grid-column:1/-1;color:#6d7f93;font-size:.66rem}.intake-device-confirm{display:flex!important;align-items:flex-start;gap:.65rem;padding:.75rem .85rem!important;border:1px solid #f0c96f;border-radius:11px;background:#fff9e9;cursor:pointer}.intake-device-confirm input{flex:0 0 auto;width:19px;height:19px;margin:.05rem 0 0;accent-color:#25815a}.intake-device-confirm span{display:grid;gap:.15rem}.intake-device-confirm strong{color:#553f11;font-size:.76rem}.intake-device-confirm small{color:#7c6a40;font-size:.65rem;line-height:1.4}.service-blocking-note{display:grid;gap:.25rem;margin-top:.75rem;padding:.8rem;border:1px solid #e7bd77;border-radius:10px;background:#fff8e8}.service-blocking-note strong{color:#6c4812;font-size:.78rem}.service-blocking-note span{color:#806c4b;font-size:.68rem;line-height:1.45}.legacy-main-device-repair{display:grid;gap:.8rem;margin:.9rem 0;padding:.9rem;border:2px solid #e0aa45;border-radius:13px;background:#fffbef}.legacy-main-device-repair>div>span{display:block;color:#a26708;font-size:.59rem;font-weight:900;letter-spacing:.06em}.legacy-main-device-repair>div>strong{display:block;margin-top:.15rem;color:#4b3715;font-size:.86rem}.legacy-main-device-repair>div>p{margin:.25rem 0 0;color:#755f38;font-size:.68rem;line-height:1.45}@media(max-width:700px){.intake-device-identity{grid-template-columns:1fr}.intake-device-identity>code{overflow-wrap:anywhere}.intake-device-identity>span,.intake-device-identity>small{grid-column:auto}} /* One explicit post-service device decision controls fleet visibility and ownership. */ .service-disposition-choice{display:grid;gap:.35rem;padding:.8rem!important;border:1px solid #c7d9ee;border-radius:11px;background:#f5f9ff}.service-disposition-choice>strong{color:#274665;font-size:.76rem}.service-disposition-choice>small{color:#61748a;font-size:.66rem;line-height:1.4}.device-disposition-editor{margin-top:.7rem;border-color:#e0b965!important;background:#fffaf0!important}.device-disposition-editor>summary{color:#73500e!important}.replacement-decision{margin-top:.7rem;border-color:#a9c6e8!important;background:#f6faff!important}.replacement-decision>summary{color:#245f9f!important}.repair-complete-box p:last-child{margin-bottom:0} /* Device discovery without asking service staff to type a Device ID. */ .service-device-hint{margin-top:.65rem;padding:.7rem .8rem;border:1px solid #cfe0f4;border-radius:10px;background:#f5f9ff;color:#52657c;font-size:.72rem}.service-device-search{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:.65rem;margin-top:.8rem;padding:.75rem;border:1px solid #dce5ef;border-radius:11px;background:#f8fafc}.service-device-results{display:grid;gap:.5rem;margin-top:.7rem}.service-device-results article{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.7rem .8rem;border:1px solid #dce5ef;border-radius:10px;background:#fff}.service-device-results article>div{display:grid;gap:.12rem;min-width:0}.service-device-results strong{font-size:.8rem}.service-device-results span,.service-device-results small{color:#68778a;font-size:.66rem}.service-device-results button{white-space:nowrap}@media(max-width:800px){.service-device-search{grid-template-columns:1fr}.service-device-results article{align-items:flex-start;flex-direction:column}} .service-new-device-discovery{padding:.85rem;border:1px solid #cbdcf0;border-radius:14px;background:#f8fbff}.service-new-device-search{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:.7rem}.service-new-device-search label{min-width:0}.service-new-device-results{margin-top:.75rem}.service-device-search-ready,.service-device-no-result{display:grid;gap:.2rem;padding:.85rem;border:1px dashed #b9c9dc;border-radius:11px;background:#fff;color:#64758b}.service-device-search-ready strong,.service-device-no-result strong{color:#314760;font-size:.78rem}.service-device-search-ready span,.service-device-no-result span{font-size:.7rem}.service-device-lookup-message{margin:0}.service-new-device-candidates{display:grid;gap:.55rem;margin:0;padding:0;border:0}.service-new-device-candidates legend{margin-bottom:.4rem;color:#334a65;font-size:.74rem;font-weight:800}.service-new-device-option{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.75rem;border:1px solid #d3dfec;border-radius:11px;background:#fff;cursor:pointer}.service-new-device-option:hover{border-color:#82aae0}.service-new-device-option:has(input:checked){border-color:#4383d4;background:#eef6ff;box-shadow:0 0 0 2px rgba(50,119,205,.1)}.service-new-device-option input{width:18px;height:18px;margin:0;accent-color:#2d72cc}.service-new-device-check{display:grid;place-items:center;width:29px;height:29px;color:#8a9aad;border-radius:9px;background:#edf1f5;font-weight:900}.service-new-device-option:has(input:checked) .service-new-device-check{color:#fff;background:#2e72d2}.service-new-device-copy{display:grid;gap:.12rem;min-width:0}.service-new-device-copy strong{font-size:.82rem}.service-new-device-copy small{color:#69798d;font-size:.68rem}.service-new-device-copy code{overflow-wrap:anywhere;color:#34659f;font-size:.65rem}.service-customer-remedy{width:min(100%,420px);margin-top:.75rem}.service-customer-remedy select{display:block;width:100%;margin-top:.25rem}@media(max-width:800px){.service-new-device-search{grid-template-columns:1fr}.service-new-device-option{grid-template-columns:auto minmax(0,1fr)}.service-new-device-option>input{grid-row:1/3}.service-new-device-option>.service-new-device-check{display:none}.service-new-device-option>.status-badge{grid-column:2;justify-self:start}} /* Keep the service workflow readable on wide displays without wasting mobile space. */ .service-detail-shell { width: min(100%, 1240px); margin-inline: auto; } .service-detail-shell .service-detail-heading, .service-detail-shell .service-flow, .service-detail-shell .service-simple-summary { width: 100%; } .service-detail-shell .next-action-card, .service-detail-shell .service-alert { width: min(100%, 1120px); margin-right: auto; margin-left: auto; } .service-detail-shell .service-action-section, .service-detail-shell .service-linked-device, .service-detail-shell .service-secondary-tools { width: min(100%, 1040px); margin-right: auto; margin-left: auto; } .service-detail-shell .service-action-section { margin-bottom: 14px; } .service-detail-shell .service-secondary-tools { margin-top: 18px; } .service-detail-shell .service-action-section > .form-grid, .service-detail-shell .service-action-section > .simple-action, .service-detail-shell .service-action-section > .service-choice-row, .service-detail-shell .service-action-section > .simple-intake-card, .service-detail-shell .service-action-section > .guided-repair-list, .service-detail-shell .service-action-section > .service-device-search, .service-detail-shell .service-action-section > .service-device-results, .service-detail-shell .service-action-section > .remote-resolution-form, .service-detail-shell .service-action-section > .support-resolution-done { width: min(100%, 920px); margin-right: auto; margin-left: auto; } @media (max-width: 1100px) { .service-detail-shell .service-action-section, .service-detail-shell .service-linked-device, .service-detail-shell .service-secondary-tools { width: 100%; } } .service-linked-device{margin-bottom:14px;padding:.85rem 1rem}.service-linked-device-summary{display:flex;align-items:center;justify-content:space-between;gap:1rem}.service-linked-device-summary>div{display:grid;gap:.18rem;min-width:0}.service-linked-device-summary>div>span{color:#76869a;font-size:.65rem;font-weight:800;text-transform:uppercase}.service-linked-device-summary strong{overflow-wrap:anywhere;color:#243a55;font-size:.9rem}.service-linked-device-summary small{color:#6d7d91;font-size:.68rem}.service-linked-device-summary a{color:#2867bd;font-weight:750}.service-device-correction{margin-top:.75rem}.service-device-rebind-form{display:grid;grid-template-columns:minmax(150px,1fr) auto;align-items:end;gap:.45rem}.service-device-rebind-form input{min-width:0}@media(max-width:700px){.service-linked-device-summary{align-items:flex-start;flex-direction:column}.service-device-rebind-form{grid-template-columns:1fr}} @media (max-width: 700px) { .service-detail-shell { width: 100%; } .service-detail-shell .service-action-section { padding: .85rem; } } /* Device-detail service shortcut follows the full service workflow. */ .device-operation-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.device-operation-heading h2{margin:.1rem 0 0}.device-service-create{margin:.8rem 0;padding:.8rem;border:1px solid #cbdcf0;border-radius:12px;background:#f7faff}.device-service-create>summary{color:#245f9f;font-weight:800;cursor:pointer}.inline-editor-intro{margin:.7rem 0;padding:.65rem .75rem;border-left:3px solid #2e72d2;background:#fff;border-radius:8px}.inline-editor-intro strong{font-size:.76rem}.inline-editor-intro p{margin:.2rem 0 0;color:#637187;font-size:.68rem}.device-service-create-form{display:grid;gap:.75rem}.device-service-create-form fieldset{margin:0;padding:0;border:0}.device-service-submit{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.7rem;border-top:1px solid #dbe5f0}.device-service-submit span{color:#68778a;font-size:.68rem}.device-ticket-list article{padding:.75rem}.device-ticket-footer{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:.55rem;padding-top:.5rem;border-top:1px solid #e5eaf0}.device-ticket-footer code{font-size:.64rem}@media(max-width:700px){.device-service-submit,.device-ticket-footer{align-items:stretch;flex-direction:column}} /* Configurable service-stage SMS flow. */ .service-heading-actions{display:flex;align-items:center;gap:.55rem}.service-sms-heading{align-items:center}.service-sms-explainer{margin-bottom:1rem;padding:1rem 1.1rem;border-left:4px solid #2e72d2}.service-sms-explainer>strong{font-size:.92rem}.service-sms-explainer ol{display:grid;gap:.3rem;margin:.55rem 0;padding-left:1.2rem;color:#526174;font-size:.76rem}.service-sms-explainer p{margin:0;color:#718095;font-size:.7rem}.service-sms-variables{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;margin:0 0 .8rem;color:#637187;font-size:.72rem}.service-sms-variables code{padding:.3rem .45rem;color:#245f9f;border:1px solid #ccdaea;border-radius:7px;background:#f5f9ff;font-weight:750}.service-sms-stage-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.8rem}.service-sms-stage{min-width:0;padding:.9rem;border:1px solid #dce4ee;border-top:4px solid #aeb9c8;border-radius:13px;background:#fff;box-shadow:0 5px 17px rgba(25,45,75,.05)}.service-sms-stage.enabled{border-top-color:#22a06b}.service-sms-stage-number{display:inline-flex;align-items:center;margin-bottom:.4rem;padding:.2rem .45rem;color:#255f9f;border-radius:7px;background:#eaf3ff;font-size:.6rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.service-sms-stage-main{min-width:0}.service-sms-stage-main>header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.7rem}.service-sms-stage-main h2{margin:0;font-size:.94rem}.service-sms-stage-main header p{margin:.16rem 0 0;color:#718095;font-size:.7rem}.service-sms-stage-main form{display:grid;gap:.65rem}.service-sms-toggle{display:flex;align-items:flex-start;gap:.55rem;padding:.65rem;border:1px solid #dce5ef;border-radius:10px;background:#f9fbfd;cursor:pointer}.service-sms-toggle input{flex:0 0 auto;width:auto;margin-top:.18rem;accent-color:#16845a}.service-sms-toggle strong,.service-sms-toggle small{display:block}.service-sms-toggle strong{font-size:.74rem}.service-sms-toggle small{margin-top:.15rem;color:#748195;font-size:.65rem;line-height:1.35}.service-sms-stage textarea{min-height:78px;resize:vertical}.service-sms-preview{padding:.7rem .8rem;border:1px solid #cbdcf0;border-radius:10px;background:#f4f8fe}.service-sms-preview>span{display:block;color:#637791;font-size:.62rem;font-weight:800;letter-spacing:.055em;text-transform:uppercase}.service-sms-preview p{margin:.3rem 0;color:#213b5e;font-size:.78rem;line-height:1.45}.service-sms-preview small{color:#7b899b;font-size:.62rem}.service-sms-save-row{display:grid;grid-template-columns:1fr auto;align-items:end;gap:.65rem;padding-top:.65rem;border-top:1px solid #e7ebf0}.service-sms-save-row label{font-size:.68rem}.service-sms-save-row button{white-space:nowrap}.field-help{display:block;margin-top:.22rem;color:#7b899b;font-size:.62rem;font-weight:500}@media(max-width:1200px){.service-sms-stage-list{grid-template-columns:1fr}}@media(max-width:700px){.service-heading-actions{align-items:stretch;flex-direction:column}.service-sms-stage-main>header{align-items:flex-start;flex-direction:column}.service-sms-save-row{grid-template-columns:1fr}} .service-communication-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,.8fr);gap:.65rem;align-items:start;padding:.75rem 0;border-top:1px solid #e3e9f1}.service-communication-row>div p{margin:.35rem 0;color:#48576a;font-size:.76rem}.service-communication-row>div small{color:#7a8798;font-size:.66rem}.pending-sms-editor{padding:.55rem .65rem;border:1px solid #cbdcf0;border-radius:9px;background:#f6f9fe}.pending-sms-editor>summary{color:#2867bd;cursor:pointer;font-size:.7rem;font-weight:750}.pending-sms-editor form{display:grid;gap:.45rem;margin-top:.55rem}.pending-sms-editor label{font-size:.66rem}.pending-sms-editor button{justify-self:start}.service-communication-row>.compact-correction-form{grid-column:2}@media(max-width:800px){.service-communication-row{grid-template-columns:1fr}.service-communication-row>.compact-correction-form{grid-column:auto}} @media (max-width: 720px) { .service-case-grid.simple, .customer-card-grid { grid-template-columns: 1fr; } .customer-card:has(.customer-edit[open]) { grid-column: auto; } .customer-card .customer-picker .form-grid { grid-template-columns: 1fr; } } .guided-sale-shell{max-width:1280px;margin:0 auto}.guided-sale-form{display:grid;gap:18px}.guided-sale-section{padding:24px}.guided-sale-section>.form-grid{margin-top:16px}.guided-sale-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.guided-sale-extra-grid{display:grid;gap:10px;padding-top:14px}.guided-sale-extra-row{display:grid;grid-template-columns:minmax(220px,1fr) 110px 150px;gap:10px;align-items:center}.guided-sale-shipping{display:grid;gap:6px;max-width:320px;margin-top:16px}.guided-sale-section [data-guided-device-result]{min-height:1em;color:var(--brand);font-weight:700}.guided-sale-final{display:flex;align-items:center;justify-content:space-between;gap:24px;border-color:#b8dfcf;background:linear-gradient(135deg,#f6fffb,#fff)}.guided-sale-final p{margin:.35rem 0 0;max-width:760px;color:var(--muted)}.accounting-heading-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}@media(max-width:900px){.guided-sale-steps{grid-template-columns:1fr 1fr}.guided-sale-extra-row{grid-template-columns:1fr 90px 130px}.guided-sale-final{align-items:stretch;flex-direction:column}}@media(max-width:600px){.guided-sale-steps{grid-template-columns:1fr}.guided-sale-extra-row{grid-template-columns:1fr}.guided-sale-section{padding:18px}} /* Guided customer return and warehouse inspection */ .inventory-return-state{margin-top:.65rem;padding:.65rem;border:1px solid #f0c36a;border-radius:12px;background:#fff9e9;color:#694b00}.inventory-return-state strong,.inventory-return-state p{display:block;margin:.1rem 0}.accounting-check-row{display:flex!important;align-items:flex-start;gap:.55rem;padding:.65rem;border:1px solid #dfe6f0;border-radius:12px;background:#fff}.accounting-check-row input{width:auto!important;margin-top:.2rem}.accounting-check-row span,.accounting-check-row small{display:block}.accounting-check-row small{margin-top:.15rem;color:#667085}.return-flow-card{border-color:#f0c36a} /* Company fixed assets */ .asset-shell{display:grid;gap:1rem}.asset-shell .page-heading{margin-bottom:.25rem}.asset-shell .primary-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;color:#fff;border-radius:8px;background:var(--brand);font-weight:750}.asset-shell .primary-button:hover{background:#0c513d}.asset-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:.8rem;align-items:center}.asset-flow>div{display:flex;gap:.7rem;align-items:center}.asset-flow>div>b{display:grid;place-items:center;width:2rem;height:2rem;border-radius:8px;background:var(--brand);color:#fff}.asset-flow span{display:grid;gap:.15rem}.asset-flow small{color:var(--muted)}.asset-summary{grid-template-columns:repeat(5,minmax(0,1fr))}.asset-summary article{border-color:var(--line);background:var(--card)}.asset-filter-bar{display:flex;align-items:end;gap:.8rem;flex-wrap:wrap}.asset-filter-bar .search-field{flex:1 1 24rem}.filter-chip{padding:.6rem .8rem;color:var(--brand);border:1px solid #cfe0d8;border-radius:999px;background:#f0f7f4}.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.asset-card{min-width:0;border-color:var(--line);box-shadow:0 6px 18px rgba(20,50,40,.05)}.asset-card:hover{border-color:#82aa9a;box-shadow:0 10px 24px rgba(20,50,40,.09)}.asset-card>header{display:flex;gap:.6rem;justify-content:space-between;align-items:start}.asset-card h2{font-size:1.05rem;margin:.1rem 0}.asset-card dl{display:grid;gap:.45rem;margin:.8rem 0}.asset-card dl>div{display:flex;justify-content:space-between;gap:.8rem;border-bottom:1px solid var(--line);padding-bottom:.35rem}.asset-card dt{color:var(--muted)}.asset-card dd{margin:0;text-align:right;font-weight:600;overflow-wrap:anywhere}.asset-card details{margin-top:.65rem}.asset-card details>summary{cursor:pointer;font-weight:700;color:var(--brand)}.asset-card .compact{margin-top:.7rem}.asset-purchase-fields[hidden]{display:none!important} @media(min-width:1800px){.asset-grid{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:1100px){.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-summary{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:720px){.asset-flow,.asset-grid,.asset-summary{grid-template-columns:1fr}.asset-filter-bar{align-items:stretch}.asset-filter-bar>*{width:100%}} .asset-receipt{max-width:850px;margin:0 auto;background:#fff;padding:2.5rem}.asset-receipt section{margin:1.5rem 0;border-top:1px solid #dbe2ea;padding-top:1rem}.asset-receipt dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1.5rem}.asset-receipt dl div{display:grid;gap:.2rem}.asset-receipt dt{color:#64748b}.asset-receipt dd{margin:0;font-weight:700}.asset-receipt-declaration{margin:2rem 0;line-height:1.7}.signature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;margin-top:3rem}.signature-grid>div{min-height:110px;border-top:1px solid #334155;padding-top:.6rem;display:grid;align-content:start;gap:.3rem}.signature-grid i{margin-top:1.5rem;color:#64748b} @media print{.asset-receipt .print-actions,.asset-receipt~*{display:none!important}.asset-receipt{box-shadow:none;padding:0;max-width:none}.sidebar,.topbar{display:none!important}.shell{display:block!important}main{padding:0!important}} /* Device-based subscription administration. */ .subscription-shell{display:grid;gap:1rem}.subscription-heading{margin-bottom:0}.subscription-heading p:last-child{margin:.3rem 0 0;color:var(--muted)} .subscription-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}.subscription-metric{display:grid;gap:.5rem;padding:1rem;color:inherit;border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:0 5px 16px rgba(20,50,40,.04)}.subscription-metric:hover,.subscription-metric.active{border-color:#73a995;background:#f3faf7}.subscription-metric span{display:flex;align-items:center;gap:.35rem;color:var(--muted);font-size:.73rem;font-weight:750}.subscription-metric strong{color:var(--brand);font-size:1.55rem} .subscription-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) minmax(190px,.28fr);align-items:end;gap:.8rem;padding:1rem}.subscription-toolbar label{display:grid;gap:.35rem}.subscription-toolbar label>span{color:#4d625a;font-size:.72rem;font-weight:750}.subscription-toolbar input,.subscription-toolbar select{width:100%} .subscription-list-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem}.subscription-list-heading h2{margin:0;font-size:1.08rem}.subscription-list-heading p{margin:.2rem 0 0;color:var(--muted);font-size:.72rem}.subscription-list-heading>a{color:var(--brand);font-size:.74rem;font-weight:750} .subscription-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}.subscription-card{min-width:0;padding:.85rem;border-top:4px solid #9aa9a3}.subscription-card.status-active,.subscription-card.status-grace{border-top-color:#24966c}.subscription-card.status-scheduled{border-top-color:#d39a2d}.subscription-card.status-expired,.subscription-card.status-terminated{border-top-color:#d45d58}.subscription-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem}.subscription-card>header>div{display:flex;flex-wrap:wrap;gap:.35rem}.subscription-card>header>code{color:#7c8a84;font-size:.65rem}.status-badge.sim{color:#245fa0;background:#eaf3ff}.subscription-card h2{margin:.65rem 0 .12rem;font-size:.94rem}.subscription-device-id{display:inline-block;color:var(--brand);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;font-weight:750;overflow-wrap:anywhere}.subscription-card dl{display:grid;gap:.3rem;margin:.7rem 0}.subscription-card dl>div{display:flex;justify-content:space-between;gap:.65rem;padding-bottom:.27rem;border-bottom:1px solid var(--line)}.subscription-card dt{color:var(--muted);font-size:.65rem}.subscription-card dd{margin:0;text-align:right;font-size:.69rem;font-weight:650;overflow-wrap:anywhere}.subscription-renewal,.subscription-cancel-renewal{margin-top:.65rem;padding-top:.55rem;border-top:1px solid var(--line)}.subscription-renewal>summary,.subscription-cancel-renewal>summary{color:var(--brand);cursor:pointer;font-size:.72rem;font-weight:800}.subscription-cancel-renewal>summary{color:#a5443f}.subscription-renewal .compact-form,.subscription-cancel-renewal .compact-form{display:grid;gap:.55rem;margin-top:.55rem}.subscription-renewal p{margin:0;color:var(--muted);font-size:.63rem;line-height:1.4}.subscription-period-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.subscription-empty{grid-column:1/-1;display:grid;gap:.25rem;text-align:center} .subscription-operation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.85rem}.subscription-operation-card{padding:0;overflow:hidden}.subscription-operation-card>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;cursor:pointer;list-style:none;background:linear-gradient(135deg,#f8fbfa,#eef6f2)}.subscription-operation-card>summary::-webkit-details-marker{display:none}.subscription-operation-card>summary span{display:grid;gap:.18rem}.subscription-operation-card>summary b{font-size:.9rem}.subscription-operation-card>summary small{color:var(--muted);font-size:.68rem}.subscription-operation-card>summary i{padding:.3rem .55rem;color:var(--brand);border-radius:999px;background:#dceee6;font-size:.63rem;font-style:normal;font-weight:800}.subscription-operation-card>form{padding:1rem;border-top:1px solid var(--line)}.subscription-operation-card .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subscription-operation-card .form-grid .wide,.subscription-operation-card .form-actions{grid-column:1/-1}.subscription-start-form select[size]{min-height:150px;padding:.35rem}.subscription-start-form select[size] option{padding:.48rem .55rem;border-radius:6px}.subscription-start-form select[size] option:checked{color:#fff;background:var(--brand)}.subscription-start-form [data-subscription-device-result]{display:block;margin-top:.25rem;color:var(--brand);font-size:.64rem;font-weight:650}.subscription-sim-choice{display:flex!important;align-items:flex-start;gap:.6rem;padding:.7rem;border:1px solid #cbdcf0;border-radius:11px;background:#f5f9ff;cursor:pointer}.subscription-sim-choice input{flex:0 0 auto;width:auto;margin-top:.15rem;accent-color:var(--brand)}.subscription-sim-choice span,.subscription-sim-choice strong,.subscription-sim-choice small{display:block}.subscription-sim-choice small{margin-top:.2rem;color:var(--muted);font-size:.64rem} .subscription-plans-card{overflow:visible}.subscription-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;padding:0 1rem 1rem}.subscription-plan-grid article{display:grid;gap:.45rem;padding:.8rem;border:1px solid var(--line);border-radius:11px;background:#fbfdfc}.subscription-plan-grid article.archived{opacity:.72;background:#f4f6f5}.subscription-plan-grid header{display:flex;align-items:flex-start;justify-content:space-between;gap:.55rem}.subscription-plan-grid header>span{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.3rem}.subscription-plan-grid strong{font-size:.78rem}.subscription-plan-grid code{display:block;color:#708078;font-size:.62rem}.subscription-plan-grid p{margin:0;color:var(--muted);font-size:.7rem}.subscription-plan-grid form{margin-top:auto;padding-top:.35rem;border-top:1px solid var(--line)}.subscription-plan-grid form button{width:100%}.subscription-sim-note{margin:0 1rem 1rem;padding:.85rem 1rem;border-left:4px solid #347dcc;border-radius:9px;background:#f3f8ff}.subscription-sim-note strong{display:flex;align-items:center;gap:.35rem;color:#254f7c;font-size:.78rem}.subscription-sim-note p{margin:.35rem 0 0;color:#5d7086;font-size:.7rem;line-height:1.45} @media(min-width:1800px){.subscription-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.subscription-plan-grid{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:1300px){.subscription-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:1000px){.subscription-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.subscription-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subscription-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:720px){.subscription-metrics,.subscription-toolbar,.subscription-grid,.subscription-operation-grid,.subscription-plan-grid,.subscription-operation-card .form-grid,.subscription-period-fields{grid-template-columns:1fr}.subscription-operation-card .form-grid .wide,.subscription-operation-card .form-actions{grid-column:auto}.subscription-list-heading{align-items:flex-start;flex-direction:column}} .campaign-shell{max-width:1480px;margin:0 auto;padding-bottom:48px}.campaign-heading{align-items:flex-end}.campaign-heading .primary-button{white-space:nowrap}.campaign-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.campaign-metrics article{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:18px;padding:17px 19px;box-shadow:0 8px 22px rgba(15,23,42,.045)}.campaign-metrics span{display:block;color:#64748b;font-size:.88rem;font-weight:650}.campaign-metrics strong{display:block;color:#0f172a;font-size:1.75rem;margin-top:7px}.campaign-metrics .has-warning strong{color:#dc2626}.campaign-provider-status{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 20px;padding:11px 15px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px}.campaign-provider-status>span{display:inline-flex;align-items:center;gap:7px;font-size:.84rem;font-weight:700}.campaign-provider-status i{width:8px;height:8px;border-radius:50%;background:#94a3b8}.campaign-provider-status .online{color:#047857}.campaign-provider-status .online i{background:#10b981;box-shadow:0 0 0 4px #d1fae5}.campaign-provider-status .offline{color:#9a3412}.campaign-provider-status .offline i{background:#f97316;box-shadow:0 0 0 4px #ffedd5}.campaign-provider-status p{margin:0 0 0 auto;color:#64748b;font-size:.82rem}.campaign-composer{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(350px,.8fr);gap:18px;align-items:start}.campaign-composer>.panel-card{padding:22px;border-radius:20px}.campaign-compose-main{grid-row:span 2}.campaign-composer section>header>div{display:flex;align-items:flex-start;gap:12px}.campaign-composer section>header h2{margin:0;color:#0f172a;font-size:1.1rem}.campaign-composer section>header p{margin:4px 0 0;color:#64748b;font-size:.86rem}.campaign-step{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:10px;background:#e8f1ff;color:#1769d2;font-weight:800}.campaign-channel-picker,.campaign-timing{border:0;padding:0;margin:20px 0 16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.campaign-channel-picker legend,.campaign-timing legend{font-size:.8rem;font-weight:750;color:#475569;margin-bottom:8px}.campaign-channel-picker label,.campaign-timing>label:not(.campaign-schedule-field){position:relative}.campaign-channel-picker input,.campaign-timing input[type=radio]{position:absolute;opacity:0}.campaign-channel-picker label>span,.campaign-timing label>span{display:flex;flex-direction:column;gap:3px;border:1px solid #dbe3ee;border-radius:14px;padding:13px 15px;cursor:pointer;transition:.18s ease}.campaign-channel-picker input:checked+span,.campaign-timing input:checked+span{border-color:#3b82f6;background:#eff6ff;box-shadow:0 0 0 2px rgba(59,130,246,.12)}.campaign-channel-picker b,.campaign-timing b{color:#172033;font-size:.91rem}.campaign-channel-picker small,.campaign-timing small{color:#64748b;font-size:.76rem}.campaign-fields{display:grid;grid-template-columns:1.3fr .7fr;gap:13px}.campaign-fields label,.campaign-audience-controls label,.campaign-test-row label,.campaign-schedule-field{display:flex;flex-direction:column;gap:6px;color:#334155;font-size:.82rem;font-weight:700}.campaign-fields .wide{grid-column:1/-1}.campaign-fields textarea{resize:vertical;min-height:116px}.campaign-fields small{color:#64748b;font-weight:500;text-align:right}.campaign-message-preview{margin-top:18px;padding:28px 20px;background:radial-gradient(circle at 80% 10%,#dbeafe,transparent 35%),linear-gradient(145deg,#eef2f7,#f8fafc);border-radius:18px}.campaign-preview-phone{max-width:380px;margin:auto;background:rgba(255,255,255,.94);border:1px solid rgba(148,163,184,.28);border-radius:18px;padding:15px 17px;box-shadow:0 14px 35px rgba(15,23,42,.12)}.campaign-preview-app{color:#3b82f6;font-size:.72rem;font-weight:800}.campaign-preview-phone strong{display:block;margin-top:5px;color:#111827;font-size:.92rem}.campaign-preview-phone p{margin:4px 0 7px;color:#334155;font-size:.84rem;line-height:1.45;white-space:pre-wrap}.campaign-preview-phone small{color:#94a3b8;font-size:.7rem}.campaign-audience-controls{display:grid;gap:11px;margin:18px 0 14px}.campaign-audience-result{border:1px solid #dbe3ee;border-radius:16px;padding:14px;background:#f8fafc}.campaign-audience-result>header{display:flex;align-items:center;justify-content:space-between}.campaign-audience-result header strong,.campaign-audience-result header span{display:block}.campaign-audience-result header span{color:#64748b;font-size:.75rem;margin-top:2px}.campaign-ready-dot{padding:5px 8px;border-radius:999px;background:#dcfce7;color:#15803d!important;font-weight:750}.campaign-audience-samples{display:grid;gap:7px;margin-top:12px}.campaign-audience-samples article{display:flex;gap:9px;align-items:center;background:#fff;border-radius:11px;padding:8px}.campaign-audience-samples article>span{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#e8f1ff;color:#1769d2;font-weight:800}.campaign-audience-samples strong,.campaign-audience-samples small{display:block}.campaign-audience-samples strong{font-size:.78rem;color:#1e293b}.campaign-audience-samples small{font-size:.69rem;color:#64748b}.campaign-audience-result>p{margin:9px 0 0;color:#64748b;font-size:.72rem;text-align:center}.campaign-audience-empty{display:flex;flex-direction:column;gap:3px;padding:14px;text-align:center;color:#64748b}.campaign-audience-empty strong{color:#334155}.campaign-send-card{grid-column:2}.campaign-test-row{margin-top:18px;display:grid;gap:10px}.campaign-test-row button{width:100%}.campaign-timing{grid-template-columns:1fr 1fr;margin-bottom:10px}.campaign-schedule-field{grid-column:1/-1}.campaign-submit-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;padding-top:15px;border-top:1px solid #e2e8f0}.campaign-submit-row p{margin:0;color:#64748b;font-size:.76rem}.campaign-submit-row button{white-space:nowrap}.campaign-history{margin-top:28px}.campaign-history>header h2{margin:0;font-size:1.15rem}.campaign-history>header p{margin:4px 0 13px;color:#64748b}.campaign-history-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.campaign-history-card{padding:16px!important;min-width:0}.campaign-history-card>header{display:flex;justify-content:space-between;gap:8px}.campaign-channel,.campaign-status{display:inline-flex;padding:4px 7px;border-radius:7px;font-size:.67rem;font-weight:800}.campaign-channel.push{background:#dbeafe;color:#1d4ed8}.campaign-channel.sms{background:#ede9fe;color:#6d28d9}.campaign-status{background:#f1f5f9;color:#475569}.campaign-status.status-sent{background:#dcfce7;color:#15803d}.campaign-status.status-completed_with_errors{background:#fee2e2;color:#b91c1c}.campaign-history-card h3{margin:12px 0 4px;font-size:.9rem;overflow-wrap:anywhere}.campaign-history-card>p{margin:0;color:#64748b;font-size:.76rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3.3em}.campaign-history-card dl{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:13px 0}.campaign-history-card dl div{background:#f8fafc;border-radius:9px;padding:7px}.campaign-history-card dt{color:#64748b;font-size:.62rem}.campaign-history-card dd{margin:2px 0 0;font-weight:800;color:#172033;font-size:.85rem}.campaign-history-card footer{display:flex;justify-content:space-between;gap:7px;color:#94a3b8;font-size:.66rem;border-top:1px solid #edf2f7;padding-top:9px}.campaign-history-card time{text-align:right} @media(max-width:1100px){.campaign-composer{grid-template-columns:1fr}.campaign-compose-main,.campaign-send-card{grid-column:auto;grid-row:auto}.campaign-history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-provider-status p{width:100%;margin-left:0}} @media(max-width:720px){.campaign-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-history-grid{grid-template-columns:1fr}.campaign-fields{grid-template-columns:1fr}.campaign-fields .wide{grid-column:auto}.campaign-channel-picker,.campaign-timing{grid-template-columns:1fr}.campaign-schedule-field{grid-column:auto}.campaign-submit-row{align-items:stretch;flex-direction:column}.campaign-heading{align-items:flex-start}.campaign-heading .primary-button{width:100%;text-align:center}} /* Role-aware company overview */ .dashboard-shell{width:min(100%,1560px);margin-inline:auto;padding-bottom:3rem}.dashboard-heading{align-items:flex-end;margin-bottom:1rem}.dashboard-heading h1{letter-spacing:-.035em}.dashboard-health{display:grid;justify-items:end;gap:.25rem}.dashboard-health>span{display:inline-flex;align-items:center;gap:.45rem;padding:.48rem .7rem;color:#176845;border:1px solid #cce8da;border-radius:999px;background:#effaf5;font-size:.72rem;font-weight:800}.dashboard-health i{width:8px;height:8px;border-radius:50%;background:#24a66d;box-shadow:0 0 0 4px #d8f2e5}.dashboard-health small{color:#7a8798;font-size:.64rem}.dashboard-pulse-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.7rem;margin-bottom:.85rem}.dashboard-pulse-grid>a{display:grid;min-width:0;gap:.2rem;padding:.85rem .95rem;color:inherit;border:1px solid #dce5ee;border-radius:14px;background:linear-gradient(145deg,#fff,#f9fbfd);box-shadow:0 5px 18px rgba(28,51,79,.045);text-decoration:none;transition:.15s ease}.dashboard-pulse-grid>a:hover{border-color:#91b4dc;transform:translateY(-2px);box-shadow:0 9px 24px rgba(28,68,113,.09)}.dashboard-pulse-grid span{color:#6f7d8f;font-size:.66rem;font-weight:750}.dashboard-pulse-grid strong{color:#1b2d46;font-size:1.45rem;letter-spacing:-.04em}.dashboard-pulse-grid small{overflow:hidden;color:#8793a2;font-size:.58rem;line-height:1.35}.dashboard-focus-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.75fr);gap:.85rem;align-items:start}.dashboard-focus-grid>.panel-card{margin:0;padding:1rem;border-radius:16px}.dashboard-task-total{padding:.3rem .5rem;color:#49637f;border-radius:999px;background:#eef3f8;font-size:.65rem;font-weight:800}.dashboard-section-note{margin:.3rem 0 .75rem;color:#748194;font-size:.68rem;line-height:1.45}.dashboard-task-list,.dashboard-quick-list{display:grid;gap:.42rem}.dashboard-task-list>a{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:.6rem;align-items:center;padding:.62rem .68rem;color:inherit;border:1px solid #e2e8ef;border-radius:11px;background:#fbfcfe;text-decoration:none}.dashboard-task-list>a:hover{border-color:#a7c2e2;background:#f5f9ff}.dashboard-task-symbol{display:grid;place-items:center;width:27px;height:27px;color:#416381;border-radius:8px;background:#edf3f8;font-size:.75rem;font-weight:900}.dashboard-task-list .tone-warning .dashboard-task-symbol{color:#8a6105;background:#fff2cd}.dashboard-task-list .tone-critical .dashboard-task-symbol{color:#ae3029;background:#feeceb}.dashboard-task-list strong,.dashboard-task-list small{display:block}.dashboard-task-list strong{color:#263a53;font-size:.73rem}.dashboard-task-list small{margin-top:.13rem;color:#7b8797;font-size:.61rem;line-height:1.35}.dashboard-task-list>a>b{min-width:28px;padding:.27rem .42rem;color:#2e5f99;border-radius:999px;background:#eaf2fc;font-size:.7rem;text-align:center}.dashboard-task-list .tone-critical>b{color:#a62e28;background:#feeceb}.dashboard-task-list .tone-warning>b{color:#805a09;background:#fff1c9}.dashboard-clear-state{display:flex;gap:.65rem;align-items:center;padding:1rem;color:#256a4e;border:1px solid #cfe8dc;border-radius:12px;background:#f1faf6}.dashboard-clear-state>span{display:grid;place-items:center;width:32px;height:32px;color:#fff;border-radius:10px;background:#2c9f70;font-weight:900}.dashboard-clear-state strong,.dashboard-clear-state p{display:block;margin:0}.dashboard-clear-state strong{font-size:.76rem}.dashboard-clear-state p{margin-top:.15rem;color:#648173;font-size:.63rem}.dashboard-more-note{margin:.55rem 0 0;color:#7d8998;font-size:.61rem;text-align:center}.dashboard-quick-list>a{display:grid;grid-template-columns:31px minmax(0,1fr) auto;gap:.55rem;align-items:center;padding:.6rem .65rem;color:inherit;border:1px solid #e1e7ef;border-radius:11px;background:#fff;text-decoration:none}.dashboard-quick-list>a:hover{border-color:#91b6e1;background:#f5f9ff}.dashboard-quick-list>a>span{display:grid;place-items:center;width:30px;height:30px;color:#2369b6;border-radius:9px;background:#eaf3fd;font-size:.9rem;font-weight:900}.dashboard-quick-list strong,.dashboard-quick-list small{display:block}.dashboard-quick-list strong{color:#263a53;font-size:.72rem}.dashboard-quick-list small{margin-top:.1rem;color:#7b8797;font-size:.59rem}.dashboard-quick-list>a>b{color:#7290b2;font-size:.85rem}.dashboard-section-title{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:1.25rem 0 .65rem}.dashboard-section-title h2{margin:.08rem 0 0;font-size:1.12rem}.dashboard-section-title>p{margin:0;color:#7c8998;font-size:.68rem}.dashboard-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.dashboard-module-card{min-width:0;padding:.9rem 1rem;border:1px solid #dce4ed;border-top:3px solid #8eadd0;border-radius:15px;background:#fff;box-shadow:0 5px 18px rgba(25,48,78,.045)}.dashboard-module-card.module-service{border-top-color:#d09a4d}.dashboard-module-card.module-subscriptions{border-top-color:#52a47d}.dashboard-module-card.module-accounting{border-top-color:#4c8d71}.dashboard-module-card.module-employees{border-top-color:#917ac1}.dashboard-module-card.module-inventory{border-top-color:#c58d62}.dashboard-module-card.module-campaigns{border-top-color:#678bd4}.dashboard-module-card>header{display:flex;justify-content:space-between;gap:.7rem;align-items:flex-start}.dashboard-module-card>header>div{display:flex;gap:.55rem;min-width:0}.module-icon{display:grid;place-items:center;flex:0 0 32px;height:32px;color:#315f94;border-radius:10px;background:#edf4fb;font-size:.9rem;font-weight:900}.dashboard-module-card h3{margin:0;color:#263951;font-size:.83rem}.dashboard-module-card header p{margin:.12rem 0 0;color:#7b8797;font-size:.6rem;line-height:1.35}.dashboard-module-card header>a,.dashboard-module-card footer>a{color:#3069aa;font-size:.61rem;font-weight:800;text-decoration:none;white-space:nowrap}.dashboard-module-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.38rem;margin:.75rem 0 0}.dashboard-module-card dl>div{min-width:0;padding:.5rem .55rem;border-radius:9px;background:#f5f8fb}.dashboard-module-card dt{display:flex;align-items:center;min-height:1.8em;color:#778496;font-size:.59rem;font-weight:700}.dashboard-module-card dd{overflow:hidden;margin:.12rem 0 0;color:#263951;font-size:.88rem;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.dashboard-module-card footer{margin-top:.55rem;padding-top:.5rem;border-top:1px solid #edf0f4}.danger-text{color:#b4312b!important}.warning-text{color:#8a6207!important}.positive-text{color:#19704d!important}.dashboard-single-stat{display:flex;align-items:baseline;gap:.45rem;margin-top:.75rem;padding:.7rem;border-radius:10px;background:#f5f8fb}.dashboard-single-stat strong{font-size:1.25rem}.dashboard-single-stat span{color:#718094;font-size:.65rem} @media(max-width:1500px){.dashboard-pulse-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:950px){.dashboard-focus-grid{grid-template-columns:1fr}.dashboard-module-grid{grid-template-columns:1fr}} @media(max-width:720px){.dashboard-heading{align-items:flex-start}.dashboard-health{justify-items:start}.dashboard-pulse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-section-title{align-items:flex-start;flex-direction:column}.dashboard-module-card>header{flex-wrap:wrap}.dashboard-module-card>header>a{margin-left:2.55rem}.dashboard-task-list>a{grid-template-columns:26px minmax(0,1fr) auto}.dashboard-pulse-grid small{white-space:normal}} .campaign-composer>*{min-width:0}.campaign-composer select,.campaign-composer input,.campaign-composer textarea{min-width:0} .campaign-shell .info-bubble{left:auto;right:-10px;transform:translateY(6px)}.campaign-shell .info-tip:hover .info-bubble,.campaign-shell .info-tip:focus .info-bubble,.campaign-shell .info-tip:focus-within .info-bubble{transform:translateY(0)}.campaign-shell .info-bubble:after{right:15px;left:auto} .accounting-document-line{padding:.85rem;border:1px solid #dfe8e3;border-radius:12px;background:#fbfdfc}.accounting-document-line+.accounting-document-line{margin-top:.7rem}.accounting-document-line-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:.65rem}.accounting-document-line-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.accounting-document-line-grid .wide{grid-column:span 2}.accounting-asset-line{margin-top:.75rem;padding:.75rem;border-radius:10px;background:#f1f6ff}.accounting-asset-line>p{margin:0 0 .65rem;color:#455b79;font-size:.72rem}.accounting-add-line{margin-top:.75rem}.accounting-period-auto-note{align-self:center;color:var(--muted);font-size:.68rem}@media(max-width:900px){.accounting-document-line-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.accounting-document-line-grid{grid-template-columns:1fr}.accounting-document-line-grid .wide{grid-column:auto}} .accounting-shell .panel-card.table-wrap{overflow:visible}.accounting-shell .panel-card.table-wrap>table{display:block;overflow-x:auto}.accounting-audit-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.accounting-audit-event{display:grid;gap:.65rem}.accounting-audit-event header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.accounting-audit-event header span,.accounting-audit-target span,.accounting-audit-explanation span{display:block;color:var(--muted);font-size:.65rem;font-weight:800;text-transform:uppercase}.accounting-audit-event h2{margin:.2rem 0 0;font-size:1rem}.accounting-audit-event header>strong{font-size:.75rem}.accounting-audit-target,.accounting-audit-explanation{padding:.65rem;border-radius:9px;background:#f7faf8}.accounting-audit-target p,.accounting-audit-explanation p{margin:.25rem 0 0;font-size:.76rem}.accounting-audit-explanation small{display:block;margin-top:.3rem;color:var(--muted)}@media(max-width:850px){.accounting-audit-list{grid-template-columns:1fr}} .device-label-button,.device-label-link{display:inline-flex;align-items:center;justify-content:center;margin-top:.55rem;padding:.36rem .55rem;color:#17634d!important;border:1px solid #b9d4c9;border-radius:8px;background:#f3faf7;font-size:.68rem;font-weight:800;cursor:pointer}.device-label-button:hover,.device-label-link:hover{border-color:#4f947b;background:#e6f4ee}.device-card .device-label-button{position:relative;z-index:2;width:100%}.device-label-page{display:grid;justify-items:center;gap:1rem;padding:1rem}.device-label-toolbar{display:flex;align-items:center;justify-content:space-between;width:min(100%,520px)}.device-print-label{box-sizing:border-box;display:grid;grid-template-rows:1fr auto auto;justify-items:center;width:50mm;height:30mm;padding:1.5mm;border:1px dashed #9aa59f;border-radius:2mm;background:#fff;color:#111;text-align:center}.device-print-label img{width:19mm;height:19mm;image-rendering:pixelated}.device-print-label strong{font:800 9pt/1.05 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.3px}.device-print-label span{font:700 7.5pt/1.1 system-ui,sans-serif}.device-label-help{max-width:520px;color:var(--muted);font-size:.78rem;text-align:center} @media print{body{margin:0;background:#fff}.app-sidebar,.app-header,.device-label-toolbar,.device-label-help{display:none!important}.app-shell,.app-main,.app-content,.device-label-page{display:block!important;margin:0!important;padding:0!important;width:auto!important}.device-print-label{border:0;border-radius:0}@page{size:50mm 30mm;margin:0}} .accounting-advanced-settings{margin-bottom:1rem}.accounting-advanced-settings>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer}.accounting-advanced-settings>summary span{color:var(--muted);font-size:.72rem}.accounting-advanced-settings[open]>summary{margin-bottom:1rem} .device-card-link{display:block;color:inherit;text-decoration:none}.device-card-link:focus-visible{outline:3px solid rgba(17,100,75,.25);outline-offset:3px;border-radius:8px} [data-document-lines]{display:block!important;width:100%}[data-document-line-list]{display:grid;gap:.75rem;width:100%}.accounting-document-line{width:100%;padding:1rem}.accounting-document-line-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:.65rem}.accounting-document-line-grid>label{grid-column:span 2;min-width:0}.accounting-document-line-grid>label:nth-child(1){grid-column:span 2}.accounting-document-line-grid>label:nth-child(2){grid-column:span 4}.accounting-document-line-grid>label:nth-child(3),.accounting-document-line-grid>label:nth-child(4),.accounting-document-line-grid>label:nth-child(6),.accounting-document-line-grid>label:nth-child(7){grid-column:span 1}.accounting-document-line-grid>label:nth-child(5){grid-column:span 2}.accounting-document-line-grid input,.accounting-document-line-grid select,.accounting-document-line-grid textarea{width:100%}.accounting-add-line{display:inline-flex!important;width:auto!important;margin-top:.8rem;padding:.58rem .8rem!important}.accounting-asset-line .accounting-document-line-grid>label{grid-column:span 3}.accounting-asset-line .accounting-document-line-grid>label.wide{grid-column:span 6} .accounting-period-filter{position:relative;z-index:20;overflow:visible;grid-template-columns:minmax(280px,1.5fr) minmax(145px,.65fr) minmax(145px,.65fr) minmax(300px,1.1fr)}.accounting-compare-control{align-self:center;margin-top:1rem}.accounting-compare-control .accounting-check{margin:0;white-space:normal}.accounting-compare-control>small{display:block;margin:.3rem 0 0 1.4rem;color:var(--muted);font-size:.64rem}.accounting-compare-control .accounting-info{z-index:100}.accounting-compare-control .info-bubble{z-index:200;right:-8px;left:auto;bottom:calc(100% + 8px);transform:translateY(6px)}.accounting-compare-control .info-tip:hover .info-bubble,.accounting-compare-control .info-tip:focus .info-bubble,.accounting-compare-control .info-tip:focus-within .info-bubble{transform:translateY(0)}.accounting-compare-control .info-bubble:after{right:12px;left:auto}.accounting-dashboard-comparison{position:relative;z-index:1;margin-bottom:1rem}.accounting-dashboard-comparison table{min-width:720px}.accounting-dashboard-comparison .section-heading p{margin:.25rem 0 0}.accounting-audit-table{overflow:visible}.accounting-audit-table>.table-wrap{overflow-x:auto}.accounting-audit-table table{min-width:1080px}.accounting-audit-table td{vertical-align:top}.accounting-audit-table td:nth-child(1){white-space:nowrap}.accounting-audit-table td:nth-child(5){min-width:260px} @media(max-width:1150px){.accounting-document-line-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.accounting-document-line-grid>label,.accounting-document-line-grid>label:nth-child(1),.accounting-document-line-grid>label:nth-child(3),.accounting-document-line-grid>label:nth-child(4),.accounting-document-line-grid>label:nth-child(5),.accounting-document-line-grid>label:nth-child(6),.accounting-document-line-grid>label:nth-child(7){grid-column:span 2}.accounting-document-line-grid>label:nth-child(2){grid-column:span 4}.accounting-period-filter{grid-template-columns:1fr 1fr}.accounting-period-filter>div:first-child,.accounting-compare-control{grid-column:1/-1}.accounting-compare-control{margin-top:0}} @media(max-width:650px){.accounting-document-line-grid{grid-template-columns:1fr}.accounting-document-line-grid>label,.accounting-document-line-grid>label:nth-child(n),.accounting-asset-line .accounting-document-line-grid>label,.accounting-asset-line .accounting-document-line-grid>label.wide{grid-column:auto}.accounting-document-line-heading{align-items:flex-start;gap:.5rem}.accounting-period-filter{grid-template-columns:1fr}.accounting-period-filter>div:first-child,.accounting-compare-control{grid-column:auto}} /* MQTT device account operations */ .mqtt-page-heading{align-items:flex-end}.mqtt-broker-state{display:flex;align-items:center;gap:.65rem;min-width:230px;padding:.7rem .85rem;border:1px solid #d8e2ec;border-radius:13px;background:#fff}.mqtt-broker-state>span{width:11px;height:11px;border-radius:50%}.mqtt-broker-state.is-ready>span{background:#20a66b;box-shadow:0 0 0 5px #def5e9}.mqtt-broker-state.is-error>span{background:#d34c45;box-shadow:0 0 0 5px #fde9e7}.mqtt-broker-state strong,.mqtt-broker-state small{display:block}.mqtt-broker-state strong{font-size:.78rem}.mqtt-broker-state small{margin-top:.12rem;color:var(--muted);font-size:.62rem}.mqtt-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.65rem;margin-bottom:.8rem}.mqtt-summary-card{display:grid;gap:.2rem;padding:.75rem .85rem;color:inherit;border:1px solid #dce5ee;border-top:3px solid #8da7c2;border-radius:13px;background:#fff;text-decoration:none}.mqtt-summary-card span{color:var(--muted);font-size:.65rem;font-weight:750}.mqtt-summary-card strong{font-size:1.25rem}.mqtt-summary-card.ready,.mqtt-summary-card.connected{border-top-color:#2d9c6a}.mqtt-summary-card.pending{border-top-color:#d79a2b}.mqtt-summary-card.error,.mqtt-summary-card.orphan{border-top-color:#cb514a}.mqtt-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:.8rem}.mqtt-action-card{margin:0;padding:.85rem 1rem}.mqtt-action-card>summary{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;cursor:pointer;list-style:none}.mqtt-action-card>summary::-webkit-details-marker{display:none}.mqtt-action-card>summary span,.mqtt-action-card>summary small{display:block}.mqtt-action-card>summary span{font-size:.8rem;font-weight:850}.mqtt-action-card>summary small{max-width:310px;color:var(--muted);font-size:.64rem;text-align:right}.mqtt-action-card[open]>summary{margin-bottom:.85rem;padding-bottom:.7rem;border-bottom:1px solid #e4e9ef}.stack-form{display:grid;gap:.65rem}.stack-form label{display:grid;gap:.25rem;font-size:.67rem;font-weight:750}.form-hint{margin:0;color:var(--muted);font-size:.63rem}.mqtt-job-card{margin-bottom:.8rem}.mqtt-job-status{display:flex;align-items:center;justify-content:space-between;gap:1rem}.mqtt-job-status h2{margin:.08rem 0;font-size:.95rem}.mqtt-job-progress{height:8px;margin:.65rem 0;overflow:hidden;border-radius:999px;background:#e8edf2}.mqtt-job-progress i{display:block;height:100%;border-radius:inherit;background:#2b9b6b;transition:width .25s}.mqtt-list-card{padding:0;overflow:hidden}.mqtt-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid #e4e9ef}.mqtt-filter-form{display:grid;grid-template-columns:minmax(260px,1fr) 180px;gap:.6rem;flex:1}.mqtt-table-wrap{overflow-x:auto}.mqtt-table{width:100%;min-width:1050px;border-collapse:collapse}.mqtt-table th,.mqtt-table td{padding:.72rem .8rem;border-bottom:1px solid #edf0f4;text-align:left;vertical-align:middle}.mqtt-table th{color:#65758a;background:#f7f9fb;font-size:.62rem;text-transform:uppercase}.mqtt-table td{font-size:.7rem}.mqtt-table td>strong,.mqtt-table td>small{display:block}.mqtt-table td>small{margin-top:.15rem;color:var(--muted);font-size:.61rem}.mqtt-transport{display:block;font-size:.63rem}.mqtt-status,.mqtt-connection{display:inline-flex;padding:.27rem .48rem;border-radius:999px;font-size:.6rem;font-weight:850}.mqtt-status.ready,.mqtt-connection.online{color:#14704a;background:#e5f7ee}.mqtt-status.pending,.mqtt-status.retry,.mqtt-status.missing{color:#805b06;background:#fff1cc}.mqtt-status.error,.mqtt-status.orphan{color:#a32d28;background:#feeceb}.mqtt-connection.offline{color:#687587;background:#edf1f5}.mqtt-row-actions{display:flex;align-items:center;gap:.35rem}.mqtt-row-actions form{margin:0}.mqtt-row-actions button{padding:.42rem .56rem;font-size:.62rem;white-space:nowrap}.error-text{display:block;margin-top:.3rem;color:#ad342e!important}.empty-state{padding:2rem!important;color:var(--muted);text-align:center!important}.pagination{display:flex;align-items:center;justify-content:center;gap:.8rem;padding:.8rem}.pagination a{color:#2867bd;font-weight:750}.mqtt-credential-dialog{width:min(92vw,560px);padding:1.1rem;border:0;border-radius:16px;box-shadow:0 24px 80px rgba(17,32,52,.3)}.mqtt-credential-dialog::backdrop{background:rgba(16,28,44,.55)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.dialog-heading h2{margin:.08rem 0 .75rem}.dialog-close{padding:.2rem .5rem;color:#526174;background:#eef2f6;font-size:1.2rem}.mqtt-secret{display:grid;gap:.65rem;margin-top:.9rem;padding-top:.8rem;border-top:1px solid #e0e6ed}.mqtt-secret label{display:grid;gap:.25rem;font-size:.65rem;font-weight:800}.copy-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem;align-items:center}.copy-field code{overflow:auto;padding:.65rem;border:1px solid #d7e0e9;border-radius:9px;background:#f6f8fa;font-size:.67rem}.copy-field button{padding:.55rem .65rem}.inline-alert{padding:.65rem .75rem;border-radius:10px;font-size:.69rem}.inline-alert.warning{color:#775307;background:#fff3d2}.inline-alert.error{color:#9e2f2a;background:#feebea} @media(max-width:1100px){.mqtt-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mqtt-action-grid{grid-template-columns:1fr}}@media(max-width:700px){.mqtt-page-heading{align-items:flex-start}.mqtt-broker-state{width:100%}.mqtt-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mqtt-filter-form{grid-template-columns:1fr}.mqtt-list-toolbar{align-items:stretch;flex-direction:column}.mqtt-action-card>summary{flex-direction:column}.mqtt-action-card>summary small{text-align:left}}