.dev-admin{
    display:flex;
    flex-direction:column;
    gap:14px;
    min-width:0;
}
.dev-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    flex-wrap:wrap;
}
.dev-top .page-h2{
    margin:0;
}
.dev-pill{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:5px 12px;
    border-radius:var(--r-pill,999px);
    border:1px solid var(--border-2);
    background:var(--surface-2);
    color:var(--fg);
    font:600 13px/1.2 var(--font-ui);
}
.dev-pill::before{
    content:'';
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--ok,#4ade80);
}
.dev-note{
    margin:0;
    padding:9px 12px;
    border-radius:var(--r-s);
    border:1px solid var(--border-2);
    background:var(--surface-2);
    color:var(--fg);
}
.dev-note.is-bad{
    border-color:var(--bad,#ef4444);
}
.dev-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}
.dev-card{
    padding:16px;
    border:1px solid var(--border);
    border-radius:var(--r);
    background:var(--surface);
    display:flex;
    flex-direction:column;
    gap:12px;
    min-width:0;
}
.dev-wide{
    grid-column:1 / -1;
}
.dev-head{
    display:flex;
    align-items:center;
    gap:10px;
}
.dev-h{
    margin:0;
    font:700 16px/1.2 var(--font-ui);
    color:var(--fg);
}
.dev-count{
    min-width:24px;
    padding:2px 8px;
    border-radius:var(--r-pill,999px);
    background:var(--surface-2);
    border:1px solid var(--border);
    color:var(--fg-dim);
    font:600 12px/1.4 var(--font-ui);
    text-align:center;
}
.dev-dim{
    margin:0;
    color:var(--fg-mute);
    font-size:13px;
}
.dev-empty{
    margin:0;
    color:var(--fg-mute);
    font-size:13.5px;
}
.dev-row{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}
.dev-row .btn,.dev-act .btn{
    margin-top:0;
    padding:9px 16px;
}
.dev-form{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:10px;
    align-items:end;
}
.dev-field{
    display:flex;
    flex-direction:column;
    gap:5px;
    min-width:0;
}
.dev-label{
    font:600 12px/1.2 var(--font-ui);
    color:var(--fg-dim);
}
.dev-field input{
    width:100%;
    box-sizing:border-box;
    padding:8px 10px;
    border-radius:var(--r-s);
    border:1px solid var(--border-2);
    background:var(--surface-2);
    color:var(--fg);
    font:500 14px/1.2 var(--font-ui);
    color-scheme:dark;
}
.dev-check{
    grid-column:1 / -1;
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:var(--fg);
    font:500 14px/1.2 var(--font-ui);
    cursor:pointer;
}
.dev-check input{
    width:18px;
    height:18px;
    accent-color:var(--accent);
}
.dev-list{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:8px;
}
.dev-item{
    display:grid;
    grid-template-columns:minmax(110px,auto) minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
    padding:10px 12px;
    border:1px solid var(--border);
    border-radius:var(--r-s);
    background:var(--surface-2);
}
.dev-when{
    display:flex;
    flex-direction:column;
    gap:2px;
    min-width:0;
}
.dev-when b{
    font:700 17px/1.1 var(--font-ui);
    color:var(--fg);
    font-variant-numeric:tabular-nums;
}
.dev-when span{
    color:var(--fg-dim);
    font-size:12.5px;
}
.dev-chips{
    display:flex;
    gap:6px;
    flex-wrap:wrap;
    min-width:0;
}
.dev-chip{
    display:inline-block;
    padding:3px 9px;
    border-radius:var(--r-pill,999px);
    border:1px solid var(--border-2);
    color:var(--fg-dim);
    font:600 11.5px/1.3 var(--font-ui);
    white-space:nowrap;
}
.dev-chip.is-daily{
    color:var(--accent);
    border-color:var(--accent);
}
.dev-chip.is-soft{
    border-style:dashed;
}
.dev-chip.is-warn{
    color:var(--warn,#f59e0b);
    border-color:var(--warn,#f59e0b);
}
.dev-chip.is-bad{
    color:var(--bad,#ef4444);
    border-color:var(--bad,#ef4444);
    margin-left:6px;
}
.dev-act{
    display:flex;
    gap:8px;
}
.dev-table-wrap{
    overflow-x:auto;
}
.dev-table{
    width:100%;
    border-collapse:collapse;
    font-size:13px;
}
.dev-table th,.dev-table td{
    padding:7px 8px;
    border-bottom:1px solid var(--border);
    text-align:left;
    white-space:nowrap;
}
.dev-table th{
    color:var(--fg-dim);
    font:600 12px/1.2 var(--font-ui);
}
.dev-table .num{
    text-align:right;
    font-variant-numeric:tabular-nums;
}
@media (max-width:760px){
    .dev-grid{
        grid-template-columns:minmax(0,1fr);
    }
    .dev-item{
        grid-template-columns:minmax(0,1fr) auto;
    }
    .dev-chips{
        grid-column:1 / -1;
        grid-row:2;
    }
    .dev-table thead{
        display:none;
    }
    .dev-table,.dev-table tbody{
        display:block;
    }
    .dev-table tr{
        display:flex;
        flex-wrap:wrap;
        align-items:center;
        gap:6px 14px;
        padding:10px 0;
        border-bottom:1px solid var(--border);
    }
    .dev-table td{
        display:inline-flex;
        gap:5px;
        align-items:baseline;
        padding:0;
        border:0;
        white-space:nowrap;
    }
    .dev-table td.dev-at{
        flex:1 0 100%;
        color:var(--fg);
        font-weight:600;
    }
    .dev-table td[data-label]::before{
        content:attr(data-label);
        color:var(--fg-mute);
        font-size:12px;
    }
    .dev-table td.is-none{
        display:none;
    }
    .dev-table .dev-chip.is-bad{
        margin-left:0;
    }
}