@import url('../../theme.css');
.repair-main{margin-left:218px;padding:12px 17px 18px 16px;background:#f8fbff;min-height:calc(100vh - 78px);border-radius:6px 0 0}.page-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:14px}.page-heading h1{font-size:25px;margin:0}.page-heading p{font-size:12px;color:#40558a;margin:3px 0 0}.summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:12px}.summary-card{display:flex;align-items:center;gap:14px;padding:15px;background:white;border:1px solid #e1ebfa;border-radius:7px}.summary-icon{width:50px;height:50px;border-radius:9px;display:grid;place-items:center;font-size:26px;background:var(--soft);color:var(--c);flex:none}.summary-card strong{display:block;font-size:25px;line-height:1.2}.summary-card label{font-size:11px;color:#304679}.summary-card small{display:block;font-size:9px;color:#7890ac;margin-top:4px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:12px;align-items:start}.work-column{min-width:0}.panel{background:white;border:1px solid #e2ecfa;border-radius:7px;overflow:hidden}.panelhead{padding:10px 12px;display:flex;justify-content:space-between;align-items:center;gap:8px}.panelhead h2{margin:0;font-size:13px}.view-tabs{display:flex;gap:3px;border-radius:5px;padding:3px;background:#f0f5fe}.view-tabs button{font-size:10px;padding:5px 12px;border:0;border-radius:4px;background:none;color:#415c8b}.view-tabs button.active{background:#0060ff;color:white}.filters{display:flex;align-items:center;gap:7px;padding:2px 12px 12px}.filters input{flex:1;min-width:50px;height:30px;border:1px solid #d7e4f7;border-radius:4px;padding:6px 9px;font-size:10px}.filters select{font-size:10px;height:30px;max-width:145px}.text-btn{border:0;background:none;color:#0060ff;font-size:10px;padding:0;cursor:pointer}.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 10px 12px}.lane{border-radius:6px;background:#f2f6fc;min-height:405px;padding:7px}.lane-heading{display:flex;justify-content:space-between;align-items:center;padding:3px 2px 10px;font-size:10px;font-weight:600;color:#284577}.lane-heading i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--c);margin-right:4px}.lane-heading b{background:white;border:1px solid #dfebf9;padding:0 5px;border-radius:4px;font-size:9px}.job-card{display:block;width:100%;text-align:left;background:white;border:1px solid #e0e9f7;border-radius:6px;padding:10px 8px;margin:0 0 8px;color:#122c60;box-shadow:0 3px 7px #16395505;cursor:pointer}.job-card.selected{border-color:#0060ff;box-shadow:0 0 0 1px #0060ff22}.job-card:hover{border-color:#8db3f9}.card-top{display:flex;justify-content:space-between;align-items:center;gap:3px}.job-code{font-size:8px;color:#657d9e}.badge{display:inline-block;padding:2px 5px;font-size:8px;border-radius:4px;white-space:nowrap}.badge.Mendesak{background:#ffe1e6;color:#df2545}.badge.Tinggi{background:#fff0da;color:#c36b00}.badge.Sedang{background:#e5efff;color:#2464ba}.job-card h3{font-size:11px;margin:9px 0 5px;line-height:1.4}.job-card p{font-size:9px;color:#587098;margin:0 0 10px;line-height:1.5}.job-team{display:flex;align-items:center;gap:5px;font-size:8px;color:#415b89;margin:8px 0}.job-team i{width:21px;height:21px;border-radius:50%;background:#e5f0ff;color:#0060ff;display:grid;place-items:center;font-style:normal;font-weight:700}.card-progress{height:4px;border-radius:5px;background:#e7edf7;overflow:hidden}.card-progress i{display:block;height:100%;background:#0060ff}.card-foot{display:flex;justify-content:space-between;font-size:8px;margin-top:6px;color:#5d7598}.lane-empty{font-size:10px;text-align:center;padding:35px 5px;color:#8b9db5}.list-note{font-size:9px;color:#788dac;padding:0 12px 10px}.bottom-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:11px;margin-top:11px}.priority-row{display:grid;grid-template-columns:22px 1fr 36px;gap:8px;padding:10px 12px;border-top:1px solid #eff3fa;align-items:center;cursor:pointer}.priority-row>span{background:#eaf2ff;color:#0060ff;border-radius:4px;text-align:center;font-size:10px;padding:3px}.priority-row b{font-size:10px;display:block}.priority-row small{font-size:9px;color:#748aa9}.priority-row strong{text-align:center;font-size:13px;color:#e15a29}.agenda-row{display:flex;gap:10px;padding:10px 12px;border-top:1px solid #eff3fa;align-items:center;cursor:pointer}.date-tile{width:40px;flex:none;text-align:center;padding:5px;background:#edf4ff;border-radius:5px;color:#0060ff;font-size:9px}.date-tile b{font-size:16px;display:block}.agenda-row h3{font-size:10px;margin:0 0 3px}.agenda-row p{font-size:9px;color:#617a9f;margin:0}.detail-column{display:grid;gap:10px}.detail-body{padding:0 12px 12px}.detail-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#6681a5;margin:2px 0 6px}.detail-body>h2{font-size:16px;line-height:1.35;margin:0}.location{font-size:10px;color:#4e6993;margin:5px 0 13px}.progress-heading{display:flex;justify-content:space-between;font-size:10px;color:#235a9e;margin:5px 0}.progress-track{height:6px;border-radius:7px;background:#e5eef9;overflow:hidden}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,#0060ff,#29a6ff)}#metadata{display:grid;grid-template-columns:100px 1fr;gap:7px;font-size:10px;margin:13px 0}#metadata dt{color:#6a81a2}#metadata dd{margin:0;color:#264174}.detail-actions{display:flex;gap:7px}.detail-actions .btn{flex:1;justify-content:center;font-size:10px;padding:7px 4px}.evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 12px}.evidence-photo{height:104px;border-radius:5px;overflow:hidden;position:relative;background:#f0f5fc}.evidence-photo img{width:100%;height:100%;object-fit:cover}.evidence-photo span{position:absolute;bottom:5px;left:5px;background:#00182dd9;color:white;font-size:9px;padding:2px 6px;border-radius:3px}.evidence-grid button{margin-top:6px;font-size:9px}.evidence-note{font-size:8px;color:#7d8faa;margin:7px 12px 10px}.inspection-summary{padding:0 12px 9px;font-size:10px;color:#3e5a86}.history{padding:0 12px 8px}.history-row{position:relative;padding:0 0 10px 19px;border-left:1px solid #dce7f6;margin-left:4px;font-size:10px}.history-row:before{content:'';position:absolute;left:-4px;top:3px;width:7px;height:7px;background:#0060ff;border-radius:50%}.history-row b{display:block;font-size:9px;font-weight:500;color:#294776}.history-row small{font-size:8px;color:#8195b1}.tablewrap{overflow:auto;padding:0 10px 12px}table{font-size:10px}td{padding:9px 5px}.hint{font-size:9px;color:#8092ae}footer{font-size:9px;color:#879ab5;margin-top:12px;text-align:right}.toast{z-index:1600}.toast.show{display:block}dialog{width:min(550px,94vw);padding:21px;border:1px solid #cfdff5;border-radius:10px;max-height:90vh;overflow:auto;color:#163363}dialog::backdrop{background:#00182b99}.dialog-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:16px}.dialog-head h2{font-size:18px;margin:0}.dialog-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{margin:0}.field label{display:block;font-size:11px;margin-bottom:4px}.field input,.field select,.field textarea{width:100%;padding:7px;border:1px solid #d0dff3;border-radius:5px;background:white;color:#173469}.field textarea{min-height:80px}.field.wide{grid-column:1/-1}.error{font-size:11px;color:#c72840}.empty{font-size:11px;color:#7289a8;padding:20px;text-align:center}[hidden]{display:none!important}
@media(max-width:1300px){.workspace{grid-template-columns:minmax(0,1fr) 315px}.board{grid-template-columns:repeat(2,minmax(0,1fr))}.lane{min-height:260px}.page-heading{align-items:flex-start}.page-heading h1{font-size:22px}.summary-card{padding:10px;gap:9px}.summary-icon{width:40px;height:44px}.summary-card label{font-size:10px}.bottom-grid{grid-template-columns:1fr}}
@media(max-width:1000px){.workspace{grid-template-columns:1fr}.detail-column{grid-template-columns:1fr 1fr}.detail-column>.panel:first-child{grid-row:span 2}.summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.repair-main{margin-left:0;padding:12px 12px 80px}.page-heading{flex-wrap:wrap}.summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.summary{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-card:last-child{grid-column:1/-1}.board{grid-template-columns:1fr 1fr;padding:0 7px 10px;gap:6px}.filters{flex-wrap:wrap}.filters input{flex-basis:100%}.filters select{flex:1;max-width:none}.detail-column{grid-template-columns:1fr}.detail-column>.panel:first-child{grid-row:auto}.form-grid{grid-template-columns:1fr}.field.wide{grid-column:1}.summary-icon{width:38px}.job-card{padding:8px 6px}.job-card h3{font-size:10px}.card-top{flex-wrap:wrap}.lane-heading{font-size:9px}.lane{padding:5px}.bottom-grid{grid-template-columns:1fr}}