﻿/* PREDIX_WHALE_CONTROLS_V1 */
.predix-whale-control{margin:12px 0 16px;padding:14px;border:1px solid rgba(91,121,151,.32);border-radius:12px;background:rgba(8,24,39,.72)}
.predix-whale-control-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.predix-whale-control-head strong{display:block;color:#eef6fc}.predix-whale-control-head small{display:block;margin-top:3px;color:#71879c}
.predix-whale-add-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,.3fr) auto;gap:8px;align-items:center}
.predix-whale-add-form input,.predix-whale-add-form select{min-width:0;width:100%;min-height:40px}
.predix-whale-add-form button,.predix-whale-toggle{min-height:40px;border-radius:9px;cursor:pointer}
.predix-whale-manage{display:grid;gap:7px;margin-top:12px}.predix-whale-manage-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:9px 10px;border:1px solid rgba(77,105,132,.24);border-radius:9px;background:rgba(8,21,34,.52)}
.predix-whale-manage-row strong,.predix-whale-manage-row small{display:block;overflow-wrap:anywhere}.predix-whale-manage-row small{margin-top:2px;color:#70869c}
.predix-whale-state{font-size:11px;font-weight:800}.predix-whale-state[data-enabled="1"]{color:#72df99}.predix-whale-state[data-enabled="0"]{color:#ffc76b}
.predix-whale-toggle{border:1px solid rgba(90,194,246,.40);padding:7px 11px;background:rgba(29,125,176,.15);color:#dff5ff;font-weight:750}.predix-whale-toggle[data-next-enabled="0"]{border-color:rgba(255,178,83,.35);background:rgba(160,103,28,.12)}
[data-predix-whale-action-status]{display:block;grid-column:1/-1;min-height:18px;color:#879db1;font-size:11px;overflow-wrap:anywhere}[data-predix-whale-action-status][data-kind="ok"]{color:#75df9a}[data-predix-whale-action-status][data-kind="error"]{color:#ff8585}[data-predix-whale-action-status][data-kind="working"]{color:#76cfff}
@media(max-width:767px){.predix-whale-add-form{grid-template-columns:minmax(0,1fr)}.predix-whale-manage-row{grid-template-columns:minmax(0,1fr) auto}.predix-whale-manage-row>div:first-child{grid-column:1/-1}}
