/* Native-feeling phone shell: safe areas, two screens, fixed action dock. */
html,body{background:#f5f3ed}body{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.app{background:#f5f3ed;max-width:480px;height:var(--native-height,100dvh)}
.app-header{padding:calc(9px + env(safe-area-inset-top)) 18px 0;background:#f5f3ed}
.native-appbar{display:flex;align-items:center;gap:8px;min-height:56px}.native-title{flex:1}.native-title small{display:block;color:#8b7850;font-size:11px;font-weight:600;margin-bottom:2px}.native-title h1{font-size:22px;line-height:1.2;letter-spacing:-.7px;margin:0;font-weight:750}.native-icon-btn{display:grid;place-items:center;min-width:44px;min-height:44px;border:0;border-radius:50%;background:transparent;color:#333026;font-size:24px;padding:8px}.native-icon-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.native-icon-btn:active{background:#e8e2d3}
.native-steps{display:flex;gap:8px;margin:11px 0 16px;background:#eae5d9;padding:4px;border-radius:14px}.native-steps button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border:0;border-radius:11px;background:transparent;font-size:12px;font-weight:600;color:#807866}.native-steps button span{width:20px;height:20px;display:grid;place-items:center;background:#ddd6c7;color:#665e4e;border-radius:50%;font-size:10px}.native-steps button[aria-current=step]{background:#fff;color:#25221a;box-shadow:0 1px 4px #0000000a}.native-steps button[aria-current=step] span{background:#ffd000;color:#302700}.native-steps button:disabled{opacity:.65}
.native-connection{margin:0 18px 10px;padding:9px 12px;border-radius:9px;background:#fff0d5;color:#8a5a10;font-size:12px;line-height:1.4}
.app-scroll{padding:0 18px 16px;flex:1;min-height:0}.glass-card,#form-view:has(.asset-found.show) .glass-card{margin-bottom:16px}.native-intro{margin:5px 0 18px}.native-intro h2{font-size:27px;letter-spacing:-.9px;line-height:1.2;margin:0 0 7px}.native-intro p{font-size:13px;color:#81796b;line-height:1.5;margin:0}
#form-view:not(.fault-step) .compact-issue-card,#form-view:not(.fault-step) .photo-card{display:none!important}#form-view.fault-step .asset-card{display:none!important}.phone-small-actions,.phone-next:not(#native-next){display:none!important}
.scan-button,#form-view:has(.asset-found.show) .scan-button{min-height:146px;background:#fff;border:1px solid #e4ddcd;border-radius:21px;padding:20px;box-shadow:0 2px 8px #63533506;grid-template-columns:58px minmax(0,1fr) 16px;gap:15px}.scan-icon{width:58px;height:58px;border-radius:18px;background:#ffd000;color:#332a00}.scan-icon svg{width:28px;height:28px}.scan-button strong{font-size:18px;font-weight:700;letter-spacing:-.4px}.scan-button small{font-size:13px;color:#8c7d5f;margin-top:5px}.chevron{color:#837044}.manual-divider,#form-view:has(.asset-found.show) .manual-divider{margin:20px 0;font-size:10px;color:#9a9181}.manual-divider:before,.manual-divider:after{background:#e6dfd1}
.label{color:#81796a;font-size:10px;letter-spacing:.6px;margin-bottom:7px}.control{background:#fff;border:1px solid #e6e0d3;border-radius:13px;font-size:16px;min-height:50px;padding:13px 14px;font-weight:400}.control::placeholder{font-size:14px;color:#a19887}.control:focus{box-shadow:0 0 0 2px #ffd000}.equipment-list-toggle{top:4px;right:4px;color:#7c725e}.native-browse{margin:10px 0 0;padding:4px 0;min-height:44px;background:none;border:0;color:#8a6910;font-size:13px;font-weight:600}
.asset-found{border:1px solid #d4e4d8;background:#eaf3ed;padding:12px;font-size:12px;min-height:44px;border-radius:12px}.asset-history-button{min-height:44px;border:0;background:transparent;color:#7d725f;font-size:12px;padding:8px 2px}.asset-history-button span{color:#a89153}
.native-asset-summary{width:100%;display:flex;align-items:center;gap:12px;border:1px solid #e6dfd1;border-radius:16px;background:#fff;padding:13px;margin:0 0 0;text-align:left;color:#28251e}.native-asset-symbol{width:40px;height:40px;display:grid;place-items:center;flex:none;background:#f8f1da;border-radius:12px;color:#9e7b22}.native-asset-symbol svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round}.native-asset-summary>span:nth-child(2){min-width:0;flex:1}.native-asset-summary strong{display:block;font-size:14px;line-height:1.35}.native-asset-summary small{display:block;font-size:11px;color:#8b816d;line-height:1.4;margin-top:3px}.native-change{font-size:11px;color:#9a791b;font-weight:600}.native-history-link{display:block!important;margin:0 0 14px;min-height:44px;background:transparent;border:0;padding:6px 2px;color:#89764a;font-size:12px;font-weight:500}.native-history-link[hidden]{display:none!important}
.field,#form-view:has(.asset-found.show) .field{margin-bottom:16px}.field:last-child,#form-view:has(.asset-found.show) .field:last-child{margin-bottom:0}.urgency{padding:4px;background:#e8e4da;border-radius:13px;gap:3px}.urgency button{min-height:44px;font-size:12px;color:#777063;border-radius:10px}.urgency button.selected{box-shadow:0 2px 4px #3c332c12}.urgency button.service{margin-left:0;background:#e1eeed;color:#21686a;border-color:#bedad7}.urgency button.service.selected{background:#19777b;color:#fff}
textarea.control,#form-view:has(.asset-found.show) textarea.control{height:108px;min-height:108px;padding:13px 14px;line-height:1.5}
.photo-card{gap:10px;grid-template-columns:1fr 1.1fr}.photo-picker{border:1px solid #e6dfd1;background:#fff;border-radius:13px;min-height:50px;padding:12px 9px;color:#7d715b}.photo-copy strong{font-size:12px}.photo-icon{color:#9d8d69}.photo-card .control{min-height:50px;border:1px solid #e6dfd1;box-shadow:none;font-size:14px}.photo-card .control::placeholder{font-size:12px}.photo-preview.show{height:28px;width:32px}.photo-picker:focus-within{outline:2px solid #b99320;outline-offset:2px}
.native-dock{flex:none;background:#ffffffed;border-top:1px solid #e8e2d5;padding:10px 18px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -3px 15px #4b392905}.native-dock-caption{text-align:center;font-size:10px;color:#9a8d75;margin-bottom:9px;letter-spacing:.1px}.native-dock .submit,.native-dock .phone-next{display:flex;width:100%;align-items:center;justify-content:center;gap:12px;min-height:54px;margin:0;border:0;border-radius:15px;background:#ffd000;color:#292100;font-size:16px;font-weight:700;box-shadow:none;padding:14px}.native-dock .phone-next:disabled{background:#ece6d6;color:#9f937c;cursor:default}.native-dock .submit:disabled{opacity:.65;cursor:wait}.native-dock .submit span:last-child,.native-dock .phone-next span:last-child{font-size:21px;line-height:1}.native-dock-error:not(:empty){padding:9px 10px;border-radius:9px;margin-bottom:10px;background:#fff0eb;color:#a4402a;font-size:12px;line-height:1.4}.native-dock button:active:not(:disabled){transform:scale(.985)}
.scanner.show{display:block;position:fixed;inset:0;z-index:120;border-radius:0;margin:0;background:#121210}.scanner.show video{width:100%;height:100%;object-fit:cover}.scanner-frame{width:230px;height:230px;border-color:#ffd000;border-radius:23px}.scanner.show .close-camera{bottom:calc(28px + env(safe-area-inset-bottom));background:#ffd000;color:#292100;border-radius:13px;font-size:14px;font-weight:600;min-height:48px;padding:12px 25px}
.native-sheet{position:fixed;inset:auto 0 0;margin:0 auto;width:100%;max-width:480px;max-height:calc(var(--native-height,100dvh) - 45px);overflow:auto;border:0;border-radius:24px 24px 0 0;background:#fff;padding:8px 20px calc(25px + env(safe-area-inset-bottom));box-shadow:0 -15px 60px #0002;color:#26221b}.native-sheet::backdrop{background:#17151066;backdrop-filter:blur(3px)}.native-sheet-handle{width:36px;height:4px;border-radius:4px;background:#ded8cc;margin:3px auto 15px}.native-sheet>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:20px}.native-sheet h2{font-size:21px;letter-spacing:-.5px;line-height:1.3;margin:0}.native-sheet header p{font-size:12px;color:#897e69;margin:6px 0 0;line-height:1.5}.native-sheet .manual-fields{grid-template-columns:1fr;gap:16px}.native-sheet .manual-fields .control{font-size:16px;min-height:52px;padding:13px 15px;background:#f8f5ed}.native-help-body p{font-size:14px;line-height:1.65;color:#807460}.native-help-note{background:#f8f5ed;padding:16px;border-radius:14px;margin-top:20px}.native-help-note strong{font-size:13px}.native-help-note p{font-size:12px;margin:6px 0 0}.native-install{width:100%;min-height:50px;border:0;background:#ffd000;border-radius:13px;font-weight:700}
.phone-history-overlay{padding:0;align-items:flex-end;backdrop-filter:blur(3px)}.phone-history-dialog{width:100%;max-width:480px;max-height:85dvh;border-radius:24px 24px 0 0;border:0;padding-bottom:env(safe-area-inset-bottom)}.phone-history-dialog>header{background:#fff;border-bottom:1px solid #eee8dc;padding:20px}.phone-history-dialog h2{font-size:21px;letter-spacing:-.4px}#phone-history-close{background:#f5f1e6;border-radius:50%}.phone-history-body{padding:18px 20px}.phone-history-row{background:#f8f6f0;border-color:#ece4d5;border-radius:14px;padding:16px}.phone-history-row p{color:#81745e}.phone-history-retry{background:#ffd000}
.success{padding:50px 14px}.success-icon{width:82px;height:82px;border-radius:27px;margin-bottom:23px}.success-icon svg{width:39px;height:39px}.success h2{font-size:27px;letter-spacing:-.6px}.success p{color:#8b7e67}.success .secondary{background:#ffd000;border:0;color:#292100;min-height:52px;padding:14px 25px;border-radius:14px}.native-load-error{text-align:center;color:#897c65;padding:30px 10px}.native-load-error strong{font-size:17px;color:#3f3627}.native-load-error p{font-size:13px;line-height:1.5}.native-load-error button{min-height:48px;border:0;border-radius:12px;background:#ffd000;padding:12px 22px;font-weight:600}
@media(min-width:600px){.app{height:calc(var(--native-height,100dvh) - 32px);border-color:#e0d8c7;border-radius:24px}.native-sheet{bottom:16px;border-radius:24px}}
@media(max-height:700px){.app-header{padding-top:calc(5px + env(safe-area-inset-top))}.native-appbar{min-height:49px}.native-title h1{font-size:20px}.native-steps{margin:6px 0 12px}.native-steps button{min-height:36px}.native-intro h2{font-size:24px}.scan-button,#form-view:has(.asset-found.show) .scan-button{min-height:117px;padding:16px}.native-dock{padding-top:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}.native-dock-caption{margin-bottom:7px}.native-dock .submit,.native-dock .phone-next{min-height:50px}.field,#form-view:has(.asset-found.show) .field{margin-bottom:13px}textarea.control,#form-view:has(.asset-found.show) textarea.control{min-height:96px;height:96px}}
@media(prefers-reduced-motion:no-preference){#form-view.fault-step .compact-issue-card{animation:native-in .18s ease-out}.native-sheet[open],.phone-history-dialog{animation:native-sheet-in .2s ease-out}}@keyframes native-in{from{opacity:.4;transform:translateX(8px)}to{opacity:1;transform:none}}@keyframes native-sheet-in{from{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}

/* Final spacing: consistent 20px gutters, 44px+ targets and keyboard-aware dock. */
.app-header{padding:calc(8px + env(safe-area-inset-top)) 20px 0}
.app-scroll{padding-left:20px;padding-right:20px}
.native-dock{padding-left:20px;padding-right:20px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}
.native-steps button{min-height:44px}
.photo-card .control{font-size:16px}
.native-keyboard .native-steps{display:none!important}
.native-keyboard .native-dock-caption{display:none}
.native-keyboard .native-dock{padding-top:8px;padding-bottom:8px}
.native-keyboard .native-dock .submit,.native-keyboard .native-dock .phone-next{min-height:48px;padding:11px}
.native-keyboard .native-appbar{min-height:48px}
@media(max-height:700px){.native-steps button{min-height:44px}.app-header{padding-top:calc(5px + env(safe-area-inset-top))}}