/* amphora mock parts, lifted from the app's refresh.css */
.pgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 10px; }
.pcard { background: var(--panel-bg); border: 1px solid var(--panel-border); border-radius: 4px; padding: 12px 14px; display: flex; flex-direction: column; gap: 4px; }
.pcard b { color: var(--text-primary); font-size: 14px; }
.pcard span { font-size: 13px; color: var(--text-secondary); }

/* panel body + section headers */
.scr .pbody { max-width: 1000px; }
.scr .sec-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
.scr .sec-head h3 { margin: 0; font-size: 13px; font-weight: 600; color: var(--text-primary); }
.scr .sec-head .r { display: flex; gap: 8px; align-items: center; }

/* stat tiles */
.scr .stats-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px; margin-bottom: 20px; }
.scr .stat-card { background: var(--panel-bg); border: 1px solid var(--panel-border); border-radius: 4px; padding: 10px 14px; position: relative; }
.scr .stat-num { font: 700 22px/1.1 var(--mono); font-variant-numeric: tabular-nums; color: var(--app); }
.scr .stat-label { font-size: 10px; letter-spacing: 0.8px; text-transform: uppercase; color: var(--text-muted); margin-top: 4px; }

/* tables */
.scr .table-wrap { overflow: visible; position: relative; }
.scr .table { width: 100%; border-collapse: collapse; font-size: 13px; }
.scr .table th { padding: 8px 14px; }
.scr .table td { padding: 8px 14px; vertical-align: middle; }
.scr .table .row-actions { display: flex; gap: 6px; justify-content: flex-end; }
.scr .table .subrow td { padding-top: 0; font-size: 12px; }
.scr .table .subrow:hover td { background: none; }

