/* Dedicated help styles; examples use static fictional amounts only. */
.kama-help-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;padding:8px;border:1px solid #5e8ba9;border-radius:50%;background:#142f49;color:#edfaff;cursor:pointer;flex-shrink:0}
.kama-help-button svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
html.kama-ocean-ui :is(#dashboard,#kf-view).neon-home-dashboard .neon-topbar:has(.kama-help-button){grid-template-columns:48px 48px minmax(0,1fr)!important;gap:10px}
html.kama-ocean-ui :is(#dashboard,#kf-view).neon-home-dashboard .neon-topbar:has(.kama-help-button) .neon-brand{grid-column:3!important}
:is(#dashboard,#kf-view) .neon-topbar>.kama-help-button{grid-column:2;grid-row:1;width:48px;height:48px;min-width:48px;background:#082c44;border-color:#23617b;color:#d8f3ff;justify-self:start}
body.kama-guide-open{overflow:hidden}
.kama-guide-overlay[hidden]{display:none!important}
.kama-guide-overlay{--kg-bg:#082536;--kg-line:#23617b;--kg-muted:#8fbbce;--kg-accent:#62edbd;--kg-text:#f4fbff;--kg-surface:#0b3048;position:fixed;inset:0;z-index:24000;display:flex;align-items:center;justify-content:center;padding:20px max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#020c17c9;backdrop-filter:blur(10px);color:var(--kg-text);font-family:Arial,'Noto Sans Hebrew',sans-serif;isolation:isolate}
.kama-guide-overlay.is-classic{--kg-bg:#11253e;--kg-line:#375575;--kg-muted:#b9cde2;--kg-accent:#46ffa6;--kg-surface:#1a334e;--kg-text:#f4f8ff}
.kama-guide-dialog{width:min(820px,100%);height:min(790px,calc(100dvh - 40px));max-height:100%;display:flex;flex-direction:column;border:1px solid var(--kg-line);border-radius:26px;background:var(--kg-bg);box-shadow:0 30px 100px #0008;overflow:hidden;min-width:0}
.kama-guide-header{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:23px 26px 16px;flex-shrink:0}
.kama-guide-eyebrow{color:var(--kg-muted);font-size:12px}
.kama-guide-header h2{font-size:24px;line-height:1.3;margin:5px 0 0;color:var(--kg-text)}
.kama-guide-close{width:40px;height:40px;min-width:40px;border:1px solid var(--kg-line);border-radius:50%;background:transparent;color:var(--kg-text);padding:10px;cursor:pointer}
.kama-guide-close svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.kama-guide-topic{display:flex;gap:12px;align-items:center;padding:0 26px 18px;flex-shrink:0;font-size:13px;color:var(--kg-muted)}
.kama-guide-topic label{white-space:nowrap}
.kama-guide-topic select{min-width:0;flex:1;padding:9px 12px;border:1px solid var(--kg-line);border-radius:12px;background:var(--kg-surface);color:var(--kg-text);font-size:16px;font-family:inherit;max-width:100%}
.kama-guide-progress{height:3px;background:var(--kg-line);flex-shrink:0}
.kama-guide-progress>span{height:100%;display:block;background:var(--kg-accent);transition:width .22s ease}
.kama-guide-stage{overflow:auto;overscroll-behavior:contain;touch-action:pan-y;min-height:0;flex:1;padding:26px;scrollbar-color:var(--kg-line) transparent}
.kama-guide-stage>article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:26px;min-width:0}
.kama-guide-example{margin:0;padding:18px;min-width:0;border:1px solid var(--kg-line);border-radius:20px;background:linear-gradient(155deg,var(--kg-surface),var(--kg-bg));box-shadow:inset 0 1px #ffffff08;user-select:none}
.kama-guide-example figcaption{color:var(--kg-muted);font-size:11px;margin-bottom:16px}
.kama-guide-copy{min-width:0}
.kama-guide-step{color:var(--kg-accent);font-size:12px;font-weight:700}
.kama-guide-copy h3{font-size:25px;line-height:1.3;margin:10px 0 14px;color:var(--kg-text)}
.kama-guide-copy p{font-size:16px;line-height:1.8;margin:0}
.kama-guide-copy aside{border-inline-start:3px solid var(--kg-accent);padding:10px 14px;margin-top:20px;background:#ffffff04;border-radius:0 12px 12px 0}
.kama-guide-copy aside strong{color:var(--kg-accent);font-size:12px}
.kama-guide-copy aside p{font-size:14px;color:var(--kg-muted);margin-top:4px}
.kama-guide-footer{padding:16px 26px 18px;border-top:1px solid var(--kg-line);flex-shrink:0;background:var(--kg-bg)}
.kama-guide-navigation{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px}
.kama-guide-navigation button{padding:11px 16px;min-height:44px;border:1px solid var(--kg-line);border-radius:14px;background:transparent;color:var(--kg-text);font-size:15px;font-weight:700;cursor:pointer}
.kama-guide-navigation button[data-guide-nav=next]{background:var(--kg-accent);border-color:var(--kg-accent);color:#042a28}
.kama-guide-navigation button:disabled{opacity:.35;cursor:default}
.kama-guide-status{font-size:12px;color:var(--kg-muted);white-space:nowrap}
.kama-guide-footer>p{font-size:11px;text-align:center;color:var(--kg-muted);margin:12px 0 0}
.kama-guide-overlay :is(button,select,summary,.kama-guide-stage):focus-visible,.kama-help-button:focus-visible{outline:2px solid #82d9ed;outline-offset:3px}
.kg-card{padding:14px;border:1px solid var(--kg-line);border-radius:14px;background:var(--kg-bg);margin-bottom:12px;font-size:13px;min-width:0}
.kg-card:last-child{margin-bottom:0}
.kg-card>strong{display:block;font-size:15px;margin-bottom:12px}
.kg-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #ffffff0e}
.kg-row:last-child{border-bottom:0}
.kg-money{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}
.kg-positive{color:#62edbd}.kg-negative{color:#ff8198}.kg-blue{color:#56d9f5}.kg-gold{color:#f2cb5f}
.kg-pill{display:inline-block;padding:6px 9px;border:1px solid var(--kg-line);border-radius:99px;font-size:11px;color:var(--kg-muted);margin-top:8px}
.kg-tags{display:flex;gap:5px;flex-wrap:wrap}
.kg-month{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--kg-line);border-radius:40px;padding:12px;font-weight:700}
.kg-hero{padding:16px 0;display:grid;gap:16px}.kg-hero .kg-money{font-size:30px}.kg-hero>span{font-size:11px;color:var(--kg-muted)}
.kg-check{color:var(--kg-accent);font-size:12px;line-height:1.7;margin:8px 0}
.kg-demo summary{display:flex;justify-content:space-between;gap:8px;align-items:center;cursor:pointer;list-style:none;padding:8px 0;color:var(--kg-text)}
.kg-demo summary::-webkit-details-marker{display:none}
.kg-demo small{display:block;font-size:10px;color:var(--kg-muted);margin-top:5px}
.kg-meter{height:7px;border-radius:9px;background:var(--kg-line);margin:10px 0;overflow:hidden}.kg-meter>span{display:block;width:65%;height:100%;background:var(--kg-accent);border-radius:inherit}
.kg-chart{width:100%;height:auto;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.kg-grid{stroke:var(--kg-line);stroke-width:1}.kg-chart-income{stroke:#62edbd}.kg-chart-expense{stroke:#ff8198}
.kg-finish{font-size:46px;color:var(--kg-accent);text-align:center}.kg-card>p{font-size:14px;line-height:1.8;text-align:center}
@media(max-width:640px){
 html.kama-ocean-ui :is(#dashboard,#kf-view).neon-home-dashboard .neon-topbar:has(.kama-help-button){grid-template-columns:42px 42px minmax(0,1fr)!important;gap:8px}
 :is(#dashboard,#kf-view) .neon-topbar>.kama-help-button{width:42px;height:42px;min-width:42px;padding:7px}
 .kama-guide-overlay{padding:max(10px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}
 .kama-guide-dialog{height:calc(100dvh - max(10px,env(safe-area-inset-top)) - max(10px,env(safe-area-inset-bottom)));border-radius:22px}
 .kama-guide-header{padding:18px 18px 12px}.kama-guide-header h2{font-size:21px}.kama-guide-eyebrow{font-size:11px}
 .kama-guide-topic{padding:0 18px 14px;gap:8px}.kama-guide-stage{padding:20px 18px}
 .kama-guide-stage>article{grid-template-columns:minmax(0,1fr);gap:20px}.kama-guide-example{padding:14px}.kama-guide-copy h3{font-size:23px}.kama-guide-copy p{font-size:15px}.kama-guide-copy aside p{font-size:13px}
 .kama-guide-footer{padding:12px 18px 14px}.kama-guide-navigation{gap:10px}.kama-guide-navigation button{font-size:14px;padding:10px}
}
@media(max-width:360px){html.kama-ocean-ui :is(#dashboard,#kf-view).neon-home-dashboard .neon-topbar:has(.kama-help-button) .neon-brand .brand-wordmark{font-size:26px!important}.kama-guide-topic label{font-size:12px}}
@media(prefers-reduced-motion:reduce){.kama-guide-progress>span{transition:none}}

.kama-help-button[hidden]{display:none!important}
.kg-search{border:1px solid var(--kg-line);padding:10px;border-radius:10px;color:var(--kg-muted)}

.kg-example-screen{min-width:0;border:1px solid var(--kg-line);border-radius:13px;padding:12px;background:var(--kg-bg)}
.kg-device-chrome{display:flex;gap:4px;padding-bottom:12px;direction:ltr}.kg-device-chrome i{height:5px;width:5px;border-radius:50%;background:var(--kg-line)}
.kg-phone .kg-example-screen{border-width:2px;border-radius:24px;padding:12px;max-width:310px;margin-inline:auto}.kg-phone .kg-device-chrome{justify-content:center}.kg-phone .kg-device-chrome i{display:none}.kg-phone .kg-device-chrome i:first-child{display:block;width:35px;border-radius:8px}

/* Miniatures mirror the current ocean UI; SVGs come from real app controls. */
.kama-guide-example{padding:0;border:0;background:none;box-shadow:none}
.kama-guide-example figcaption{margin-bottom:10px}
.kg-example-screen,.kg-phone .kg-example-screen{border:1px solid #164a65;border-radius:18px;padding:14px;background:radial-gradient(ellipse at 100% 20%,#07354888,transparent 70%),#041e2c;color:#effaff;overflow:hidden;max-width:none}
.kg-app-topbar{display:flex;direction:ltr;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}
.kg-app-brand{display:flex;justify-content:flex-end;align-items:center;gap:3px;font:bold 25px Arial,sans-serif;letter-spacing:-1px;color:#effaff;white-space:nowrap}
.kg-app-brand>span,.kg-native-toggle{display:inline-grid;place-items:center;background:linear-gradient(145deg,#3aefa9,#62c9ef);color:#001b13;border:1px solid #7edcda;border-radius:9px;width:32px;height:32px;font:bold 29px Arial,sans-serif}
.kg-app-tagline{text-align:right;color:#65b5cf;font-size:10px;margin-top:6px}
.kg-app-settings{display:grid;place-items:center;border:1px solid #27617a;border-radius:50%;width:31px;height:31px;color:#c4edf6;flex-shrink:0}
.kg-app-settings svg{width:20px;height:20px}
.kg-card{background:linear-gradient(120deg,#0a354dcc,#061e32ed);border-color:#164a65;border-radius:16px;padding:0;margin-bottom:12px;overflow:hidden}
.kg-native-heading{display:flex;align-items:center;gap:9px;min-height:62px;padding:13px 12px;box-sizing:border-box}
.kg-native-heading>strong{font-size:16px;line-height:1.35;flex:1;color:#f7fcff}
.kg-native-icon{width:24px;height:24px;color:#45d5f5;flex-shrink:0;display:inline-flex}
.kg-native-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.kg-native-income .kg-native-icon,.kg-native-direct .kg-native-icon,.kg-native-checking .kg-native-icon,.kg-native-summary .kg-native-icon{color:#34e8b1}
.kg-native-variable .kg-native-icon,.kg-native-loans .kg-native-icon{color:#ff987b}.kg-native-savings .kg-native-icon{color:#ead34a}
.kg-native-toggle{width:25px;height:25px;font-size:23px;transform:rotate(180deg);border-radius:7px;flex-shrink:0}
.kg-native-body{padding:0 12px 13px}
.kg-row{border-bottom-color:#1c4255;padding:13px 0;font-size:12px;color:#cfe5f0}
.kg-money{font-size:15px;font-weight:700}.kg-row>.kg-money{margin-inline-start:auto}
.kg-pill{background:#082c44;border-color:#23617b;color:#e5f7ff;border-radius:10px;font-size:11px;padding:8px 11px}
.kg-month{background:#082c44;border-color:#34869f;color:#effaff;padding:12px;border-radius:999px;font-size:16px}
.kg-check{display:flex;align-items:center;gap:6px;color:#f4fbff;font-size:12px}
.kg-search,.kg-native-field{background:#061e32;border:1px solid #23617b;border-radius:10px;padding:11px;color:#9fc4d5;margin:8px 0}
.kg-native-field{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}
.kg-native-note{font-size:11px!important;color:#8cb6cc;text-align:right!important;line-height:1.7!important}
.kg-native-history{font-size:11px;color:#73bfd4;padding-top:12px}
.kg-home-preview{display:grid;gap:12px}.kg-app-greeting{display:grid;gap:4px;text-align:right}.kg-app-greeting strong{font-size:16px}.kg-app-greeting>span{font-size:10px;color:#73b4ce}
.kg-home-date{display:flex;justify-content:center;align-items:center;gap:10px;justify-self:end;border:1px solid #27617a;border-radius:999px;background:#082c44;padding:9px 13px;font-size:12px;font-weight:700}.kg-home-date>span{width:17px;height:17px}.kg-home-date svg{width:100%;height:100%}
.kg-home-hero,.kg-home-tile,.kg-home-actions>div{border:1px solid #164a65;border-radius:15px;background:linear-gradient(120deg,#0a354dcc,#061e32ed)}
.kg-home-hero{display:flex;justify-content:space-between;align-items:center;gap:13px;padding:17px 12px;min-height:114px}.kg-home-hero>div:first-child{display:grid;gap:10px;min-width:0}.kg-home-hero span{font-size:12px;color:#cfe6f1}.kg-home-hero .kg-money{font-size:28px;color:#34e8b1}.kg-home-hero small{font-size:8px;color:#8cb6cc}
.kg-home-bars{height:82px;display:flex;direction:ltr;align-items:end;gap:3px;min-width:76px;border-bottom:1px solid #18516c;padding-bottom:4px}.kg-home-bars i{display:block;width:9px;background:linear-gradient(0deg,#168ae1,#16eedb);border-radius:5px 5px 2px 2px}
.kg-home-tiles,.kg-home-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.kg-home-tile{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:13px 9px;min-width:0}.kg-home-tile>div{display:grid;gap:7px}.kg-home-tile span:not(.kg-native-icon){font-size:11px;color:#d8eaf3}.kg-home-tile .kg-money{font-size:18px}.kg-home-tile .kg-native-icon{width:20px;height:20px}
.kg-home-actions>div{display:flex;align-items:center;justify-content:center;gap:7px;min-height:48px;font-size:11px}.kg-home-actions i{font-style:normal;display:grid;place-items:center;width:22px;height:22px;color:#45d5f5}.kg-home-actions i svg{width:20px;height:20px}.kg-home-actions .kg-action-income,.kg-home-actions .kg-action-variable{border-radius:50%;font-size:25px;color:white;background:#12cfa4}.kg-home-actions .kg-action-variable{background:#dc4778}
.kg-desktop .kg-home-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.kg-desktop .kg-home-tile{flex-direction:column;align-items:flex-start}.kg-desktop .kg-home-tile .kg-money{font-size:15px}
@media(min-width:641px){.kama-guide-dialog{width:min(1120px,100%)}.kama-guide-stage>article{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.kg-app-brand{font-size:30px}.kg-desktop .kg-home-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){.kg-home-tile .kg-money{font-size:15px}.kg-app-brand{font-size:23px}.kg-home-hero .kg-money{font-size:24px}.kg-home-bars{min-width:65px;gap:2px}.kg-home-bars i{width:8px}}
.kg-chart-legend{display:flex;justify-content:flex-start;gap:16px;font-size:12px;color:#cfe5f0;margin:12px 0 8px}.kg-chart-legend>span{display:flex;align-items:center;gap:5px}.kg-chart-legend i{width:10px;height:10px;border-radius:50%;background:#62edbd}.kg-chart-legend>span:last-child i{background:#ff8198}
.kg-chart-labels{fill:#8cb6cc;stroke:none;font:9px Arial,sans-serif;direction:ltr}.kg-chart-labels text{text-anchor:end}.kg-chart-labels text:nth-child(n+6){text-anchor:middle}
.kg-settings-actions{display:flex;direction:ltr;justify-content:space-between;margin-top:18px}.kg-settings-actions>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid #23617b;border-radius:50%;color:#62edbd;font-size:22px}.kg-settings-actions>span:first-child{color:#e7f8ff}
.kg-preview-checkbox{display:flex;align-items:center;gap:9px;padding:12px 0;border-bottom:1px solid #23617b55;font-size:12px;color:#edfaff}.kg-preview-checkbox i{display:grid;place-items:center;width:17px;height:17px;border:1px solid #70a3b9;border-radius:4px;font-style:normal;color:#042b25;flex-shrink:0}.kg-preview-checkbox i.is-checked{background:#62edbd;border-color:#62edbd;font-weight:bold}
.kg-analysis-tabs{display:flex;align-items:center;justify-content:space-between;border:1px solid #164a65;border-radius:999px;padding:4px;margin:0 0 14px;background:#061e32;gap:3px}.kg-analysis-tabs>span{font-size:9px;font-weight:700;text-align:center;padding:9px 5px;color:#effaff}.kg-analysis-tabs .is-selected{border:1px solid #73bfd4;border-radius:999px;background:linear-gradient(120deg,#15516a,#092b43)}

.kg-native-settings .kg-native-toggle{transform:none;background:transparent;border-color:#23617b;color:#effaff;border-radius:50%}
