.login-shell{max-width:440px;margin:10vh auto;padding:28px}.login-shell .brand{padding:0 0 24px}.login-shell form,.stack{display:grid;gap:14px}.field{display:grid;gap:6px}.field input,.field select,.field textarea,select,input,textarea{padding:10px;border:1px solid var(--line2);border-radius:8px;background:white;color:var(--ink);max-width:100%}.field textarea{min-height:90px}label{font-weight:600}.panel{padding:22px;margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.notice{padding:14px;margin-bottom:20px;background:var(--soft);border-radius:10px}.error{color:#b22235}.muted{color:var(--muted)}.table-wrap table{width:100%;border-collapse:collapse}.table-wrap td,.table-wrap th{padding:12px;text-align:left;border-bottom:1px solid var(--line)}dt{color:var(--muted)}dd{margin:0 0 14px;overflow-wrap:anywhere}.sidebar-bottom button{width:100%}#message{position:fixed;bottom:20px;right:20px;background:#17273b;color:white;padding:12px 18px;border-radius:10px;z-index:20;max-width:90vw}#message:empty{display:none}.field-mode{font-size:11px;color:var(--muted)}.topbar .btn{margin-left:12px}h2{margin-top:0}.empty{padding:30px;text-align:center;color:var(--muted)}@media(max-width:870px){.sidebar{position:static;width:auto;padding:14px;display:block}.sidebar .brand{padding:4px 10px 14px}.sidebar nav{display:flex;flex-wrap:wrap;gap:4px}.sidebar .nav-item{width:auto;padding:9px;font-size:12px}.sidebar-bottom{display:none}.app{display:block}.main{margin-left:0}.topbar{padding:10px 16px;height:auto;position:static}.content{padding:20px 14px}.stats{grid-template-columns:1fr 1fr}.page-title h1{font-size:23px}.panel{padding:16px}.login-shell{margin:5vh 14px}.grid{grid-template-columns:minmax(0,1fr)}}

/* Quick installation: mobile-first */
.quick-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;background:var(--soft);border-radius:14px;margin-bottom:18px;flex-wrap:wrap}.quick-hero h2{margin:0 0 8px}.quick-hero p{margin:0;max-width:650px}.quick-top{margin-bottom:16px}.quick-photos{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.quick-photos img{height:106px;width:106px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.quick-confirm{font-weight:500}.quick-confirm input{width:20px;height:20px}.quick-hero .btn{min-height:48px}@media(max-width:600px){.quick-hero{padding:18px}.quick-hero .btn{width:100%}.quick-photos img{width:86px;height:86px}#quick-form .field input,#quick-form .field select,#quick-form .field textarea{font-size:16px;min-height:43px}}

/* NAVIIN_PHOTO_CONTROLS_V1 */
.quick-photo-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.quick-file-btn{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:46px}.quick-file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip-path:inset(50%)}.quick-photo-card{display:flex;flex-direction:column;gap:6px;align-items:center}.quick-photo-card a{display:block}.quick-photo-delete{border:1px solid #b91c1c;color:#b91c1c;background:transparent;padding:8px 9px;border-radius:8px;cursor:pointer;min-height:38px}.quick-photo-delete:hover{background:#fff1f2}@media(max-width:600px){.quick-photo-actions .quick-file-btn{flex:1 1 100%}}
