/* home cbox */
.cbox .plate-title{justify-content:space-between}
.cbox .plate-title::before{margin-right:0}.cbox .plate-title span{flex:1}
.cbox-refresh{border:0;background:none;padding:0 3px;color:var(--muted);font:15px/1 var(--mono);cursor:pointer}
.cbox-refresh:hover{color:var(--ink)}.cbox-refresh:disabled{opacity:.5;cursor:wait}
.cbox-log{height:90px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--edge-strong) var(--monitor);padding:0 7px;border:1px solid var(--edge);background:var(--monitor)}
.cbox.has-messages .cbox-log{height:240px}
.cbox-entries{list-style:none;padding:0;margin:0}
.cbox-entries li{padding:8px 0;border-bottom:1px dotted var(--edge)}
.cbox-entries li:last-child{border-bottom:0}
.cbox-head{display:flex;align-items:baseline;justify-content:space-between;gap:7px;font:11px/1.5 var(--mono)}
.cbox-head strong{min-width:0;color:var(--ink);overflow-wrap:anywhere}
.cbox-head time{flex:none;color:var(--muted);font-size:9px;white-space:nowrap}
.cbox .cbox-entries p{margin:3px 0 0;font:12px/1.55 var(--mono);color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}
.cbox .cbox-empty{margin:13px 0;font:11px/1.6 var(--mono);color:var(--muted)}
.cbox-form{display:grid;gap:7px;margin-top:9px}
.cbox-form label{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:start;gap:5px;font:10px/1.8 var(--mono);color:var(--muted)}
.cbox-form input,.cbox-form textarea{width:100%;min-width:0;border:1px solid var(--edge-strong);background:var(--surface);padding:4px 5px;font:12px/1.5 var(--mono);color:var(--ink)}
.cbox-form textarea{resize:vertical;min-height:48px;max-height:120px}
.cbox-form .cbox-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cbox-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;font:10px var(--mono);color:var(--muted)}
.cbox-actions button{padding:5px 15px;border:1px solid var(--edge-strong);background:linear-gradient(var(--button-top),var(--button));color:var(--ink);font:11px var(--mono)}
.cbox-actions button:hover{background:var(--hover)}.cbox-actions button:disabled{opacity:.5;cursor:wait}
.cbox .cbox-status{margin:0;font:10px/1.6 var(--mono);color:var(--muted)}
.cbox-status[data-kind=error],.cbox-status[data-kind=load-error]{color:var(--error)}
@media(max-width:760px){.cbox{order:3;grid-column:1/-1}.cbox-form input,.cbox-form textarea{font-size:16px}.cbox-actions button,.cbox-refresh{min-height:44px;min-width:44px}}
