:root {
    --tool-record-border: rgba(128, 145, 180, .18);
    --tool-record-head: rgba(14, 22, 40, .92);
    --tool-record-row-a: rgba(13, 22, 40, .58);
    --tool-record-row-b: rgba(18, 29, 51, .72);
    --tool-record-hover: rgba(70, 91, 150, .20);
    --tool-record-text: #eef3ff;
    --tool-record-muted: #9eacc7;
}
.workspace-select.is-loading,#serialWorkspaceInput.is-loading { opacity:.72; cursor:progress; }
.workspace-record-toolbar { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.workspace-record-tool { width:54px; height:48px; min-width:54px; padding:0; display:inline-flex; align-items:center; justify-content:center; border-radius:14px; border:1px solid rgba(148,163,184,.24); background:rgba(7,14,28,.72); color:#f8fafc; cursor:pointer; text-decoration:none; transition:transform .16s ease,border-color .16s ease,background .16s ease; }
.workspace-record-tool:hover { transform:translateY(-1px); border-color:rgba(139,92,246,.72); background:rgba(30,41,59,.82); }
.workspace-record-tool svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.workspace-record-tool-danger { color:#ff737d; border-color:rgba(239,68,68,.55); background:rgba(87,18,28,.38); }
.workspace-record-tool-danger:hover { color:#fff; border-color:rgba(248,113,113,.92); background:rgba(127,29,29,.65); }
.workspace-record-tool[disabled],.workspace-record-tool.is-disabled { opacity:.42; pointer-events:none; }
.tool-records-table { width:100%; table-layout:fixed; border-collapse:collapse; color:var(--tool-record-text); }
.tool-records-table .tool-record-col-sequence { width:16%; }
.tool-records-table .tool-record-col-value { width:68%; }
.tool-records-table .tool-record-col-description { width:16%; }
.tool-records-table th { background:var(--tool-record-head); color:#b7c3da; font-weight:650; text-align:left; padding:14px 16px; border:1px solid var(--tool-record-border); white-space:nowrap; }
.tool-records-table td { padding:14px 16px; border:1px solid var(--tool-record-border); vertical-align:middle; }
.tool-records-table tbody tr:nth-child(odd) { background:var(--tool-record-row-a); }
.tool-records-table tbody tr:nth-child(even) { background:var(--tool-record-row-b); }
.tool-records-table .tool-record-row { cursor:pointer; transition:background .16s ease, box-shadow .16s ease; }
.tool-records-table .tool-record-row:hover,
.tool-records-table .tool-record-row:focus { background:var(--tool-record-hover); outline:none; box-shadow:inset 3px 0 0 #7a46ff; }
.tool-record-cell { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tool-record-cell--value { font-variant-numeric:tabular-nums; letter-spacing:.015em; }
.tool-record-empty td { text-align:center; padding:30px 16px; color:var(--tool-record-muted); }

.tool-record-modal[hidden] { display:none !important; }
.tool-record-modal { position:fixed; inset:0; z-index:100000; display:grid; place-items:center; padding:18px; }
.tool-record-modal__backdrop { position:absolute; inset:0; background:rgba(2,7,18,.74); backdrop-filter:blur(6px); }
.tool-record-modal__card { position:relative; width:min(560px, calc(100vw - 28px)); background:#0c1425; border:1px solid rgba(125,145,190,.26); border-radius:22px; box-shadow:0 28px 80px rgba(0,0,0,.46); padding:56px 20px 18px; }
.tool-record-modal__close { position:absolute; top:14px; right:14px; width:40px; height:40px; display:grid; place-items:center; border:1px solid rgba(125,145,190,.25); border-radius:12px; background:#111b30; color:#dfe8fb; cursor:pointer; }
.tool-record-modal__close svg,.tool-record-icon svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.tool-record-modal__fields { display:grid; gap:14px; }
.tool-record-field { display:grid; gap:7px; }
.tool-record-field span { color:#9fb0d0; font-size:13px; font-weight:650; }
.tool-record-field input,.tool-record-field textarea { width:100%; box-sizing:border-box; border:1px solid rgba(122,142,183,.28); border-radius:13px; background:#080f1e; color:#f3f6ff; padding:13px 14px; font:inherit; outline:none; }
.tool-record-field textarea { resize:vertical; min-height:88px; }
.tool-record-field input:focus,.tool-record-field textarea:focus { border-color:#6b59ff; box-shadow:0 0 0 3px rgba(107,89,255,.12); }
.tool-record-modal__status { margin-top:12px; padding:10px 12px; border-radius:10px; background:rgba(61,184,135,.10); color:#7de0b6; font-size:13px; }
.tool-record-modal__status.is-error { background:rgba(255,76,96,.10); color:#ff9daa; }
.tool-record-modal__actions { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:18px; }
.tool-record-icon { width:48px; height:48px; display:grid; place-items:center; border-radius:14px; cursor:pointer; }
.tool-record-icon--delete { border:1px solid rgba(255,73,94,.45); color:#ff6378; background:rgba(255,73,94,.10); }
.tool-record-icon--save { border:1px solid rgba(73,110,255,.6); color:white; background:linear-gradient(135deg,#b91fd3,#2851ff); }
.tool-record-icon:disabled { opacity:.45; cursor:wait; }
body.tool-record-modal-open { overflow:hidden; }
@media (max-width:700px) {
    .tool-records-table th,.tool-records-table td { padding:12px 9px; font-size:13px; }
    .tool-record-modal { place-items:end center; padding:0; }
    .tool-record-modal__card { width:100%; max-width:none; border-radius:22px 22px 0 0; padding:54px 16px calc(18px + env(safe-area-inset-bottom)); }
}

.tool-records-wrapper {
    overflow-x: hidden;
    border-top: 1px solid var(--tool-record-border);
    border-bottom: 1px solid var(--tool-record-border);
    background: #08101f;
}
.tool-records-table { background: #08101f; }
.tool-records-table thead th { background: #0c1527 !important; color:#b7c3da !important; }
.tool-records-table tbody tr:nth-child(odd) { background: #0a1324 !important; }
.tool-records-table tbody tr:nth-child(even) { background: #0d172a !important; }
.tool-records-table td { color:#eef3ff !important; }


/* =========================================================
   V1.8.5 - AJAX NUMERIC PAGINATION
   ========================================================= */
.tool-record-pagination {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:16px 18px 18px;
    border-top:1px solid var(--tool-record-border);
}

.tool-record-pagination[hidden] {
    display:none !important;
}

.tool-page-number {
    min-width:42px;
    height:42px;
    padding:0 13px;
    display:inline-grid;
    place-items:center;
    border:1px solid rgba(100,116,170,.42);
    border-radius:11px;
    background:#0b1425;
    color:#eaf0ff;
    font:inherit;
    font-weight:700;
    cursor:pointer;
    transition:
        border-color .15s ease,
        transform .15s ease,
        background .15s ease;
}

.tool-page-number:hover {
    border-color:#6e59ff;
    transform:translateY(-1px);
}

.tool-page-number.is-active {
    border-color:transparent;
    background:linear-gradient(135deg,#b51fd1,#3155ff);
    color:#fff;
    cursor:default;
    transform:none;
}

.tool-page-ellipsis {
    min-width: 24px;
    text-align: center;
    color: var(--tool-record-muted);
    font-weight: 700;
}

.tool-record-pagination.is-loading {
    pointer-events:none;
    opacity:.55;
}

@media (max-width:600px) {
    .tool-record-pagination {
        gap:6px;
        padding:13px 12px 16px;
    }

    .tool-page-number {
        min-width:40px;
        height:40px;
        padding:0 10px;
    }
}