@import url('./modul13-pengguna-pengaturan/style.css');
.bridge-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:12px}.bridge-layout .primary-column{min-width:0}.bridge-layout td small{display:block;font-size:10px;color:#7890ad;margin-top:4px}.bridge-layout tbody tr{cursor:pointer}.bridge-layout tbody tr.selected{background:#ecf4ff}.bridge-paging{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px;font-size:10px;color:#7c90aa}.bridge-paging>div{display:flex;gap:6px}.bridge-detail{padding:0 13px 14px}.bridge-detail>h2{font-size:19px;margin:5px 0}.bridge-photo{width:100%;height:155px;position:relative;padding:0;border:0;border-radius:5px;overflow:hidden;background:#092b4d;cursor:zoom-in}.bridge-photo img{width:100%;height:100%;object-fit:cover}.bridge-photo span{position:absolute;bottom:6px;left:6px;font-size:8px;background:#001b32cc;color:white;padding:4px;border-radius:4px}.bridge-tabs{display:flex;gap:3px;border-bottom:1px solid #e2ebf6;margin:12px 0}.bridge-tabs button{flex:1;border:0;background:none;padding:9px 4px;color:#61799a;font-size:10px}.bridge-tabs button.active{border-bottom:2px solid #0060ff;color:#0060ff}.bridge-meta{display:grid;grid-template-columns:105px 1fr;gap:10px;font-size:11px;margin:16px 0}.bridge-meta dt{color:#748dab}.bridge-meta dd{margin:0;overflow-wrap:anywhere}.bridge-links{display:flex;justify-content:space-between;gap:8px;margin-top:14px}.bridge-note{padding:0 13px;font-size:11px;color:#7188a8;line-height:1.8}.bridge-manage{margin:0 13px 13px}.inspection-entry{border-left:2px solid #0060ff;padding:0 0 12px 12px;margin:12px 5px;font-size:11px}.inspection-entry small{display:block;color:#7b8fac;margin-top:4px}.bridge-form label{display:block;font-size:11px;color:#587294}.bridge-form input,.bridge-form select,.bridge-form textarea{width:100%;display:block;margin-top:5px}.bridge-form .form-grid{margin:14px 0}.bridge-form .wide{grid-column:1/-1}.bridge-empty{padding:40px 15px;color:#7a90aa;text-align:center}.bridge-priority{display:block;width:100%;border:0;border-top:1px solid #eaf0f8;background:white;padding:13px;text-align:left;color:#28486e;cursor:pointer}.bridge-priority strong{display:block;font-size:11px}.bridge-priority small{display:block;color:#7790ad;font-size:10px;margin-top:5px}@media(max-width:1200px){.bridge-layout{grid-template-columns:minmax(0,1fr) 320px}.bridge-layout .split{grid-template-columns:1fr}}@media(max-width:1000px){.bridge-layout{grid-template-columns:1fr}.bridge-layout .detail-column{grid-template-columns:1fr 1fr}.bridge-layout .split{grid-template-columns:1fr 1fr}}@media(max-width:600px){.bridge-layout .detail-column,.bridge-layout .split{grid-template-columns:1fr}.bridge-paging{flex-wrap:wrap}}