/* Central voucher workspace: portal, entry forms and records. */

.vouchers-page .topbar-back,
.voucher-workspace-page .topbar-back{padding:9px 16px;}

.vouchers-page .voucher-portal{box-sizing:border-box;width:100%;height:100%;min-height:0;display:grid;grid-template-rows:38px 36px minmax(0,1fr);gap:7px;padding:8px 12px 10px;overflow:hidden;}
.vouchers-page .voucher-package-tabs,
.vouchers-page .voucher-view-tabs{min-width:0;display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:0;overflow:hidden;}
.vouchers-page .voucher-package-tabs button,
.vouchers-page .voucher-view-tabs button{height:34px;min-height:34px;padding:5px 18px;border:1px solid var(--ui-color-line);border-radius:var(--ui-radius-sm);background:var(--ui-color-surface);color:var(--ui-color-primary-strong);box-shadow:none;cursor:pointer;font-weight:900;}
.vouchers-page .voucher-package-tabs button{flex:0 1 190px;}
.vouchers-page .voucher-view-tabs button{flex:0 1 132px;}
.vouchers-page .voucher-package-tabs button[aria-selected="true"],
.vouchers-page .voucher-view-tabs button[aria-selected="true"]{border-color:transparent;background:var(--ui-gradient-brand);color:#fff;box-shadow:var(--ui-shadow-control);}
.vouchers-page .voucher-view-panel{min-height:0;display:none;overflow:hidden;}
.vouchers-page .voucher-view-panel.is-active{display:grid;gap:8px;}
.vouchers-page .voucher-view-panel[data-voucher-panel="entry"].is-active{grid-template-rows:92px minmax(0,1fr);}
.vouchers-page .voucher-view-panel[data-voucher-panel="record"].is-active{grid-template-rows:72px minmax(0,1fr);}
.vouchers-page .voucher-entry-intro,
.vouchers-page .voucher-record-intro{box-sizing:border-box;min-height:0;border:1px solid var(--ui-color-line);border-radius:var(--ui-radius-lg);background:linear-gradient(110deg,var(--ui-color-surface),var(--ui-color-surface-soft));box-shadow:var(--ui-shadow-soft);overflow:hidden;}
.vouchers-page .voucher-entry-intro{display:grid;grid-template-columns:minmax(320px,1fr) minmax(480px,1.25fr);align-items:center;gap:18px;padding:10px 16px;}
.vouchers-page .voucher-intro-copy>span,
.vouchers-page .voucher-record-intro span{color:var(--ui-color-primary);font-size:11px;font-weight:900;}
.vouchers-page .voucher-intro-copy h2,
.vouchers-page .voucher-record-intro h2{margin:1px 0 3px;color:var(--ui-color-text);font-size:19px;}
.vouchers-page .voucher-intro-copy p,
.vouchers-page .voucher-record-intro p{margin:0;color:var(--ui-color-muted);font-size:12px;}
.vouchers-page .voucher-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;}
.vouchers-page .voucher-steps div{min-width:0;display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--ui-color-line);border-radius:var(--ui-radius-md);background:color-mix(in srgb,var(--ui-color-surface) 94%,var(--ui-color-primary) 6%);color:var(--ui-color-text);font-size:11px;font-weight:800;}
.vouchers-page .voucher-steps b{flex:0 0 26px;width:26px;height:26px;display:grid;place-items:center;border-radius:9px;background:var(--ui-gradient-brand);color:#fff;}
.vouchers-page .voucher-record-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:9px 16px;}
.vouchers-page .voucher-record-intro p{max-width:620px;text-align:left;}
.vouchers-page .voucher-frame-shell{min-height:0;display:grid;grid-template-rows:34px minmax(0,1fr);border:1px solid var(--ui-color-line);border-radius:var(--ui-radius-lg);background:var(--ui-color-surface);box-shadow:var(--ui-shadow-soft);overflow:hidden;}
.vouchers-page .voucher-frame-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 12px;border-bottom:1px solid var(--ui-color-line);background:color-mix(in srgb,var(--ui-color-surface-soft) 88%,var(--ui-color-primary) 12%);color:var(--ui-color-primary-strong);font-size:12px;font-weight:900;}
.vouchers-page .voucher-frame-heading small{color:var(--ui-color-muted);font-size:10px;}
.vouchers-page .voucher-detail-frame{display:block;width:100%;height:100%;min-height:0;border:0;background:transparent;}

