.settings-page{background:var(--app-background);color:var(--app-text);flex:1;min-width:0;padding:14px 18px 20px}.settings-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.settings-heading h1{letter-spacing:-.015em;font-size:26px;font-weight:700;line-height:30px}.settings-heading p{color:var(--app-text-muted);font-size:13px}.settings-heading-icon{background:color-mix(in oklab, var(--app-orange) 11%, var(--app-surface));width:44px;height:44px;color:var(--app-orange);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--app-orange) 18%, transparent);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.settings-grid{grid-template-columns:190px minmax(0,1fr);align-items:start;gap:20px;display:grid}.settings-nav{background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--app-radius);box-shadow:var(--app-shadow);align-self:start;padding:10px}.settings-nav button{border-left:3px solid #0000;justify-content:flex-start;gap:10px;width:100%;height:36px;padding:8px;font-size:13px}.settings-nav button[aria-current=true]{background:var(--warning-soft);color:var(--warning);border-left-color:var(--app-orange)}.settings-content{width:100%;min-width:0;max-width:860px}.settings-mobile-nav{display:none}.settings-panel{background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--app-radius);box-shadow:var(--app-shadow);min-width:0;padding:20px}.settings-panel:focus{outline:2px solid var(--ring);outline-offset:2px}.settings-panel-header{align-items:flex-start;gap:10px;margin-bottom:20px;display:flex}.settings-panel-icon{width:32px;height:34px;color:var(--app-orange);background:var(--warning-soft);border-radius:6px;flex-shrink:0;place-items:center;display:grid}.settings-panel h2{font-size:17px;font-weight:700;line-height:22px}.settings-panel-subtitle{color:var(--app-text-muted);font-size:12px;line-height:16px}.settings-badge{background:var(--warning-soft);color:var(--warning);white-space:nowrap;border-radius:5px;align-items:center;gap:5px;padding:2px 7px;font-size:11px;font-weight:500;display:inline-flex}.settings-fields{grid-template-columns:1.15fr 1.2fr 1fr;gap:10px;display:grid}.settings-fields label{margin-bottom:4px;font-size:12px;display:block}.settings-fields input{height:36px;padding-inline:10px;font-size:13px}.settings-note{background:var(--surface-muted);color:var(--app-text-muted);border-radius:6px;gap:8px;padding:7px 9px;font-size:11px;line-height:16px;display:flex}.settings-note svg{flex-shrink:0;margin-top:1px}.settings-hours{border-collapse:collapse;table-layout:fixed;width:100%;font-size:12px}.settings-hours th{text-align:left;background:var(--surface-muted);color:var(--app-text-muted);padding:4px 6px;font-size:11px;font-weight:500}.settings-hours td{border-bottom:1px solid var(--app-border);height:44px;padding:4px 8px}.settings-hours td:first-child{font-weight:600}.settings-hours input{width:100%;min-width:0;max-width:150px;height:32px;padding:3px 8px;font-size:13px}.settings-hours th:nth-child(2){width:27%}.settings-hours th:first-child{width:24%}.settings-toggle{width:26px;height:15px}.settings-toggle>span{width:11px;height:11px;translate:none!important}.settings-toggle>span[data-state=checked]{transform:translate(11px)!important}.settings-toggle>span[data-state=unchecked]{transform:translate(0)!important}.settings-hours input::-webkit-calendar-picker-indicator{display:none}.settings-hours .settings-toggle[data-state=checked]{background:var(--success)}.settings-priorities{margin:0 0 8px;padding:0;list-style:none}.settings-priorities li{border-bottom:1px solid var(--app-border);align-items:center;gap:10px;min-height:40px;font-size:13px;font-weight:600;display:flex}.settings-priorities li span{background:var(--warning-soft);width:21px;height:21px;color:var(--warning);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.settings-rule{border-bottom:1px solid var(--app-border);align-items:center;gap:10px;min-height:42px;font-size:12px;display:flex}.settings-rule:last-child{border-bottom:0}.settings-rule>label{margin-right:auto}.settings-rule select{border:1px solid var(--app-border);background:var(--app-surface);width:110px;height:28px;color:var(--app-text);border-radius:5px;padding:3px 6px;font-size:12px}.settings-revenue{border:1px solid var(--warning-soft);background:color-mix(in oklch, var(--warning-soft) 45%, var(--app-surface));border-radius:6px;margin-bottom:6px;padding:10px}.settings-revenue p{color:var(--app-text-muted);margin-top:5px;font-size:12px;line-height:17px}.settings-integration{border-bottom:1px solid var(--app-border);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:35px;font-size:12px;display:grid}.settings-integration:last-child{border-bottom:0}.settings-integration strong{align-items:center;gap:8px;font-weight:600;display:flex}.settings-integration strong svg{flex-shrink:0}.settings-integration-status{background:var(--muted);color:var(--muted-foreground);white-space:nowrap;border-radius:5px;padding:2px 6px;font-size:10px}@media (width<=1023px){.settings-grid{grid-template-columns:164px minmax(0,1fr);gap:12px}.settings-fields{grid-template-columns:1fr}}@media (width<=650px){.settings-page{padding:14px 12px}.settings-heading{flex-wrap:wrap}.settings-heading h1{font-size:26px}.settings-grid{flex-direction:column;gap:12px;display:flex}.settings-nav{display:none}.settings-mobile-nav{align-items:center;gap:12px;width:100%;font-size:13px;display:flex}.settings-mobile-nav select{border:1px solid var(--app-border);background:var(--app-surface);min-width:0;height:36px;color:var(--app-text);border-radius:6px;flex:1;padding:4px 10px}.settings-panel{padding:14px}.settings-panel-header{flex-wrap:wrap}.settings-hours td,.settings-hours th{padding-inline:3px}.settings-hours input{padding-inline:4px;font-size:12px}.settings-hours{font-size:11px}.settings-integration{gap:6px;font-size:11px}}
