/* NarrowVision Portal — Phase 6 customer simplicity */

/* Screens */
#nv-screen-panel{min-width:0}
#nv-screen-panel .nv-screens-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap}
#nv-screen-panel .nv-screens-head h2{margin:0 0 6px}
#nv-screen-panel .nv-screens-head p{margin:0}
#nv-screen-panel .nv-screens-head-actions{display:flex;gap:8px;flex-wrap:wrap}
#nv-screen-panel .nv-screens-head-actions button{width:auto;margin:0;min-height:42px}
#nv-screen-panel #nv-screen-licence{margin:14px 0 6px}
#nv-screen-panel .nv-screen-table-wrap{overflow-x:auto}
#nv-screen-panel .nv-screen-table{width:100%;min-width:680px}
#nv-screen-panel .nv-screen-table td{vertical-align:middle}
#nv-screen-panel .nv-screen-table .customer-contact{display:block;margin-top:4px;color:var(--nv-text-muted);font-size:11px}
body.nv-screen-pair-open{overflow:hidden}
#nv-screen-panel .nv-screen-pair-backdrop{position:fixed;inset:0;z-index:10040;background:rgba(5,8,18,.72);backdrop-filter:blur(3px)}
#nv-screen-panel .nv-screen-pair-drawer{position:fixed;z-index:10041;top:0;right:0;width:min(440px,100vw);height:100dvh;overflow:auto;padding:24px;background:var(--nv-surface-1);border-left:1px solid var(--nv-border);box-shadow:-24px 0 70px rgba(0,0,0,.35)}
#nv-screen-panel .nv-screen-pair-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px}
#nv-screen-panel .nv-screen-pair-header h2{margin:3px 0 7px}
#nv-screen-panel .nv-screen-pair-header p{margin:0}
#nv-screen-panel .nv-screen-pair-kicker{color:var(--nv-accent);font-size:10px;font-weight:800;letter-spacing:.14em}
#nv-screen-panel .nv-screen-pair-close{flex:none;margin:0;min-width:42px;min-height:42px}
#nv-screen-panel .nv-screen-pair-drawer form{display:grid;gap:14px}
#nv-screen-panel .nv-screen-pair-drawer input{width:100%;margin-top:6px}
#nv-screen-panel .nv-screen-pair-drawer .primary{width:100%;min-height:44px}
#nv-screen-panel .nv-screen-settings{margin-top:18px}

/* Publish */
#nv-content-panel .nv-publish-step{margin-top:18px;border:1px solid rgba(155,124,255,.30);border-radius:var(--nv-radius-lg);background:linear-gradient(180deg,rgba(72,55,120,.12),rgba(17,25,43,.96));overflow:hidden}
#nv-content-panel .nv-publish-step>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:default;list-style:none;padding:16px 18px;border-bottom:1px solid var(--nv-border-subtle);font-size:15px;font-weight:800;color:var(--nv-text)}
#nv-content-panel .nv-publish-step>summary::-webkit-details-marker{display:none}
#nv-content-panel .nv-publish-step>p,
#nv-content-panel .nv-publish-step>.nv-publish-screens,
#nv-content-panel .nv-publish-step>.nv-publish-timing,
#nv-content-panel .nv-publish-step>.nv-publish-selection,
#nv-content-panel .nv-publish-step>.nv-publish-actions,
#nv-content-panel .nv-publish-step>.nv-publish-message{margin-left:18px;margin-right:18px}
#nv-content-panel .nv-publish-step>p{margin-top:15px}
#nv-content-panel .nv-publish-screens{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;margin-top:14px}
#nv-content-panel .nv-publish-screen{display:flex;align-items:center;gap:10px;margin:0;padding:11px 12px;border:1px solid var(--nv-border-subtle);border-radius:10px;background:var(--nv-surface-2);cursor:pointer}
#nv-content-panel .nv-publish-screen:has(input:checked){border-color:rgba(155,124,255,.60);background:rgba(85,68,142,.22)}
#nv-content-panel .nv-publish-screen input{width:auto;margin:0}
#nv-content-panel .nv-publish-screen span{display:flex;flex-direction:column;gap:3px;min-width:0}
#nv-content-panel .nv-publish-screen strong{font-size:12px}
#nv-content-panel .nv-publish-screen small{font-size:10px}
#nv-content-panel .nv-publish-timing{margin-top:16px;padding:14px;border:1px solid var(--nv-border-subtle);border-radius:var(--nv-radius-md);background:var(--nv-surface-1)}
#nv-content-panel .nv-publish-timing-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
#nv-content-panel .nv-publish-timing-head span{font-size:11px}
#nv-content-panel .nv-publish-mode{display:flex;gap:8px;flex-wrap:wrap}
#nv-content-panel .nv-publish-mode button{width:auto;margin:0;min-height:42px}
#nv-content-panel .nv-publish-mode button[aria-pressed=true]{border-color:var(--nv-accent);background:rgba(111,82,187,.26);color:#fff}
#nv-content-panel .nv-publish-schedule{margin-top:14px;padding-top:14px;border-top:1px solid var(--nv-border-subtle)}
#nv-content-panel .nv-publish-schedule p{margin-bottom:0}
#nv-content-panel .nv-publish-selection{font-size:11px;color:var(--nv-text-secondary)}
#nv-content-panel .nv-publish-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
#nv-content-panel .nv-publish-actions button{width:auto;margin:0;min-height:44px}
#nv-content-panel .nv-publish-message{margin-top:12px;margin-bottom:18px}

