/* TASK-080: approved legacy finish. No layout, type-size or hit-area changes.
   Selector marker is stamped into the SAME release as transport failover. */
html[data-weol-ui="premium-v1"] {
  color-scheme: dark;
  --weol-ink: #e6f2ec;
  --weol-muted: #9bb0aa;
  --weol-edge: #72928c;
  --weol-accent: #a9edd0;
  --weol-button-edge: #89d9b9;
}
html[data-weol-ui="premium-v1"] body {
  color: var(--weol-ink);
  background-color: #090f10;
  background-image: radial-gradient(ellipse at 45% 0%, #172b27 0%, #0b1515 46%, #090f10 85%);
}
html[data-weol-ui="premium-v1"] .page-wrapper {
  background-image: radial-gradient(ellipse at 50% 5%, #18332b22, #00000035 85%);
}
html[data-weol-ui="premium-v1"] .fixed_head,
html[data-weol-ui="premium-v1"] .fixed_footer {
  color: #c4ddd2;
  background-color: #0b1716;
  background-image: linear-gradient(110deg, #0a1313, #142723 55%, #0a1213);
  border-color: #496c62;
  box-shadow: inset 0 1px 0 #a1c4b312, 0 0 18px #00000035;
}
html[data-weol-ui="premium-v1"] .fixed_footer {
  background-image: radial-gradient(ellipse at 50% 0%, #306e5040, transparent 65%), linear-gradient(110deg, #0a1313, #111e1c 55%, #0a1213);
}
html[data-weol-ui="premium-v1"] .content {
  color: var(--weol-muted);
  background-color: #0a1011;
  background-image: radial-gradient(ellipse at 45% 0%, #17362c24, transparent 75%);
}
html[data-weol-ui="premium-v1"] .content::-webkit-scrollbar-thumb,
html[data-weol-ui="premium-v1"] body::-webkit-scrollbar-thumb { background-color: #58706b; }
html[data-weol-ui="premium-v1"] .card {
  color: var(--weol-ink);
  background-color: #1b2929 !important;
  background-image: linear-gradient(135deg, #334c4866 0%, #152121 38%, #1c2a2c 90%);
  border-color: #7a9e98;
  box-shadow: inset 0 1px 1px #dbfff14d, inset 0 0 14px #9bc7c315, 0 8px 18px #00000050;
}
html[data-weol-ui="premium-v1"] .card-header,
html[data-weol-ui="premium-v1"] .card-footer {
  color: var(--weol-ink);
  background-color: #0c181821;
  border-color: #89b0a421;
}
html[data-weol-ui="premium-v1"] .text-muted { color: var(--weol-muted) !important; }
html[data-weol-ui="premium-v1"] .card-body > i { color: #b4d0bf; }
html[data-weol-ui="premium-v1"] .icon { color: #667b79; }
html[data-weol-ui="premium-v1"] .icon_active {
  color: #c2ead2;
  text-shadow: 0 0 13px #7ad89938;
}
/* Border-width is inherited from Bootstrap. The second contour paints inside
   that unchanged box, and never intercepts a tap. Font Awesome ::before stays intact. */
html[data-weol-ui="premium-v1"] .btn,
html[data-weol-ui="premium-v1"] main > a {
  position: relative;
  color: var(--weol-accent);
  background-color: #132824;
  background-image: linear-gradient(140deg, #3c806055 0%, #18332a 18%, #101e1c 62%, #28443f66 100%), repeating-linear-gradient(135deg, #ffffff03 0 1px, transparent 1px 4px);
  border-color: var(--weol-button-edge);
  box-shadow: inset 0 1px 1px #e4fff28c, inset 0 -1px 0 #bde6da55, 0 0 0 2px #090f10, 0 0 0 3px #7a9f946b, 0 5px 12px #00000040;
  text-shadow: 0 1px 2px #00000070;
}
html[data-weol-ui="premium-v1"] .btn::after,
html[data-weol-ui="premium-v1"] main > a::after {
  content: "";
  position: absolute;
  inset: 5px;
  pointer-events: none;
  opacity: .7;
  background: center / 100% 100% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M4 0H96L100 7V93L96 100H4L0 93V7Z' fill='none' stroke='%23b7ded0' stroke-width='0.8' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
}
html[data-weol-ui="premium-v1"] .card-body > .open_device_rect + .open_device_rect,
html[data-weol-ui="premium-v1"] .btn-secondary,
html[data-weol-ui="premium-v1"] .btn-outline-secondary,
html[data-weol-ui="premium-v1"] .btn-info,
html[data-weol-ui="premium-v1"] .btn-outline-info {
  --weol-accent: #d3e9e3;
  --weol-button-edge: #a6c5c0;
  background-color: #1b282a;
  background-image: linear-gradient(140deg, #708f8950, #1c2a2b 24%, #152021 65%, #3b535650), repeating-linear-gradient(135deg, #ffffff03 0 1px, transparent 1px 4px);
}
html[data-weol-ui="premium-v1"] .btn-warning,
html[data-weol-ui="premium-v1"] .btn-outline-warning {
  --weol-accent: #f5dfaf;
  --weol-button-edge: #cbb487;
  background-color: #29271d;
  background-image: linear-gradient(140deg, #a8905255, #302d23 23%, #1b1e1a 65%, #675c3950), repeating-linear-gradient(135deg, #ffffff03 0 1px, transparent 1px 4px);
  box-shadow: inset 0 1px 1px #fff0c899, inset 0 -1px 0 #e6ce9a66, 0 0 0 2px #090f10, 0 0 0 3px #b49d786b, 0 5px 12px #00000040;
}
html[data-weol-ui="premium-v1"] .btn-warning::after,
html[data-weol-ui="premium-v1"] .btn-outline-warning::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M4 0H96L100 7V93L96 100H4L0 93V7Z' fill='none' stroke='%23f0dfb9' stroke-width='0.8' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
}
html[data-weol-ui="premium-v1"] .btn-danger,
html[data-weol-ui="premium-v1"] .btn-outline-danger {
  --weol-accent: #ffd3cc;
  --weol-button-edge: #bc807c;
  background-color: #352524;
  background-image: linear-gradient(135deg, #774d4650, #30211f 60%, #432b2850);
}
html[data-weol-ui="premium-v1"] .btn:not(:disabled):not(.disabled):hover { filter: brightness(1.08); }
html[data-weol-ui="premium-v1"] .btn:focus-visible,
html[data-weol-ui="premium-v1"] main > a:focus-visible {
  outline: 2px solid #cbf6e4;
  outline-offset: 5px;
}
html[data-weol-ui="premium-v1"] .btn:disabled,
html[data-weol-ui="premium-v1"] .btn.disabled {
  filter: saturate(.3);
  /* Existing Bootstrap opacity/pointer-events and legacy handlers remain authoritative. */
}
html[data-weol-ui="premium-v1"] .auth-form-window {
  color: var(--weol-ink);
  background: linear-gradient(135deg, #344c455e, #172522 30%, #0e1919 75%, #20302e);
  box-shadow: inset 0 1px 0 #c9f1da33, inset 0 0 25px #a2d9cb08, 0 0 10px 5px #00000045;
}
html[data-weol-ui="premium-v1"] a:not(.btn):not(.icon) { color: #b4decb; }
html[data-weol-ui="premium-v1"] .form-control,
html[data-weol-ui="premium-v1"] .form-select,
html[data-weol-ui="premium-v1"] .plot-select,
html[data-weol-ui="premium-v1"] .plot-select-multiple,
html[data-weol-ui="premium-v1"] .option {
  color: #e4eee9;
  background-color: #101b1b;
  border-color: #638279;
  box-shadow: inset 0 1px 3px #00000050;
}
html[data-weol-ui="premium-v1"] input[type="password"]:focus,
html[data-weol-ui="premium-v1"] input[type="text"]:focus,
html[data-weol-ui="premium-v1"] .form-control:focus,
html[data-weol-ui="premium-v1"] .form-select:focus { color: #effff6; border-color: #adddc7; box-shadow: 0 0 0 .25rem #82c9a922; }
html[data-weol-ui="premium-v1"] .form-control:disabled,
html[data-weol-ui="premium-v1"] .form-control[readonly] { color: #bac9c2; background-color: #22302c; }
html[data-weol-ui="premium-v1"] .form-control.is-invalid { border-color: #e5a19b; }
html[data-weol-ui="premium-v1"] .invalid-feedback { color: #f2b7ad; }
html[data-weol-ui="premium-v1"] .form-check-input { background-color: #14241f; border-color: #95b4a4; }
html[data-weol-ui="premium-v1"] .form-check-input:checked { background-color: #36745b; border-color: #9bd4b7; }
html[data-weol-ui="premium-v1"] .accordion-item,
html[data-weol-ui="premium-v1"] .accordion-button {
  color: var(--weol-ink) !important;
  background-color: #172622 !important;
  border-color: #537468;
}
html[data-weol-ui="premium-v1"] .accordion-button:not(.collapsed) { box-shadow: inset 0 -1px 0 #8ac1a633; }
html[data-weol-ui="premium-v1"] .modal-content,
html[data-weol-ui="premium-v1"] .list-group-item,
html[data-weol-ui="premium-v1"] .pp_wrap { color: var(--weol-ink); background-color: #1b2b27; border-color: #537468; }
html[data-weol-ui="premium-v1"] .modal-header,
html[data-weol-ui="premium-v1"] .modal-footer { border-color: #537468; }
html[data-weol-ui="premium-v1"] .alert-success { color: #d8f4e3; background-color: #254133; border-color: #699e83; }
html[data-weol-ui="premium-v1"] .alert-warning { color: #f5e3bb; background-color: #3b3425; border-color: #b5a074; }
html[data-weol-ui="premium-v1"] .alert-danger { color: #ffdbd3; background-color: #422d2a; border-color: #b47f77; }
html[data-weol-ui="premium-v1"] .alert-info { color: #dcecec; background-color: #273c3b; border-color: #7faba7; }
html[data-weol-ui="premium-v1"] .loader_wrapper {
  background-color: #070f11bd;
  background-image: radial-gradient(circle at center, #4d8c6840, #182b2630 40%);
}
html[data-weol-ui="premium-v1"] #connection,
html[data-weol-ui="premium-v1"] small { color: var(--weol-muted); }
/* Existing non-Bootstrap selectors in plot-request, registration and admin forms. */
html[data-weol-ui="premium-v1"] .searchInput,
html[data-weol-ui="premium-v1"] .search-input,
html[data-weol-ui="premium-v1"] .form-group select,
html[data-weol-ui="premium-v1"] .form-group textarea,
html[data-weol-ui="premium-v1"] .form-group input[type="search"] {
  color: #e4eee9;
  background-color: #101b1b;
  border-color: #638279;
  box-shadow: inset 0 1px 3px #00000050;
}
html[data-weol-ui="premium-v1"] .form-group select:disabled,
html[data-weol-ui="premium-v1"] .form-group input:disabled { color: #a4b6ad; background-color: #22302c; }
html[data-weol-ui="premium-v1"] .options,
html[data-weol-ui="premium-v1"] .results-list,
html[data-weol-ui="premium-v1"] .back-header,
html[data-weol-ui="premium-v1"] .selected-plot-header { background-color: #1b2b27; border-color: #537468; }
html[data-weol-ui="premium-v1"] .result-item:hover,
html[data-weol-ui="premium-v1"] .option:hover,
html[data-weol-ui="premium-v1"] .back-header:hover { background-color: #284637; }
html[data-weol-ui="premium-v1"] .result-item.active,
html[data-weol-ui="premium-v1"] .option.active { color: #d8f4e3; background-color: #2b5040; }
html[data-weol-ui="premium-v1"] .result-item.active::after { color: #c1edce; }
html[data-weol-ui="premium-v1"] .selected-object-name,
html[data-weol-ui="premium-v1"] .selected-plot-name { color: #d8e9df; }
html[data-weol-ui="premium-v1"] .submit-btn { color: #c4f0dc; background: linear-gradient(135deg, #396d52, #203b30); box-shadow: inset 0 1px 0 #bbe7d155, inset 0 0 0 1px #92bcaa; }
html[data-weol-ui="premium-v1"] .picker-fieldset,
html[data-weol-ui="premium-v1"] .new-suspension-section { border-color: #537468; }
html[data-weol-ui="premium-v1"] .picker-hint { color: #a5bbb0; }
html[data-weol-ui="premium-v1"] a.del-btn { color: #f1b1a8; }