.admin .admin-nav { width: 100%; overflow-x: auto; flex-wrap: nowrap; padding-bottom: 2px; }
.admin .admin-nav a, .admin .admin-nav button { white-space: nowrap; }
.admin .admin-nav button { background: none; border: 0; color: #d7e6f5; font-size: 15px; cursor: pointer; padding: 0; }
@media (min-width: 900px) { .admin .admin-nav { width: auto; margin-left: auto; } }

.panel { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 14px; margin-bottom: 14px; }
.panel h2 { margin-top: 0; }
.row { display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-end; }
.row > * { flex: 1 1 160px; }
.field { display: flex; flex-direction: column; gap: 3px; font-size: 13px; color: var(--muted); }
.field input, .field select, .field textarea { font: inherit; font-size: 16px; color: var(--ink); padding: 9px 10px; border: 1px solid #c7d0da; border-radius: 8px; background: #fff; width: 100%; }
.field textarea { min-height: 90px; resize: vertical; }
.field.req > span::after { content: " *"; color: var(--danger); }
input[type=checkbox] { width: 22px; height: 22px; accent-color: var(--blue); }

.btn.secondary { background: #e8eef5; color: var(--ink); }
.btn.secondary:hover { background: #d8e2ed; }
.btn.danger { background: var(--danger); }
.btn.small { padding: 6px 10px; min-height: 34px; font-size: 14px; }
.btn:disabled { opacity: .5; cursor: not-allowed; }
.btn[aria-busy="true"] { cursor: progress; }
/* Telefoni/skārienekrāni: vismaz 44 px skārienlaukums pogām un navigācijai. */
@media (max-width: 900px), (pointer: coarse) {
  .btn.small, label.btn, .admin .admin-nav a, .admin .admin-nav button, .examples button, .panel details > summary { min-height: 44px; display: inline-flex; align-items: center; }
  .admin .admin-nav { gap: 4px 14px; }
  /* flex: none — saites nesaraujas zem sava teksta platuma (citādi tās pārklājas); josla ritinās horizontāli. */
  .admin .admin-nav a, .admin .admin-nav button { min-width: 44px; justify-content: center; flex: none; }
  .imgs figure button { min-width: 32px; min-height: 32px; }
}
.btns { display: flex; flex-wrap: wrap; gap: 8px; }

.cmd-box { display: flex; gap: 8px; flex-wrap: wrap; }
.cmd-box input { flex: 1 1 260px; font-size: 16px; padding: 10px 12px; border: 1px solid #c7d0da; border-radius: 8px; }
.examples { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.examples button { font-size: 13px; background: var(--bg); border: 1px solid var(--line); border-radius: 999px; padding: 4px 10px; cursor: pointer; color: var(--ink); text-align: left; }
.interp { font-size: 13px; color: var(--muted); margin-top: 8px; }
.interp strong { color: var(--ink); }

.bulkbar { position: sticky; top: 56px; z-index: 10; background: #fffbe8; border: 1px solid #f0d98a; border-radius: var(--radius); padding: 10px 12px; margin-bottom: 10px; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.bulkbar strong { margin-right: 6px; }

.items { display: flex; flex-direction: column; gap: 8px; }
.item { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 10px; display: grid; grid-template-columns: 28px 64px 1fr; gap: 10px; align-items: start; }
.item.sel { border-color: var(--blue); box-shadow: 0 0 0 2px #cfe3f6; }
.item .thumb { width: 64px; height: 64px; object-fit: cover; border-radius: 8px; background: #eef2f6; display: block; }
.item h3 { font-size: 16px; margin: 0 0 2px; }
.item .meta { font-size: 13px; color: var(--muted); }
.vlist { margin: 6px 0; padding: 0; list-style: none; font-size: 14px; }
.vlist li { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: center; padding: 3px 0; border-top: 1px dashed var(--line); }
.item .btns { grid-column: 1 / -1; }
@media (min-width: 760px) { .item .btns { grid-column: 3; } }

.modal-back { position: fixed; inset: 0; background: rgba(15, 25, 35, .55); z-index: 50; display: flex; align-items: flex-start; justify-content: center; padding: 16px; overflow-y: auto; }
.modal { background: #fff; border-radius: 12px; width: 100%; max-width: 760px; padding: 16px; margin-top: 4vh; }
.modal h2 { margin-top: 0; }
.diff { width: 100%; border-collapse: collapse; font-size: 14px; }
.diff th, .diff td { text-align: left; padding: 6px; border-bottom: 1px solid var(--line); vertical-align: top; }
.diff .old { color: var(--danger); text-decoration: line-through; white-space: nowrap; }
.diff .new { color: var(--ok); font-weight: 600; white-space: nowrap; }
.table-wrap { overflow-x: auto; max-height: 55vh; overflow-y: auto; }

.toast { position: fixed; left: 50%; transform: translateX(-50%); bottom: 16px; background: #14324f; color: #fff; padding: 10px 14px; border-radius: 10px; z-index: 60; display: flex; gap: 12px; align-items: center; max-width: calc(100% - 32px); box-shadow: 0 6px 20px rgba(0,0,0,.25); }
.toast.err { background: var(--danger); }
.toast button { background: #fff; color: #14324f; border: 0; border-radius: 6px; padding: 6px 10px; cursor: pointer; font-weight: 600; }

.vtable { width: 100%; border-collapse: collapse; }
.vtable td, .vtable th { padding: 4px; vertical-align: top; text-align: left; font-size: 13px; color: var(--muted); }
.vtable input, .vtable select { font-size: 16px; padding: 7px; border: 1px solid #c7d0da; border-radius: 6px; width: 100%; min-width: 70px; }
@media (max-width: 700px) {
  .vtable thead { display: none; }
  .vtable tr { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; border: 1px solid var(--line); border-radius: 8px; padding: 8px; margin-bottom: 8px; }
  .vtable td { padding: 0; }
  .vtable td[data-l]::before { content: attr(data-l); display: block; font-size: 12px; }
}
.imgs { display: flex; flex-wrap: wrap; gap: 8px; }
.imgs figure { margin: 0; position: relative; }
.imgs img { width: 96px; height: 96px; object-fit: cover; border-radius: 8px; border: 1px solid var(--line); }
.imgs figure button { position: absolute; top: 4px; right: 4px; background: rgba(0,0,0,.65); color: #fff; border: 0; border-radius: 6px; padding: 2px 7px; cursor: pointer; }
.imgs figure button.rot { top: auto; bottom: 4px; font-size: 16px; }
.imgs figure button.mask-btn { top: auto; bottom: 4px; right: auto; left: 4px; font-size: 10px; padding: 2px 5px; background: rgba(180, 35, 24, .85); }
.imgs figure button.mask-btn.ok { background: rgba(30, 122, 69, .85); }

/* Numurzīmes/VIN aizklāšanas redaktors */
.mask-stage { position: relative; display: inline-block; max-width: 100%; user-select: none; touch-action: none; }
.mask-stage img { display: block; max-width: 100%; max-height: 62vh; border-radius: 8px; }
.mask-layer { position: absolute; inset: 0; cursor: crosshair; }
.mask-rect { position: absolute; border: 2px solid #ff3b30; background: rgba(255, 59, 48, .25); box-sizing: border-box; }
.mask-rect.live { border-style: dashed; }
.mask-rect button { position: absolute; top: -12px; right: -12px; width: 24px; height: 24px; border-radius: 50%; border: 0; background: #ff3b30; color: #fff; cursor: pointer; font-size: 12px; }
.mask-actions { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 8px; }
.verify-result dl { display: grid; grid-template-columns: max-content 1fr; gap: 4px 12px; }
.verify-result .verdict { font-weight: 700; font-size: 1.1rem; }

.ai-state { font-size: 14px; padding: 8px 12px; border-radius: 8px; margin-bottom: 10px; }
.ai-state.on { background: var(--ok-bg); color: var(--ok); }
.ai-state.off { background: var(--order-bg); color: var(--order); }
.editor-wrap { position: relative; touch-action: none; user-select: none; }
.editor-wrap canvas { width: 100%; display: block; border-radius: 8px; background: #222; }
.drafts { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; }
.draft { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 10px; display: flex; flex-direction: column; gap: 6px; }
.draft.sel { border-color: var(--blue); box-shadow: 0 0 0 2px #cfe3f6; }
.draft.err { border-color: var(--danger); }
.draft .top { display: flex; gap: 8px; align-items: flex-start; }
.draft .top img { width: 84px; height: 84px; object-fit: contain; background: #f0f3f6; border-radius: 8px; }
.draft .aiinfo { font-size: 12px; color: var(--muted); }
.draft .errtxt { font-size: 13px; color: var(--danger); }
.draft .field { font-size: 12px; }
.draft .field input, .draft .field select, .draft .field textarea { padding: 7px 8px; }
.draft .two { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.timer { font-variant-numeric: tabular-nums; font-weight: 700; }
.metrics { width: 100%; border-collapse: collapse; font-size: 14px; }
.metrics th, .metrics td { border-bottom: 1px solid var(--line); padding: 6px; text-align: left; vertical-align: top; }
.journal li { margin-bottom: 10px; }
.journal .undone { opacity: .55; }
.hidden { display: none !important; }
.w100 { width: 100%; }
.category-sort { width: 5rem; }
.full { flex-basis: 100% !important; }
.mt { margin-top: 10px; }
.grow { flex: 1; }
.grow3 { flex: 3 1 260px; }
.noflex { flex: 0 0 auto !important; }
.center-items { align-items: center; }
.small-text { font-size: 13px; }
.preview { white-space: pre-wrap; font: 14px/1.5 system-ui, sans-serif; background: var(--bg); border: 1px solid var(--line); border-radius: 8px; padding: 10px 12px; margin: 8px 0; }
.modal .field { margin-bottom: 10px; }
.transaction-card, .notification-row { padding: 12px 0; border-bottom: 1px solid var(--line); }
.transaction-card > div:first-child { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; justify-content: space-between; }
.transaction-card p, .notification-row p { margin: 7px 0; overflow-wrap: anywhere; }
.notification-row.unread { border-left: 4px solid var(--accent, #b8325a); padding-left: 10px; background: #fff7f9; }
.login { max-width: 380px; margin: 6vh auto; }
.warn { background: var(--order-bg); color: var(--order); padding: 8px 12px; border-radius: 8px; font-size: 14px; }
.err-box { background: #fde8e6; color: var(--danger); padding: 8px 12px; border-radius: 8px; font-size: 14px; }
/* Preču vērtība (Mans veikals) */
.sv-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.sv-box { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 12px; background: #fcf8f9; min-width: 0; }
.sv-label { font-size: 14px; color: var(--muted); }
.sv-sum { font-size: 1.6rem; line-height: 1.2; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.sv-meta { font-size: 14px; }
.sv-notes { margin: 4px 0 0; padding-left: 18px; font-size: 13px; color: var(--muted); }
.sv-split { margin: 10px 0 0; font-size: 14px; }
.sv-how { margin-top: 8px; font-size: 14px; }
.sv-how summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; }
.sv-how p { margin: 4px 0 0; color: var(--muted); }
@media (max-width: 560px) { .sv-grid { grid-template-columns: minmax(0, 1fr); } .sv-sum { font-size: 1.4rem; } }
/* Job 6 v1: kabineta profila sadaļas */
.profile-form h2 { margin-top: 18px; padding-top: 12px; border-top: 1px solid var(--line); } .profile-form h2:first-child { border-top: 0; padding-top: 0; margin-top: 0; }
.check-inline { display: flex; align-items: center; gap: 8px; min-height: 44px; align-self: end; white-space: nowrap; }
.pro-fields { border: 1px solid var(--line); border-radius: 12px; padding: 10px 14px; margin: 12px 0; } .pro-fields legend { font-weight: 700; padding: 0 4px; }
.profile-preview { border: 1px dashed var(--line); border-radius: 12px; padding: 12px 14px; background: var(--warm, #F7F5F1); } .profile-preview dl { display: grid; grid-template-columns: max-content 1fr; gap: 4px 12px; margin: 8px 0; } .profile-preview dt { color: var(--muted); }

.pending-review{border:2px solid #c62828!important}.review-warning,[data-review-count]{color:#b71c1c;font-weight:700}.review-photos{display:flex;flex-wrap:wrap;gap:12px}.review-photos img{max-width:100%;height:auto}
/* T29: uploaded seller avatar in the public profile preview. */
.profile-preview .seller-avatar { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; vertical-align: middle; }
/* Owner 2026-10-28: one block per contact channel (value, save, status, confirm, public toggle together). */
.contact-blocks{display:grid;gap:10px;margin:8px 0 14px}
.contact-block{padding:12px 14px;border:1px solid var(--line,#eadfdb);border-radius:14px;background:#fffdfb}
.contact-block h3{margin:0 0 6px;font-size:15px}
.contact-block .row{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}
.contact-block .row .field{flex:1 1 200px;min-width:0}
.contact-block-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 2px}
.contact-block-status{font-size:13px;font-weight:600;color:#6b5a62}
.contact-block-status.is-ok{color:#1d7a43}
.contact-block-status.is-warn{color:#9a5b00}
.contact-block-status.is-changed{color:#b60049}
.contact-block [data-cb-code]{display:inline-flex;gap:6px;align-items:center}
.contact-block [data-cb-code][hidden]{display:none}
.contact-block [data-cb-otp]{width:9em;min-height:40px}
.contact-block[data-dirty="1"]{border-color:#e6a2c2;box-shadow:0 0 0 2px #f6d6e5}
/* Owner 2026-10-29: no button bar in the header — one compact cabinet navigation (sidebar desktop / one row phone). */
.admin .cabinet-frame{display:grid;grid-template-columns:200px minmax(0,1fr);gap:18px;align-items:start;padding-top:14px}
.admin .cabinet-frame>#app{min-width:0;padding-top:0}
.admin .cabinet-nav{position:sticky;top:12px;display:flex;flex-direction:column;align-items:stretch;gap:2px;width:auto;margin:0;padding:10px;overflow:visible;
 background:#ffffffc7;border:1px solid #eee6f2;border-radius:18px;box-shadow:0 6px 22px #45362708}
.admin .cabinet-nav a,.admin .cabinet-nav button{display:flex;align-items:center;min-height:38px;padding:7px 10px;border-radius:10px;color:#3d3550;font-size:13px;text-decoration:none;white-space:normal;justify-content:flex-start;background:none;border:0;cursor:pointer;font-family:inherit;text-align:left}
.admin .cabinet-nav a:hover,.admin .cabinet-nav button:hover{background:#f3efff}
.admin .cabinet-nav a.active{background:#ece7ff;color:#5a43c0;font-weight:600}
.admin .cabinet-nav .cabnav-add{justify-content:center;margin-bottom:6px;background:linear-gradient(135deg,#bd0754,#8c0039);color:#fff;font-weight:700}
.admin .cabinet-nav .cabnav-add:hover,.admin .cabinet-nav .cabnav-add.active{background:linear-gradient(135deg,#a8064a,#76002f);color:#fff}
.admin .cabinet-nav .cabnav-main{display:flex;flex-direction:column;gap:2px}
.admin .cabinet-nav .cabnav-sub{display:flex;flex-direction:column;gap:1px;margin:0 0 4px 10px;padding-left:8px;border-left:2px solid #e6dff7}
.admin .cabinet-nav .cabnav-sub a{min-height:32px;font-size:12px;color:#5b5670;padding:5px 8px}
.admin .cabinet-nav .cabnav-sub a.active{background:#f1edff;color:#5a43c0;font-weight:600}
.admin .cabinet-nav .cabnav-label{margin:10px 10px 2px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#8a8399}
.admin .cabinet-nav .cabnav-foot{display:flex;flex-direction:column;gap:2px;margin-top:8px;padding-top:8px;border-top:1px solid #eee6f2}
.admin .cabinet-nav .review-warning{margin-bottom:6px;font-size:12px}
.admin .cabinet-nav :is(a,button):focus-visible{outline:2px solid #6a55d8;outline-offset:2px}
.admin .cb-shell.cb-shell-single{display:block}
@media (max-width:899px){
 .admin .cabinet-frame{display:block;padding-top:8px}
 .admin .cabinet-nav{position:static;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:4px;padding:6px;margin-bottom:12px;border-radius:14px;scrollbar-width:none}
 .admin .cabinet-nav .cabnav-main,.admin .cabinet-nav .cabnav-foot{flex-direction:row;gap:4px;margin:0;padding:0;border:0}
 .admin .cabinet-nav a,.admin .cabinet-nav button{flex:none;white-space:nowrap;min-height:40px;font-size:12px;padding:6px 10px}
 .admin .cabinet-nav .cabnav-add{margin:0}
 .admin .cabinet-nav .cabnav-sub,.admin .cabinet-nav .cabnav-label{display:none} /* settings sections are the tabs on phones */
}
.admin .cabinet-frame>.cabinet-nav{order:0;grid-column:1}
.admin .cabinet-frame>#app{order:1;grid-column:2;max-width:none;padding:0}
@media (max-width:899px){
 .admin .cabinet-frame>#app{grid-column:auto}
 .admin .cabinet-nav .review-warning{white-space:nowrap;max-width:60vw;overflow:hidden;text-overflow:ellipsis}
}