/* Upload progress */
#nv-content-panel .nv-upload-progress{margin-top:5px;padding:12px;border:1px solid var(--nv-border-subtle);border-radius:10px;background:var(--nv-surface-1)}
#nv-content-panel .nv-upload-progress-head,
#nv-content-panel .nv-upload-progress-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}
#nv-content-panel .nv-upload-progress-head strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#nv-content-panel .nv-upload-progress-head span,
#nv-content-panel .nv-upload-progress-foot span{font-size:10px}
#nv-content-panel .nv-upload-progress progress{width:100%;height:8px;margin:9px 0}
#nv-content-panel .nv-upload-progress-foot button{width:auto!important;margin:0!important;min-height:34px}

/* Existing media: recent/search first */
#nv-content-panel .nv-media-simple-head{display:flex;gap:8px;align-items:center;margin-bottom:11px}
#nv-content-panel .nv-media-search{flex:1;min-width:0;margin:0!important}
#nv-content-panel .nv-media-simple-head button{width:auto!important;margin:0!important;white-space:nowrap;min-height:42px}
#nv-content-panel .nv-media-simple-intro{display:flex;justify-content:space-between;gap:10px;align-items:end;margin:3px 0 10px}
#nv-content-panel .nv-media-simple-intro span{font-size:10px}

/* Account */
#dashboard .nv-account-tabs{display:flex;gap:5px;overflow-x:auto;margin:18px 0 0;border-bottom:1px solid var(--nv-border-subtle)}
#dashboard .nv-account-tab{flex:none;margin:0;padding:11px 13px;border:0;border-bottom:2px solid transparent;border-radius:8px 8px 0 0;background:transparent;color:var(--nv-text-muted);font-size:12px;font-weight:700}
#dashboard .nv-account-tab[aria-selected=true]{border-bottom-color:var(--nv-accent);background:rgba(99,75,160,.16);color:#fff}
#dashboard .nv-account-panes{margin-top:16px}
#dashboard .nv-account-pane[hidden]{display:none}
#dashboard .nv-account-pane>.panel{margin-top:0}

/* Support */
#dashboard .nvs-urgent-choice{display:flex!important;align-items:flex-start;gap:9px;padding:11px 12px;border:1px solid var(--nv-border-subtle);border-radius:10px;background:rgba(90,63,83,.12);font-size:12px}
#dashboard .nvs-urgent-choice input{width:auto;margin:2px 0 0!important}
#dashboard .nvs-support-confirmation{margin-bottom:16px}
#dashboard .nvs-support-confirmation h2{margin:12px 0 7px}
#dashboard .nvs-support-confirmation p{line-height:1.5}
#dashboard .nvs-support-confirmation button{width:auto;min-height:44px}

@media(max-width:700px){
  #nv-screen-panel .nv-screen-table{min-width:0}
  #nv-screen-panel .nv-screen-table thead{display:none}
  #nv-screen-panel .nv-screen-table tbody,#nv-screen-panel .nv-screen-table tr,#nv-screen-panel .nv-screen-table td{display:block;width:100%}
  #nv-screen-panel .nv-screen-table tr{padding:12px 0;border-bottom:1px solid var(--nv-border-subtle)}
  #nv-screen-panel .nv-screen-table td{padding:5px 4px;border:0}
  #nv-screen-panel .nv-screen-table td:nth-child(2),
  #nv-screen-panel .nv-screen-table td:nth-child(3),
  #nv-screen-panel .nv-screen-table td:nth-child(4){display:flex;justify-content:space-between;gap:12px}
  #nv-screen-panel .nv-screen-table td:nth-child(2)::before{content:'Status';color:var(--nv-text-muted);font-size:10px}
  #nv-screen-panel .nv-screen-table td:nth-child(3)::before{content:'Content';color:var(--nv-text-muted);font-size:10px}
  #nv-screen-panel .nv-screen-table td:nth-child(4)::before{content:'Updated';color:var(--nv-text-muted);font-size:10px}
  #nv-screen-panel .nv-screen-pair-drawer{padding:18px}
  #nv-content-panel .nv-publish-screens{grid-template-columns:1fr}
  #nv-content-panel .nv-media-simple-head{align-items:stretch;flex-direction:column}
  #nv-content-panel .nv-media-simple-head button{width:100%!important}
}