/* KM APP · studio design layer. Original application styles remain intact.
   Site reference: kmdesignlab.com — #0B0B0B, #171719, #F1F1F0, #E6E6E6.
   PP Neue Montreal is used when locally available; no unlicensed font is shipped. */
:root{--bg:#f1f1f0;--panel:#fff;--ink:#0b0b0b;--muted:#666664;--line:#dededb;--accent:#171719;--accent-ink:#fff;--soft:#f7f7f5;--hover:#e6e6e3;--danger:#963c32;--danger-soft:#fcf0ed;--success:#32654a;--success-soft:#edf4ef;--warning:#74551c;--warning-soft:#faf3e4;--focus:#5779a3;--bar:rgba(241,241,240,.96);--shadow:0 8px 26px rgba(11,11,11,.05);--radius:12px;color-scheme:light}
:root[data-theme=dark]{--bg:#171719;--panel:#222224;--ink:#f1f1f0;--muted:#b5b5b1;--line:#414144;--accent:#e6e6e6;--accent-ink:#171719;--soft:#2a2a2d;--hover:#333336;--danger:#f1afa5;--danger-soft:#3e2727;--success:#a5d5b8;--success-soft:#23382d;--warning:#ecd099;--warning-soft:#3a3223;--focus:#9fbce0;--bar:rgba(23,23,25,.96);--shadow:0 8px 26px rgba(0,0,0,.14);color-scheme:dark}
body{font-family:'PP Neue Montreal Book','PP Neue Montreal',Arial,'Helvetica Neue',sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--ink)}
::selection{background:var(--accent);color:var(--accent-ink)}
h1,h2,h3{font-weight:500;letter-spacing:-.035em;line-height:1.12;overflow-wrap:anywhere}
h1{font-size:clamp(34px,5vw,56px)}h2{font-size:26px}p{line-height:1.6}.eyebrow{font-size:10px;font-weight:500;letter-spacing:.18em;color:var(--muted)}
.topbar{height:88px;padding:0 max(24px,calc((100vw - 1140px)/2));background:var(--bar);border-color:var(--line);gap:16px}
.brand{display:flex;gap:18px;align-items:center;flex-shrink:0}.brand-logo{display:block;width:136px;height:64px;object-fit:contain}.brand-app{border-left:1px solid var(--line);padding-left:18px;font-size:13px;font-weight:500;letter-spacing:.12em;white-space:nowrap}
[data-theme=dark] .brand-logo,[data-theme=dark] .login-logo{filter:invert(1);mix-blend-mode:screen}
.topbar-right{gap:14px;min-width:0}.theme-picker select{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:8px;padding:8px;min-height:44px;font-size:12px;max-width:145px;cursor:pointer}.theme-picker option{background:var(--panel);color:var(--ink)}
.account-button{display:flex;align-items:center;gap:8px;min-height:44px;padding:4px 10px 4px 4px!important;background:transparent!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:30px!important;font-weight:500!important;max-width:230px}.account-avatar{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);border-radius:50%;font-size:13px}.account-name{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu{position:relative}.account-popover{background:var(--panel)!important;color:var(--ink)!important;border:1px solid var(--line)!important;box-shadow:var(--shadow)!important;border-radius:12px!important}.account-current{border-color:var(--line)!important}.account-current small{color:var(--muted)!important}.account-popover button{background:var(--soft)!important;color:var(--danger)!important}.account-link{border-radius:6px}.account-link:hover{background:var(--soft)}
.shell{max-width:1180px;padding:48px 28px 100px}.page-head{margin-top:28px}.page-head p,.project-hero p{font-size:15px;max-width:640px}.project-grid{gap:20px;margin-top:32px}.project-card,.empty-card{border-radius:var(--radius);padding:28px;background:var(--panel);border-color:var(--line)}.project-card{min-height:244px}.project-card:hover{border-color:var(--muted);box-shadow:var(--shadow)}.project-card h2{font-size:30px;font-weight:500;margin-top:34px}.project-dot{background:var(--success)}.project-meta{border-top:1px solid var(--line);padding-top:18px;margin-top:24px}.project-meta span:last-child{color:var(--ink)}
.back,.text-link{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-size:14px}.back{color:var(--muted);margin-bottom:20px}.text-link:hover,.back:hover{ text-decoration:underline;text-underline-offset:4px}.project-tools{gap:8px;flex-wrap:wrap;margin:0 0 20px}.project-tools a{display:inline-flex;align-items:center;min-height:44px;background:var(--panel);border-radius:8px;font-weight:500}.project-hero{padding:8px 0 30px;border-bottom:1px solid var(--line)}.hero-stats>div{background:var(--panel);border-radius:10px;padding:14px 16px}.hero-stats strong{font-weight:500}.hero-stats span{font-size:12px}
.actions-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:24px;gap:12px}.action-card{position:relative;border-radius:12px;min-height:160px;padding:22px;background:var(--panel);color:var(--ink);border-color:var(--line);transition:border-color .16s,transform .16s}.action-card:hover{transform:translateY(-2px);border-color:var(--muted)}.action-card.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.action-card strong{font-size:18px;font-weight:500;margin-top:22px;line-height:1.25}.action-card small{font-size:12px;opacity:1;color:var(--muted);line-height:1.4}.action-card.primary small{color:inherit;opacity:.8}.action-icon{display:inline-flex;align-items:center;margin-bottom:auto}.km-icon{display:inline-block;width:24px;height:24px;flex-shrink:0;vertical-align:middle}.action-icon .km-icon{width:28px;height:28px}.action-issues{grid-column:1/-1;min-height:64px;display:grid;grid-template-columns:28px auto 1fr;align-items:center;gap:14px;padding:16px 22px}.action-issues .action-icon,.action-issues strong,.action-issues small{margin:0}.action-issues small{text-align:right}.action-card.danger{background:var(--danger-soft);border-color:var(--line)}
.section-head{margin-top:40px;gap:16px}.section-head h2{font-size:28px}.activity-card,.issue-panel,.issue-row,.gallery-group,.gallery-filters,.drive-row{background:var(--panel);color:var(--ink);border-color:var(--line);border-radius:12px}.activity-card.urgent,.issue-activity.urgent,.issue-row-urgent{background:var(--danger-soft);border-color:var(--danger)}.activity-body h3{font-weight:500}.activity-body small,time{color:var(--muted)}.issue-icon .km-icon{color:var(--danger)}.pill,.issue-state{background:var(--soft);color:var(--muted);font-weight:500}.danger-pill,.issue-state-urgent{background:var(--danger-soft);color:var(--danger)}.issue-state-check{background:var(--warning-soft);color:var(--warning)}.issue-state-done,.offline-btn.is-saved{background:var(--success-soft);color:var(--success)}.issue-stats>div{background:var(--panel);border-radius:10px;border-color:var(--line)}.issue-stats strong{font-weight:500}.issue-panel h2{font-weight:500}.issue-panel-action,.fixed-note,.gps-card,.preview-tile,.preview-more{background:var(--soft);color:var(--ink)}.credentials-card{background:var(--success-soft);border-color:var(--line)}.credential-row{border-color:var(--line)}
.form-wrap,.login-wrap{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:32px}.form-wrap h1,.login-wrap h1{font-size:38px;line-height:1.15}.login-wrap{max-width:460px;margin:20px auto 0;padding:36px}.login-logo{display:block;width:240px;max-width:100%;height:auto;margin:0 auto 34px}.login-wrap>.eyebrow{text-align:center;margin-bottom:24px}.login-wrap>p{font-size:14px}.field>span{font-weight:500;font-size:14px}.km-form{margin-top:24px}.km-form p label{display:block;margin-bottom:8px;font-size:14px}.km-form .helptext{display:block;font-size:12px;color:var(--muted);margin-top:8px}.form-wrap>p{line-height:1.6}
input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:12px;min-height:46px;font:inherit;font-size:16px;max-width:100%}.field input[type=file]{background:var(--soft);color:var(--ink);border-color:var(--line);border-radius:8px}.field input[type=text],.field select,.field textarea,.login-form input,.issue-manager-form input,.issue-manager-form select,.issue-panel textarea{background:var(--soft);color:var(--ink);border-radius:8px}.field input[type=date]{background:var(--soft)!important;color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important;border-radius:8px!important}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}input[type=checkbox],input[type=radio]{accent-color:var(--accent);width:20px;height:20px;vertical-align:middle}input:disabled,select:disabled,textarea:disabled{opacity:.6;cursor:not-allowed}
button,[role=button],.submit-btn,.issue-new-btn,.file-action-btn,.issue-save-btn{font-weight:500;cursor:pointer;min-height:44px}button{background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:10px 14px}.submit-btn,.issue-new-btn,.issue-save-btn,.file-action-btn,.install-banner button:not(.install-close){background:var(--accent);color:var(--accent-ink);border-color:var(--accent);border-radius:8px;font-weight:500}.submit-btn{min-height:50px}.submit-btn:hover,.issue-new-btn:hover,.file-action-btn:hover{filter:brightness(.9)}button:active,.submit-btn:active{transform:translateY(1px)}button:disabled,[aria-disabled=true]{opacity:.5;cursor:not-allowed}.danger-btn{background:var(--danger);color:var(--panel)}.danger-text{color:var(--danger)}.issue-fixed-btn{background:var(--success);color:var(--panel)}.mini-tool,.offline-btn,.file-action-btn.secondary,.gps-card button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;background:var(--soft);color:var(--ink);border-color:var(--line);border-radius:8px;font-weight:500}.mini-tool.danger-text{color:var(--danger)}.file-action-btn.secondary{background:var(--panel)}
.source-button{background:var(--soft);color:var(--ink);border-radius:10px;text-align:left}.source-button.camera-button{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.source-button strong{font-weight:500}.source-icon .km-icon{width:28px;height:28px}.tag-option{background:var(--soft);border-radius:8px}.tag-option:has(input:checked){background:var(--success-soft);border-color:var(--success)}.tag-option input[type=checkbox]{accent-color:var(--accent)}.tag-picker legend{font-weight:500}.gallery-tile,.gallery-full,.drive-preview,.existing-photo-option,.activity-image img{background:var(--soft)}.gallery-tile{border-radius:8px}.gallery-grid{gap:12px}.gallery-tile strong{font-weight:500}.gallery-detail h1{font-size:30px}.gallery-detail>div{min-width:0}.gallery-detail p{overflow-wrap:anywhere}.gallery-full{border-radius:12px}.gallery-filters summary{min-height:44px;display:flex;align-items:center;font-weight:500}.gallery-filter-grid input[type=checkbox]{min-height:20px}.drive-main strong{font-weight:500}.drive-preview{border-radius:8px}.drive-tools{font-size:11px;flex-wrap:wrap}.drive-tools>span{color:var(--muted);max-width:200px}.file-type{color:var(--muted)}.file-type.pdf{color:var(--danger)}.folder-dialog{background:var(--panel);color:var(--ink);border-radius:12px}.folder-dialog input{background:var(--soft);color:var(--ink)}.folder-dialog::backdrop{background:rgba(0,0,0,.55)}.dialog-actions button:last-child{background:var(--accent);color:var(--accent-ink)}.files-head,.issues-head{flex-wrap:wrap}.list-filters input{display:block;margin-top:6px}.list-filters label{font-size:13px}.files-breadcrumbs a{min-height:44px;display:flex;align-items:center}.files-breadcrumbs{margin-top:16px;overflow-wrap:anywhere}.offline-bar{background:var(--warning-soft);color:var(--warning);border-color:var(--line)}
.app-message{background:var(--success-soft);color:var(--success);border:1px solid var(--line);border-radius:8px}.app-message.error,.form-error{background:var(--danger-soft);color:var(--danger);border-color:var(--line)}.error,.errorlist{color:var(--danger)}.muted{color:var(--muted)}.app-footer{max-width:1180px;margin:0 auto 80px;padding:24px 28px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.app-footer a{min-height:44px;display:inline-flex;align-items:center}.app-footer span{margin-left:auto;display:flex;align-items:center}.install-banner{background:var(--panel);color:var(--ink);border-radius:12px;border-color:var(--line)}.install-banner .install-close{background:var(--soft);color:var(--ink)}.skip-link:focus{background:var(--panel);color:var(--ink)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.issue-photo-upload:focus-within{outline-color:var(--focus)}.pagination a{display:inline-flex;align-items:center;min-height:44px}.issue-form-wrap .issue-photo-upload{background:var(--soft)!important;color:var(--ink)!important;border-color:var(--line)!important;border-radius:10px!important}.issue-photo-upload span{color:inherit!important}progress{accent-color:var(--success)}
/* Compatibility with inline styles in the original issue forms. */
[data-theme=dark] [style*="background:#fff"],[data-theme=dark] [style*="background: #fff"],[data-theme=dark] [style*="background:#f"],[data-theme=dark] [style*="background: #f"]{background:var(--soft)!important;color:var(--ink)!important;border-color:var(--line)!important}
[data-theme=dark] [style*="color:#111"],[data-theme=dark] [style*="color: #111"],[data-theme=dark] [style*="color:#555"]{color:var(--ink)!important}
[data-theme=dark] [style*="color:#747"],[data-theme=dark] [style*="color:#666"],[data-theme=dark] [style*="color:#647"]{color:var(--muted)!important}
[data-theme=dark] [style*="background:#1f3a2d"]{background:var(--success-soft)!important;color:var(--success)!important}
@media(max-width:820px){.topbar{padding:0 20px}.shell{padding:30px 20px 100px}.actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-grid{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.project-hero{gap:24px}.hero-stats{width:100%}.files-head{gap:16px}.team-member-row{grid-template-columns:1fr;gap:10px}.team-role-form{max-width:100%;flex-wrap:wrap}.issue-detail-grid{grid-template-columns:1fr}}
@media(max-width:620px){.files-actions,.mobile-single-action{background:var(--bar);border-color:var(--line);border-radius:12px}.drive-file{padding:12px}.drive-tools{margin-left:0;gap:8px}.drive-file-open{gap:10px}.folder-dialog form{padding:20px}}
@media(max-width:520px){body{padding-bottom:80px}.topbar{height:72px;padding:0 14px;gap:10px}.brand{gap:10px}.brand-logo{width:98px;height:48px}.brand-app{font-size:10px;padding-left:10px;letter-spacing:.08em}.topbar-right{gap:7px}.theme-picker select{width:100px;max-width:100px;font-size:11px;padding:6px}.account-button{padding:3px!important;max-width:40px}.account-name,.account-chevron{display:none}.account-popover{width:min(280px,calc(100vw - 28px))!important;right:0}.shell{padding:24px 16px 32px}.page-head{margin-top:12px}.page-head h1{font-size:38px}.project-card{padding:22px;min-height:224px}.project-card h2{font-size:28px}.project-hero h1{font-size:36px}.project-tools{justify-content:flex-start;gap:6px}.project-tools a{font-size:11px;padding:8px}.hero-stats>div{padding:12px}.hero-stats span{font-size:10px}.actions-grid{margin-top:20px;gap:10px}.action-card{padding:18px 15px;min-height:146px;border-radius:10px}.action-card strong{font-size:17px}.action-card small{font-size:11px}.action-issues{min-height:64px;gap:10px;grid-template-columns:24px 1fr}.action-issues small{grid-column:2;text-align:left}.action-issues .action-icon{grid-row:1/3}.action-issues strong{margin:0}.section-head{margin-top:32px}.section-head h2{font-size:25px}.form-wrap,.login-wrap{padding:24px 20px;border-radius:12px;margin:0}.form-wrap h1,.login-wrap h1{font-size:32px}.login-logo{width:220px;margin-bottom:30px}.login-wrap{margin-top:12px}.gallery-filters{padding:14px}.gallery-group{padding:12px}.gallery-group .section-head{flex-wrap:wrap}.gallery-tile strong{font-size:12px}.gallery-detail h1{font-size:28px}.issue-detail-head h1{font-size:34px}.issue-panel{padding:20px 16px}.mobile-dock{display:flex;align-items:stretch;gap:4px;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));padding:6px;background:var(--bar);border-color:var(--line);border-radius:14px;box-shadow:var(--shadow)}.mobile-dock a,.mobile-dock .dock-danger{flex:1;min-width:0;min-height:58px;display:flex;flex-direction:column;gap:4px;justify-content:center;padding:6px 2px;border-radius:8px;background:transparent;color:var(--ink);font-weight:500;font-size:10px;text-align:center;line-height:1.2}.mobile-dock a:hover{background:var(--soft)}.mobile-dock .km-icon{width:22px;height:22px}.mobile-single-action a{background:var(--danger);color:var(--panel)}.app-footer{padding:20px 16px;gap:18px;margin-bottom:80px}.app-footer span{margin-left:0}.install-banner{bottom:max(88px,calc(env(safe-area-inset-bottom) + 78px))}}
@media(max-width:359px){.brand-app{display:none}.topbar-right{gap:5px}.topbar{padding:0 10px}.theme-picker select{width:95px}.shell{padding-left:12px;padding-right:12px}.hero-stats{gap:5px}.hero-stats>div{padding:10px 8px}}
@media(max-width:520px){.gps-card{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}.gps-card>div{grid-column:1/-1;min-width:0}.gps-card button{width:100%;min-width:0;font-size:13px;padding:10px 8px;white-space:normal}.account-name{font-weight:500}}

/* Approved KM APP identity, Manrope embedded locally. */
@font-face{font-family:Manrope;src:url('fonts/Manrope-Variable.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
body{font-family:Manrope,Arial,sans-serif}
.brand-logo{width:44px;height:44px;border-radius:10px;object-fit:contain}
.brand-app{font-family:Manrope,Arial,sans-serif;font-weight:600;font-size:20px;letter-spacing:.045em;border:0;padding:0}
.brand{gap:14px}
.login-brand{display:flex;align-items:center;justify-content:center;gap:20px;margin:0 auto 32px}
.login-brand .login-logo{width:72px;height:72px;margin:0;border-radius:16px}
.login-brand span{font-size:30px;font-weight:600;letter-spacing:.045em;white-space:nowrap}
[data-theme=dark] .brand-logo,[data-theme=dark] .login-logo{filter:none;mix-blend-mode:normal}
@media(max-width:520px){.brand-logo{width:36px;height:36px;border-radius:8px}.brand-app{font-size:15px;padding:0}.brand{gap:9px}.login-brand{gap:16px}.login-brand .login-logo{width:64px;height:64px}.login-brand span{font-size:27px}}
@media(max-width:359px){.brand-app{display:inline;font-size:13px}.brand{gap:7px}}