*{box-sizing:border-box}html,body{margin:0;padding:0;background:#f5f3ee;color:#24211c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{min-height:100vh}.app-shell{display:flex;min-height:100vh}.sidebar{width:265px;background:linear-gradient(180deg,#15130f,#211d16);color:#eee9df;position:fixed;inset:0 auto 0 0;z-index:50;padding:22px 16px;overflow:auto}.brand{display:flex;gap:11px;align-items:center;padding:8px 8px 25px;border-bottom:1px solid #403a30}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#d9b66d,#8b6728);display:grid;place-items:center;color:#17130b;font-weight:900;font-size:23px;box-shadow:0 8px 22px #0006}.brand strong{display:block;letter-spacing:2px;font-size:16px}.brand small{font-size:8px;letter-spacing:1.5px;color:#bda878}.sidebar nav{padding-top:18px}.sidebar a{display:flex;gap:12px;align-items:center;color:#bcb5a8;text-decoration:none;padding:12px 13px;border-radius:11px;margin:4px 0;font-size:13px;font-weight:600}.sidebar a:hover,.sidebar a.active{background:linear-gradient(90deg,#3b3325,#2b261e);color:#f3d28c}.sidebar a.active{box-shadow:inset 3px 0 #d7b15e}.nav-label{font-size:9px;letter-spacing:1.5px;color:#766e60;padding:20px 12px 6px}.mobile-close{display:none}.main{margin-left:265px;width:calc(100% - 265px);min-width:0}.topbar{height:78px;background:#fffdf9;border-bottom:1px solid #e7e0d4;display:flex;align-items:center;padding:0 28px;justify-content:space-between;position:sticky;top:0;z-index:30}.hamb{display:none;border:0;background:none;font-size:24px}.top-title .eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:1.7px;color:#9b8c70}.top-title h1{margin:3px 0 0;font-size:22px;letter-spacing:-.4px}.top-user{display:flex;align-items:center;gap:10px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#201b14;color:#e4c37d;font-weight:800}.user-meta strong,.user-meta small{display:block}.user-meta strong{font-size:12px}.user-meta small{font-size:10px;color:#8d8477}.content{padding:28px;max-width:1500px;margin:auto}.footer{text-align:center;color:#aaa092;font-size:10px;padding:20px}.grid{display:grid;gap:18px}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.stat{background:#fffdf9;border:1px solid #e7e0d4;border-radius:16px;padding:20px;box-shadow:0 6px 25px #2d241008}.stat small{color:#968a78;font-size:10px;text-transform:uppercase;letter-spacing:1px}.stat .num{font-size:29px;font-weight:800;margin:8px 0}.stat .hint{font-size:10px;color:#a29683}.section-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:28px 0 14px}.section-head h2{font-size:16px;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:10px;padding:10px 14px;text-decoration:none;font-size:12px;font-weight:700;cursor:pointer}.btn-primary{background:#1d1913;color:#f2d28e}.btn-gold{background:#c8a35a;color:#1b160d}.btn-light{background:#f1ede5;color:#4b4337}.btn-danger{background:#b7463e;color:white}.btn-success{background:#397654;color:white}.card{background:#fffdf9;border:1px solid #e7e0d4;border-radius:16px;padding:20px;box-shadow:0 8px 28px #2d241008}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:720px}.table th{text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#918573;background:#f7f3eb;padding:12px}.table td{padding:13px 12px;border-bottom:1px solid #eee8de;font-size:12px;vertical-align:middle}.table tr:last-child td{border-bottom:0}.badge{display:inline-block;border-radius:99px;padding:5px 8px;font-size:9px;font-weight:800;letter-spacing:.3px;background:#eee9df}.badge-active,.badge-approved,.badge-completed,.badge-no-issue,.badge-repair-completed{background:#e4f2e8;color:#24603c}.badge-pending,.badge-pending-approval,.badge-pending-repair{background:#fff0cf;color:#7a5a18}.badge-inactive,.badge-deactivated{background:#eee;color:#777}.badge-issue,.badge-attention\/repair-required,.badge-out-of-order{background:#fbe2df;color:#8e2f2a}.badge-good\/working-normally{background:#e4f2e8;color:#24603c}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:#716859}.field input,.field select,.field textarea{width:100%;border:1px solid #ddd5c8;border-radius:10px;background:#fff;padding:11px 12px;font:inherit;font-size:12px;color:#25221d;outline:none}.field textarea{min-height:100px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#b49355;box-shadow:0 0 0 3px #c9a65a18}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.alert{padding:12px 14px;border-radius:11px;margin-bottom:16px;font-size:12px}.alert.success{background:#e4f3e9;color:#245b3a}.alert.error{background:#fae4e1;color:#87332d}.searchbar{display:flex;gap:8px;flex-wrap:wrap}.searchbar input,.searchbar select{padding:10px;border:1px solid #ddd5c8;border-radius:9px;background:#fff;font-size:12px}.searchbar input{min-width:220px}.hero{background:linear-gradient(120deg,#1d1913,#342a1a);border-radius:20px;padding:28px;color:#fff9ed;display:flex;justify-content:space-between;gap:25px;align-items:center;box-shadow:0 18px 45px #1c17100d}.hero h2{margin:0 0 8px;font-size:25px}.hero p{margin:0;color:#c7bca9;font-size:12px;max-width:680px;line-height:1.7}.hero .hero-action{white-space:nowrap}.quick{grid-template-columns:repeat(4,1fr);margin-top:18px}.quick a{display:block;text-decoration:none;color:#302a21}.quick .card{height:100%}.quick strong{font-size:12px}.quick small{display:block;color:#9b907e;margin-top:6px;font-size:10px}.photo-thumb{width:48px;height:48px;border-radius:9px;object-fit:cover;background:#eee}.detail-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:18px}.kpi-row{display:flex;gap:10px;flex-wrap:wrap}.kpi{background:#f7f2e9;border-radius:12px;padding:10px 13px}.kpi b{display:block;font-size:16px}.kpi span{font-size:9px;color:#8e8372}.mobile-only{display:none}.status-strip{display:flex;align-items:center;gap:8px;margin-bottom:10px}.inspection-card{border:1px solid #e5ddd0;border-radius:14px;padding:15px;margin-bottom:12px;background:#fff}.inspection-top{display:flex;gap:12px;align-items:center}.inspection-top img{width:58px;height:58px;border-radius:11px;object-fit:cover}.inspection-info{flex:1}.inspection-info strong{display:block;font-size:13px}.inspection-info small{color:#948875;font-size:10px}.choice{display:flex;gap:7px;margin-top:12px}.choice label{flex:1}.choice input{display:none}.choice span{display:block;text-align:center;padding:10px;border-radius:9px;background:#f2eee6;font-size:11px;font-weight:800}.choice input:checked+span{background:#1f1a13;color:#e7c77f}.progress{height:7px;background:#ece6dc;border-radius:99px;overflow:hidden}.progress>div{height:100%;background:#c7a259}.empty{padding:35px;text-align:center;color:#9b9182;font-size:12px}.danger-text{color:#a23d37}.success-text{color:#31714a}@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.quick{grid-template-columns:repeat(2,1fr)}.form-grid.three{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.22s ease;width:285px;box-shadow:20px 0 50px #0004}.sidebar.open{transform:translateX(0)}.mobile-close{display:block;position:absolute;right:12px;top:12px;font-size:26px;color:#9f937f}.main{margin-left:0;width:100%}.topbar{height:68px;padding:0 15px}.hamb{display:block;color:#29231b}.top-title h1{font-size:18px}.user-meta{display:none}.content{padding:15px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{padding:14px;border-radius:13px}.stat .num{font-size:23px}.hero{padding:20px;border-radius:15px;display:block}.hero h2{font-size:20px}.hero .hero-action{margin-top:15px}.quick{grid-template-columns:repeat(2,1fr);gap:10px}.card{padding:15px;border-radius:13px}.form-grid,.form-grid.three{grid-template-columns:1fr}.field.full{grid-column:auto}.detail-grid{grid-template-columns:1fr}.searchbar input{min-width:0;flex:1}.table{min-width:650px}.table-wrap{margin:0 -15px;padding:0 15px}.mobile-only{display:block}.actions .btn{flex:1}.inspection-card{padding:12px}.inspection-top img{width:50px;height:50px}.top-user{display:none}.section-head{margin-top:20px}.footer{font-size:9px}.desktop-only{display:none!important}}

.hierarchy-table{min-width:900px}.hierarchy-table th{white-space:nowrap}.hierarchy-table td{font-size:12px}.hierarchy-level{display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:20px;padding:0 6px;border-radius:6px;font-size:8px;font-weight:900;letter-spacing:.5px;margin-right:5px}.level-one{background:#f3ead7;color:#806129}.level-three{background:#e7efe8;color:#356045}.hierarchy-arrow{color:#b39458;font-weight:900;margin-right:4px}@media(max-width:760px){.hierarchy-table{min-width:900px}}

.customer-picker{position:relative}.customer-options{position:absolute;left:0;right:0;top:78px;z-index:20;background:#fffdf9;border:1px solid #ddd5c8;border-radius:10px;box-shadow:0 12px 30px #2d241018;max-height:280px;overflow:auto}.customer-option{display:flex;width:100%;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;border:0;border-bottom:1px solid #eee8de;background:#fff;text-align:left;cursor:pointer}.customer-option:hover{background:#f7f2e9}.customer-option strong{font-size:12px;color:#302a21}.customer-option small{font-size:10px;color:#958a79}.customer-help{display:block;margin-top:6px;color:#8c806d;font-size:10px}.condition-choice{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.condition-choice label{min-width:0}.photo-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.photo-actions input[type=file]{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.photo-required{display:none;color:#9a352e;font-size:9px;text-transform:none;letter-spacing:0}.photo-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.photo-preview-grid img{width:100%;height:90px;object-fit:cover;border-radius:9px;border:1px solid #ddd;background:#f7f7f7}.photo-strip{display:flex;gap:5px;flex-wrap:wrap}.photo-strip img{display:block}@media(max-width:760px){.condition-choice{grid-template-columns:1fr}.customer-options{top:78px}.photo-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-preview-grid img{height:100px}}

.brand-logo{width:46px;height:46px;object-fit:contain;border-radius:8px;background:#fff;display:block}.brand>div:last-child{min-width:0}.brand strong{font-size:13px;letter-spacing:.6px;line-height:1.2}.brand small{font-size:7px;letter-spacing:1px}@media(max-width:760px){.brand-logo{width:44px;height:44px}}
.photo-preview-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.photo-preview-item{position:relative;min-width:0}.photo-preview-item img{display:block;width:100%;height:100px;object-fit:cover;border-radius:9px;border:1px solid #ddd;background:#f7f7f7}.photo-remove{position:absolute;right:5px;top:5px;width:25px;height:25px;border:0;border-radius:50%;background:#b7463e;color:#fff;font-size:18px;line-height:25px;padding:0;cursor:pointer;font-weight:900;box-shadow:0 2px 7px #0006;z-index:2}.photo-remove:hover{background:#8f2e28}@media(max-width:760px){.photo-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-preview-item img{height:100px}}

.validation-error{border:2px solid #b7463e!important;box-shadow:0 0 0 4px #b7463e18!important}.validation-note{display:none;margin-top:10px;padding:9px 11px;border-radius:8px;background:#fae4e1;color:#87332d;font-size:11px;font-weight:800}.validation-error .validation-note{display:block}.condition-choice label:nth-child(1) span{background:#2f8a4a;color:#fff}.condition-choice label:nth-child(2) span{background:#e4b82f;color:#211c12}.condition-choice label:nth-child(3) span{background:#c53b35;color:#fff}.condition-choice input:checked+span{filter:brightness(.9);box-shadow:0 0 0 3px #211c1530}

/* Selected inspection status: dark grey makes completed equipment immediately identifiable. */
.condition-choice input:checked+span,
.condition-choice input:checked+span:hover {
  background:#3f3f3f !important;
  color:#ffffff !important;
  filter:none !important;
  box-shadow:0 0 0 3px #24242455, inset 0 0 0 2px #ffffff22 !important;
}