/* status pills with the dot */
.scr .status-pill, .status-pill { display: inline-flex; align-items: center; gap: 5px; }
.status-pill .dot { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.status-pill.accent { background: var(--accent-subtle); color: var(--accent); }

/* search box, plain input like the app */
.scr .a-search { display: block; width: 100%; max-width: 340px; height: 30px; padding: 0 9px; margin-bottom: 14px; background: var(--bg-surface); border: 1px solid var(--field-border); border-radius: 4px; font: 13px var(--sans); color: var(--text-primary); outline: none; }
.scr .a-search::placeholder { color: var(--text-muted); }
.scr .a-search:focus { border-color: var(--app); }
.scr .list-no-match { padding: 18px; text-align: center; color: var(--text-muted); font-size: 13px; }

/* modal title bar with the X */
.scr .modal > .modal-head-row:first-child { justify-content: space-between; }
.scr .mclose { width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; background: #1a2338; border: 1px solid rgba(255,255,255,0.12); border-radius: 3px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.06); color: var(--text-secondary); font-size: 16px; line-height: 1; cursor: pointer; }
.scr .mclose:hover { background: #212b42; color: var(--text-primary); }
.scr .modal .form-actions { margin-top: 20px; }
.scr .field-help { font-size: 11px; color: var(--text-muted); margin-top: 4px; line-height: 1.4; }
.scr .req-star { color: var(--app); }
.scr .form-row { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 12px; }
.scr .modal .field { min-width: 0; text-overflow: ellipsis; }
.scr .check-toggle { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--text-secondary); margin: 4px 0; cursor: pointer; }
.scr .fields-off { opacity: 0.4; pointer-events: none; }
.scr .modal.xwide { max-width: 1100px; }
.scr .transfer-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr); gap: 18px; align-items: start; margin-bottom: 4px; }
.scr .col-title { margin: 0 0 12px; font-size: 13px; font-weight: 600; color: var(--text-primary); }
.scr .criteria-block { background: var(--panel-bg); border: 1px solid var(--panel-border); border-radius: 4px; padding: 12px 14px; }
.scr .criteria-actions { display: flex; align-items: center; gap: 10px; margin-top: 14px; }
.scr .criteria-actions .field-help { margin-top: 0; }
.scr .pop-sel { position: absolute; z-index: 30; left: 0; right: 0; top: 52px; background: var(--bg-surface); border: 1px solid var(--field-border); border-radius: 4px; box-shadow: 0 14px 30px rgba(0,0,0,0.5); padding: 3px; font-size: 13px; }
.scr .pop-sel div { padding: 5px 9px; border-radius: 3px; color: var(--text-primary); white-space: nowrap; }
.scr .pop-sel div.sel { background: #2563eb; color: #fff; }

/* schedule day toggles */
.scr .day-toggles { display: flex; gap: 2px; padding: 2px; background: var(--bg-surface); border: 1px solid var(--panel-border); border-radius: 4px; }
.scr .day-toggle { flex: 1; height: 24px; background: transparent; border: 1px solid transparent; border-radius: 3px; color: var(--text-secondary); font: 600 12px var(--sans); cursor: pointer; }
.scr .day-toggle:hover { color: var(--text-primary); }
.scr .day-toggle.active { background: #1a2338; border-color: rgba(255,255,255,0.14); box-shadow: inset 0 1px 0 rgba(255,255,255,0.06); color: var(--app); }

/* explore */
.scr .explore-bar { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; flex-wrap: wrap; }
.scr .explore-bar select, .scr .a-select { height: 30px; min-width: 300px; padding: 0 9px; background: var(--bg-surface); border: 1px solid var(--field-border); border-radius: 4px; color: var(--text-primary); font: 13px var(--sans); outline: none; color-scheme: dark; }
.scr .explore-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; min-height: 42px; padding: 6px 14px; margin-bottom: 12px; background: var(--panel-bar); border: 1px solid var(--panel-border); border-radius: 4px; }
.scr .explore-tools { display: flex; gap: 8px; }
.scr .breadcrumb { font: 12px var(--mono); color: var(--text-secondary); }
.scr .breadcrumb a, .scr .dir-link { color: var(--app); text-decoration: none; cursor: pointer; }
.scr .breadcrumb a:hover, .scr .dir-link:hover { text-decoration: underline; }
.scr .crumb-sep { color: var(--text-muted); }
.scr .file-name { color: var(--text-primary); }
.scr .explore-actions { display: flex; align-items: center; gap: 10px; padding: 12px 16px; margin-top: 16px; background: rgba(15,21,37,0.92); border: 1px solid color-mix(in srgb, var(--app) 30%, transparent); border-radius: 4px; box-shadow: 0 8px 32px rgba(0,0,0,0.45); }
.scr .explore-actions .text-muted { margin-right: auto; color: var(--text-secondary); font-size: 13px; }
.scr input[type=checkbox] { accent-color: var(--app); margin: 0; }
.scr .empty-state { background: var(--panel-bg); border: 1px solid var(--panel-border); border-radius: 4px; }

/* console / log output */
.scr .console-output { margin: 0; background: var(--bg-surface); border: 1px solid var(--panel-border); border-radius: 3px; padding: 10px 12px; font: 12px/1.55 var(--mono); color: var(--text-secondary); white-space: pre-wrap; word-break: break-word; max-height: 380px; overflow: auto; }
.scr .console-output .h { color: var(--text-primary); }
.scr .console-output .n { color: var(--info); }
.scr .console-output .w { color: var(--warning); }
.scr .console-output .e { color: #fb7185; }
.scr .console-output .ok { color: var(--success); }
.scr .console-output .d { color: var(--text-muted); }
.scr .log-select { height: 24px; padding: 0 8px; background: var(--bg-surface); border: 1px solid var(--field-border); border-radius: 3px; color: var(--text-primary); font: 12px var(--sans); color-scheme: dark; }
.scr .preview-summary { margin: 0 0 12px; font-size: 12px; color: var(--text-secondary); line-height: 1.6; }
.scr .preview-summary strong { color: var(--text-primary); }
.scr .preview-path { font: 12px var(--mono); word-break: break-all; color: var(--text-primary); }

/* browser confirm / prompt boxes shown over a mock */
.scr .bdialog-wrap { position: absolute; inset: 0; z-index: 95; display: flex; align-items: flex-start; justify-content: center; padding-top: 30px; background: rgba(2,6,12,0.35); }
.scr .bdialog { width: 420px; background: #1f2633; border: 1px solid rgba(255,255,255,0.16); border-radius: 8px; box-shadow: 0 18px 50px rgba(0,0,0,0.6); padding: 16px 18px 14px; font-size: 13px; color: #e8edf5; }
.scr .bdialog .o { font-size: 12px; color: #9aadc7; margin-bottom: 8px; }
.scr .bdialog .in { height: 28px; display: flex; align-items: center; padding: 0 8px; margin-top: 10px; background: #111723; border: 2px solid #3b82f6; border-radius: 4px; font-size: 13px; }
.scr .bdialog .bb { display: flex; justify-content: flex-end; gap: 8px; margin-top: 14px; }
.scr .bdialog .bb span { min-width: 70px; height: 28px; display: inline-flex; align-items: center; justify-content: center; padding: 0 12px; border-radius: 14px; background: #2b3445; color: #e8edf5; font-size: 12px; cursor: pointer; }
.scr .bdialog .bb span.p { background: #3b82f6; color: #fff; }

/* in-mock modal overlay for the tour */
.scr .ov { position: absolute; inset: 0; z-index: 70; background: rgba(2,6,12,0.7); display: flex; align-items: flex-start; justify-content: center; padding: 40px 20px; overflow: auto; }
.scr .ov > .modal { margin: 0 auto; }

.scr .sidebar-note.fade { opacity: 0.55; }
.scr.login .login-card { text-align: center; }
.scr.login .login-card .form-group { text-align: left; }
.scr.login .login-card h2 { margin: 0 0 4px; font-size: 20px; font-weight: 600; color: var(--text-primary); display: block; }
.scr.login .login-card h2::after { display: none; }
.scr .err-line { color: #f43f5e; font-size: 12px; min-height: 18px; margin-bottom: 8px; text-align: left; }

@media (max-width: 860px) {
  .scr .transfer-grid { grid-template-columns: 1fr; }
}