.location-details-wrapper{padding:20px;max-width:1400px;margin:0 auto}.details-header{background:#fff;border-radius:10px;padding:30px;margin-bottom:30px;box-shadow:0 2px 12px rgba(0,0,0,.1);border-left:6px solid #667eea}.header-content{display:flex;justify-content:space-between;align-items:center;gap:20px}.header-left{flex:1}.btn-back{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#f8f9fa;color:#667eea;border-radius:6px;text-decoration:none;font-weight:500;transition:all .2s;margin-bottom:15px}.btn-back:hover{background:#667eea;color:#fff;text-decoration:none;transform:translateX(-3px)}.location-title-section{margin-top:10px}.details-title{font-size:2em;color:#2c3e50;margin:0 0 10px 0;display:flex;align-items:center;gap:12px}.location-meta{display:flex;flex-wrap:wrap;gap:20px;color:#7f8c8d;font-size:.95em}.meta-item{display:flex;align-items:center;gap:6px}.status-badge{padding:12px 24px;border-radius:25px;color:#fff;font-weight:600;display:flex;align-items:center;gap:10px;font-size:1.1em;box-shadow:0 4px 12px rgba(0,0,0,.15)}.temp-status-badge{padding:15px 20px;border-radius:12px;color:#fff;font-weight:600;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:180px}.temp-status-value{font-size:2em;font-weight:700;line-height:1;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.temp-status-label{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.95em;opacity:.95}.temp-status-label i{font-size:1.1em}.details-content-grid{display:grid;grid-template-columns:2fr 1fr;gap:30px}.details-left-column,.details-right-column{display:flex;flex-direction:column;gap:20px}.info-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden;transition:box-shadow .3s}.info-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.15)}.card-header-modern h3{margin:0;font-size:1.2em;font-weight:600;display:flex;align-items:center;gap:10px}.card-header-danger{background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%)}.card-body-modern{padding:20px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.info-item{display:flex;flex-direction:column;gap:5px}.info-item label{font-weight:600;color:#7f8c8d;font-size:.9em}.info-item span{color:#2c3e50;font-size:1em}.sensor-overview{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center}.sensor-reading{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:20px;border-radius:10px;text-align:center;min-width:150px}.reading-value{font-size:2.5em;font-weight:bold;line-height:1}.reading-label{font-size:.9em;opacity:.9;margin-top:5px}.reading-status{margin-top:12px;padding:8px 16px;background:rgba(255,255,255,.2);border-radius:20px;display:inline-block;font-size:.95em;font-weight:600;backdrop-filter:blur(10px)}.reading-status i{margin-right:6px}.sensor-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.stat-item{display:flex;flex-direction:column;gap:5px}.stat-item label{font-weight:600;color:#7f8c8d;font-size:.85em}.stat-item span{color:#2c3e50}.triggers-list{display:flex;flex-direction:column;gap:10px}.trigger-item{display:flex;align-items:center;gap:15px;padding:15px;background:#f8f9fa;border-radius:8px;border-left:4px solid #27ae60;transition:all .2s}.trigger-item:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.trigger-item.trigger-violated{background:#fdeaea;border-left-color:#e74c3c}.trigger-icon{font-size:1.5em;color:#27ae60}.trigger-violated .trigger-icon{color:#e74c3c}.trigger-info{flex:1}.trigger-name{font-weight:600;color:#2c3e50;margin-bottom:3px}.trigger-details{font-size:.9em;color:#7f8c8d}.trigger-badge{padding:4px 12px;border-radius:12px;font-size:.85em;font-weight:600}.alerts-list{display:flex;flex-direction:column;gap:10px}.alert-item-mini{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f9fa;border-radius:6px;border-left:3px solid #95a5a6;transition:all .2s}.alert-item-mini:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.alert-item-mini.alert-active{background:#fdeaea;border-left-color:#e74c3c}.alert-item-mini.alert-pending{background:#fef5e7;border-left-color:#f39c12}.alert-item-mini.alert-resolved{background:#eafaf1;border-left-color:#27ae60}.alert-icon{font-size:1.3em;color:#95a5a6}.alert-active .alert-icon{color:#e74c3c}.alert-pending .alert-icon{color:#f39c12}.alert-resolved .alert-icon{color:#27ae60}.alert-info{flex:1}.alert-type{font-weight:600;color:#2c3e50;font-size:.95em}.alert-date{font-size:.85em;color:#7f8c8d;margin-top:2px}.alert-status{margin-top:5px}.alert-status .badge{font-size:.75em;padding:4px 8px;border-radius:10px;font-weight:600}.badge-danger{background-color:#e74c3c;color:#fff}.badge-warning{background-color:#f39c12;color:#fff}.badge-success{background-color:#27ae60;color:#fff}.alert-link{color:#667eea;font-size:1.2em;transition:all .2s}.alert-link:hover{color:#764ba2;transform:translateX(3px)}.card-header-warning{background:linear-gradient(135deg,#f39c12 0%,#e67e22 100%)}.card-header-success{background:linear-gradient(135deg,#27ae60 0%,#229954 100%)}.timeline-card-body{max-height:600px;overflow-y:auto}.timeline-vertical{position:relative;padding-left:30px}.timeline-item-vertical{position:relative;padding-bottom:20px}.timeline-item-vertical:not(:last-child)::before{content:'';position:absolute;left:-15px;top:32px;bottom:0;width:2px;background:linear-gradient(to bottom,#e9ecef 0%,transparent 100%)}.timeline-marker-vertical{position:absolute;left:-23px;top:0;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:1}.timeline-marker-vertical i{font-size:.8em}.timeline-content-vertical{background:#f8f9fa;padding:12px;border-radius:6px}.timeline-header-vertical{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.timeline-type{font-weight:600;color:#2c3e50;font-size:.95em}.timeline-time{font-size:.85em;color:#7f8c8d}.timeline-notes{font-size:.9em;color:#495057;margin-top:5px}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.action-button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:15px;background:#f8f9fa;border-radius:8px;text-decoration:none;color:#667eea;font-weight:500;transition:all .2s}.action-button:hover{background:#667eea;color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.action-button i{font-size:1.5em}.card-footer-link{margin-top:15px;padding-top:15px;border-top:1px solid #e9ecef;text-align:center}.card-footer-link a{color:#667eea;text-decoration:none;font-weight:500;transition:all .2s}.card-footer-link a:hover{color:#764ba2;text-decoration:none}@media(max-width:1024px){.details-content-grid{grid-template-columns:1fr}.sensor-overview{grid-template-columns:1fr}.quick-actions{grid-template-columns:1fr}}@media(max-width:768px){.header-content{flex-direction:column;align-items:flex-start}.header-middle,.header-right{width:100%;margin-top:15px}.header-middle{justify-content:flex-start;align-items:flex-start}.temp-status-badge{min-width:auto;width:100%}.header-quick-actions{width:100%}.quick-action-btn{width:100%}.details-title{font-size:1.5em}.info-grid{grid-template-columns:1fr}.sensor-stats{grid-template-columns:1fr}}.details-header .header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:30px}.details-header .header-left{flex:1;min-width:0}.details-header .header-middle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;flex-shrink:0}.details-header .header-right{display:flex;align-items:flex-start;flex-shrink:0}.details-header .header-quick-actions{display:flex!important;flex-direction:column!important;gap:10px;min-width:220px;padding:15px;background:rgba(255,255,255,.95);border-radius:12px;backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 12px rgba(0,0,0,.1)}.details-header .quick-actions-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#7f8c8d;margin-bottom:5px;padding:0 10px}.details-header .quick-action-btn{display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-start;gap:12px;padding:12px 18px;border-radius:8px;color:#fff;text-decoration:none;font-size:15px;font-weight:500;transition:all .3s ease;border:0;box-shadow:0 3px 6px rgba(0,0,0,.15);position:relative;overflow:hidden;width:100%}.details-header .quick-action-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.details-header .quick-action-btn:hover::before{left:100%}.details-header .quick-action-btn:hover{transform:translateX(5px) scale(1.02);box-shadow:0 5px 12px rgba(0,0,0,.25);text-decoration:none}.details-header .quick-action-btn:active{transform:translateX(3px) scale(1.01);box-shadow:0 3px 6px rgba(0,0,0,.15)}.details-header .quick-action-btn i{font-size:18px;width:22px;text-align:center;flex-shrink:0}.details-header .quick-action-btn span{flex:1;text-align:left}.details-header .quick-action-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.details-header .quick-action-primary:hover{background:linear-gradient(135deg,#7c8ef0 0%,#8659b0 100%);color:#fff}.details-header .quick-action-warning{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.details-header .quick-action-warning:hover{background:linear-gradient(135deg,#f5a5fc 0%,#f76b7d 100%);color:#fff}.details-header .quick-action-info{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.details-header .quick-action-info:hover{background:linear-gradient(135deg,#6abaff 0%,#1ff5ff 100%);color:#fff}.details-header .quick-action-secondary{background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%);color:#333}.details-header .quick-action-secondary:hover{background:linear-gradient(135deg,#b8f0ed 0%,#ffdde8 100%);color:#333}.details-header .quick-action-success{background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%);color:#fff}.details-header .quick-action-success:hover{background:linear-gradient(135deg,#13b09e 0%,#47f98c 100%);color:#fff}@media print{.btn-back,.header-quick-actions,.temp-status-badge,.quick-actions,.btn-modern{display:none!important}.details-content-grid{grid-template-columns:1fr!important}.info-card{break-inside:avoid;page-break-inside:avoid}}