.voucher-workspace-page input[type="number"]::-webkit-outer-spin-button,
.voucher-workspace-page input[type="number"]::-webkit-inner-spin-button{margin:0;}
.voucher-workspace-page input[type="number"]{appearance:textfield;}
.voucher-workspace-page .panel-head{padding:20px 22px 10px;}
.voucher-workspace-page .panel-kicker{display:inline-flex;padding:5px 12px;margin-bottom:10px;}
.voucher-workspace-page .panel h3{margin:0;}
.voucher-workspace-page .panel-desc{margin:10px 0 0;}
.voucher-workspace-page .panel-body{padding:16px 22px 22px;}
.voucher-workspace-page .card h3{margin:0 0 16px;}
.voucher-workspace-page .smart-select{position:relative;margin-bottom:14px;}
.voucher-workspace-page .smart-select select{margin-bottom:0;}
.voucher-workspace-page .smart-select-native{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;}
.voucher-workspace-page .smart-select-input{margin-bottom:0;cursor:text;}
.voucher-workspace-page .smart-select-list{display:none;position:absolute;z-index:80;top:calc(100% + 6px);right:0;left:0;max-height:260px;overflow-y:auto;padding:6px;}
.voucher-workspace-page .smart-select.is-open .smart-select-list{display:block;}
.voucher-workspace-page .smart-select-option,
.voucher-workspace-page .smart-select-empty{padding:10px 12px;}
.voucher-workspace-page .smart-select-option{cursor:pointer;}
.voucher-workspace-page .smart-select-empty{text-align:center;}
.voucher-workspace-page .btn-edit,
.voucher-workspace-page .btn-delete,
.voucher-workspace-page .btn-print{padding:7px 14px;display:inline-flex;white-space:nowrap;}
.voucher-workspace-page .btn-delete{cursor:pointer;}
.voucher-workspace-page .logout{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;}
.voucher-workspace-page label{margin-bottom:6px;}
.voucher-workspace-page .table-wrap table td{white-space:nowrap;}
.voucher-workspace-page .transfer-edit-header,
.voucher-workspace-page .transfer-form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.voucher-workspace-page .transfer-edit-header{justify-content:flex-start;}

@media print{
  .voucher-workspace-page *{visibility:hidden;}
  .voucher-workspace-page .print-area,
  .voucher-workspace-page .print-area *{visibility:visible;}
  .voucher-workspace-page .print-area{position:absolute;top:0;right:0;width:100%;}
  .voucher-workspace-page .no-print{display:none!important;}
}

@media (max-width:850px){
  .vouchers-page .voucher-portal{height:auto;overflow:visible;grid-template-rows:auto auto auto;}
  .vouchers-page .voucher-package-tabs,
  .vouchers-page .voucher-view-tabs{overflow-x:auto;}
  .vouchers-page .voucher-package-tabs button,
  .vouchers-page .voucher-view-tabs button{flex:0 0 auto;}
  .vouchers-page .voucher-view-panel[data-voucher-panel="entry"].is-active,
  .vouchers-page .voucher-view-panel[data-voucher-panel="record"].is-active{grid-template-rows:auto 560px;}
  .vouchers-page .voucher-entry-intro{grid-template-columns:1fr;}
  .vouchers-page .voucher-record-intro{align-items:flex-start;flex-direction:column;}
}

@media (max-width:768px){
  .voucher-workspace-page .panel-head,
  .voucher-workspace-page .panel-body{padding-right:18px;padding-left:18px;}
  .voucher-workspace-page .topbar-back{width:100%;justify-content:center;}
}