/* The inventory only manages device records; operational controls live on charge points. */ .charger-inventory-list .inventory-row { grid-template-columns: 1.45fr 0.9fr 0.95fr 0.7fr 1.15fr 0.7fr 1.2fr; } .charger-inventory-list .inventory-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 6px; } .charger-inventory-list .inventory-actions button { display: none; } .charger-inventory-list .inventory-actions [data-action="edit"], .charger-inventory-list .inventory-actions [data-action="delivery"], .charger-inventory-list .inventory-actions [data-action="delete"] { display: inline-flex; } .point-charger-assign { display: none !important; } .point-charger-assign { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; margin-top: 10px; padding-top: 10px; border-top: 1px dashed #d8deeb; } .point-charger-assign select, .point-charger-assign button { min-height: 34px; font-size: 12px; } @media (max-width: 650px) { .point-charger-assign { grid-template-columns: 1fr; } } /* Töltőpontok: teljes szélességű, soros lista; nem keskeny kártyarács. */ #station-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; } #station-list .station-card { max-width: none; width: 100%; min-height: 0; padding: 18px 20px; } #station-list .point-charger-list { margin-top: 14px; padding-top: 13px; } #station-list .point-charger-row { grid-template-columns: minmax(300px, 1fr) auto; align-items: center; margin: 0; border-radius: 8px; } #station-list .point-charger-actions { justify-content: flex-end; align-items: center; max-width: none; } @media (max-width: 800px) { #station-list .point-charger-row { grid-template-columns: 1fr; } #station-list .point-charger-actions { justify-content: flex-start; } } /* Töltőpontok táblázatos üzemeltetési lista. */ .charge-point-table-wrap { display: block !important; overflow-x: auto; } .charge-point-table { min-width: 1120px; border: 1px solid #dfe5f2; border-radius: 12px; overflow: hidden; background: #fff; } .charge-point-table-head, .charge-point-table-row { display: grid; grid-template-columns: 1.05fr 1.3fr 1.15fr 1fr 1fr .75fr 2.1fr; gap: 14px; align-items: center; } .charge-point-table-head { min-height: 44px; padding: 0 16px; background: #f0f3fb; color: #56637a; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .02em; } .charge-point-table-row { min-height: 78px; padding: 12px 16px; border-top: 1px solid #e7ebf3; font-size: 13px; } .charge-point-table-row b, .charge-point-table-row small { display: block; } .charge-point-table-row small { margin-top: 4px; color: #758096; font-size: 11px; line-height: 1.3; } .charge-point-table-row .point-site-button { margin-top: 7px; border: 1px solid #d7ddee; border-radius: 6px; background: #fff; color: #43506a; font: 600 11px Inter,system-ui,sans-serif; padding: 5px 7px; cursor: pointer; } .charge-point-table-row .point-site-button:hover { background: #eef0ff; color: #4051dc; } .charge-point-table-row .point-charger-actions { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-start; } .charge-point-table-row .point-charger-actions button { border: 1px solid #d7ddee; border-radius: 6px; background: #fff; color: #43506a; font: 600 11px Inter,system-ui,sans-serif; padding: 6px 8px; cursor: pointer; } .charge-point-table-row .point-charger-actions button:hover { background: #eef0ff; color: #4051dc; } .charge-point-table-row .muted { color: #8994a7; font-size: 12px; } /* Műveleti menü. A lista a -ban él és fix pozíciójú, mert a táblázat lekerekített sarkai `overflow: hidden`-t igényelnek, ami elvágná. */ .charge-point-table-row .point-charger-actions .action-menu-toggle { display: inline-flex; align-items: center; gap: 5px; border: 1px solid #cfd8ee; border-radius: 7px; background: linear-gradient(#fff, #f6f8ff); color: #35507a; font: 700 11px Inter, system-ui, sans-serif; padding: 6px 10px; } .charge-point-table-row .point-charger-actions .action-menu-toggle span { font-size: 13px; line-height: 1; transition: transform .18s ease; } .charge-point-table-row .point-charger-actions .action-menu-toggle:hover { border-color: #0ba8a4; background: #e9f9f8; color: #0b7c78; } .charge-point-table-row .point-charger-actions .action-menu-toggle[aria-expanded="true"] { background: #1a3b4d; border-color: #1a3b4d; color: #fff; } .charge-point-table-row .point-charger-actions .action-menu-toggle[aria-expanded="true"] span { transform: rotate(180deg); } #action-menu-popup { position: fixed; z-index: 400; min-width: 252px; padding: 8px; background: #fff; border: 1px solid #e3e8f5; border-radius: 14px; box-shadow: 0 20px 46px rgba(16, 37, 51, .19), 0 2px 6px rgba(16, 37, 51, .06); display: grid; gap: 4px; animation: action-menu-in .13s ease-out; } #action-menu-popup[hidden] { display: none; } @keyframes action-menu-in { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: none; } } #action-menu-popup .action-menu-group { display: grid; gap: 2px; } #action-menu-popup .action-menu-group + .action-menu-group { margin-top: 5px; padding-top: 6px; border-top: 1px solid #f0f3fb; } #action-menu-popup .action-menu-group small { display: flex; align-items: center; gap: 6px; padding: 3px 9px 5px; font: 800 9.5px Inter, system-ui, sans-serif; color: #93a0bb; text-transform: uppercase; letter-spacing: .07em; } #action-menu-popup .action-menu-group small i { font-style: normal; font-size: 12px; color: #0ba8a4; } #action-menu-popup button { display: flex; align-items: center; gap: 9px; width: 100%; text-align: left; border: 0; background: transparent; padding: 8px 9px; border-radius: 9px; font: 600 12.5px Inter, system-ui, sans-serif; color: #2f4256; cursor: pointer; transition: background .12s ease, color .12s ease; } #action-menu-popup button i { font-style: normal; display: grid; place-items: center; width: 22px; height: 22px; border-radius: 7px; background: #eef2fb; color: #4a6285; font-size: 12px; } #action-menu-popup button:hover { background: #e9f9f8; color: #0b7c78; } #action-menu-popup button:hover i { background: #0ba8a4; color: #fff; } #action-menu-popup .action-menu-group:last-child small i { color: #d0574f; } #action-menu-popup button.is-danger { color: #b3282d; } #action-menu-popup button.is-danger i { background: #fdeaea; color: #b3282d; } #action-menu-popup button.is-danger:hover { background: #fdeaea; color: #8f1f23; } #action-menu-popup button.is-danger:hover i { background: #b3282d; color: #fff; } /* Hiányzó adatok. Alapból összecsukva: ez nem riasztás, hanem tennivaló-lista, ami ne tolja le a képernyőről azt, amiért az operátor idejött. */ .completeness-panel{margin-bottom:14px;border:1px solid #e6dfd4;border-left:3px solid #c99a4e;border-radius:12px;background:#fffdf8;overflow:hidden} .completeness-panel[hidden]{display:none} .completeness-head{display:flex;align-items:center;gap:12px;width:100%;padding:12px 15px;border:0;background:transparent;font:inherit;text-align:left;cursor:pointer} .completeness-head:hover{background:#fdf8ee} .completeness-head b{font-size:14px;color:#8a5a12} .completeness-caret{color:#b39468;font-size:12px;transition:transform .15s} .completeness-panel.is-open .completeness-caret{transform:rotate(90deg)} .completeness-chip{padding:3px 9px;border-radius:999px;background:#fff;border:1px solid #e6dfd4;font:700 10.5px Inter,system-ui,sans-serif;color:#6b5f4e;white-space:nowrap} .completeness-chip b{color:#3c3630;margin-right:3px} .completeness-chip.blocking{border-color:#f0c9c9;color:#b3282d} .completeness-chip.blocking b{color:#b3282d} .completeness-list{border-top:1px solid #f0e8da} .completeness-list[hidden]{display:none} .completeness-row{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:11px 15px;border-top:1px solid #f6efe3} .completeness-row:first-child{border-top:0} .completeness-row b{font-size:12.5px;color:#3c3630} .completeness-row small{display:block;margin-top:3px;max-width:760px;color:#7a6a5e;font-size:11.5px;line-height:1.5} .completeness-row.blocking{background:#fffafa} .completeness-fix{flex:none;font-size:11px;color:#8a7f70;white-space:nowrap} .completeness-clean{padding:12px 15px;color:#4a7a52;font-size:12.5px}