/* Component refinements for dense, accessible administration tables. */
.guest-trials-page .text-action{border:0;background:transparent;color:inherit;padding:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font:inherit}.guest-trials-page .text-action:focus-visible{outline:2px solid #c7d1d5;outline-offset:4px}
.guest-trial-search{display:grid;grid-template-columns:minmax(260px,1fr) 180px auto;gap:10px;margin-bottom:18px}.guest-trial-search select{min-height:44px}.guest-trial-layout{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(360px,1.1fr);gap:18px;align-items:start}.guest-trial-list{list-style:none;margin:0 0 14px;padding:0;border:1px solid #72797c66;border-radius:12px;overflow:hidden}.guest-trial-list li+li{border-top:1px solid #72797c55}.guest-trial-list button{width:100%;min-height:68px;border:0;border-radius:0;background:#34393b22;color:inherit;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;text-align:left}.guest-trial-list button:hover,.guest-trial-list button.selected{background:#34393b88}.guest-trial-list button:focus-visible{outline:2px solid #c7d1d5;outline-offset:-3px}.guest-trial-list button>span:first-child{display:grid;gap:4px;min-width:0}.guest-trial-list small{color:#c5cbce;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.guest-trial-detail{border:1px solid #72797c66;border-radius:12px;padding:20px;background:#34393b22}.guest-trial-detail-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.guest-trial-detail-heading h2{margin:0 0 6px;font-size:24px}.guest-trial-detail-heading code{font-size:12px;color:#c5cbce}.guest-trial-detail dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0}.guest-trial-detail dt{font-size:12px;color:#c5cbce}.guest-trial-detail dd{margin:5px 0 0}.guest-trial-reset{border-top:1px solid #72797c55;padding-top:18px}.guest-trial-reset p{color:#c5cbce;line-height:1.5}.guest-trial-reset .primary{margin-top:6px}@media(max-width:850px){.guest-trial-search,.guest-trial-layout{grid-template-columns:1fr}.guest-trial-search .secondary{justify-self:start}}@media(max-width:520px){.guest-trial-detail dl{grid-template-columns:1fr}}
.preview-label{color:#f0ff3d!important}.preview-banner{margin:0 0 20px;padding:12px 15px;border:1px solid #6a6426;border-left:3px solid #f0ff3d;border-radius:8px;background:#282610;color:#f2edae;font-weight:700;font-size:13px}.preview-shell .sidebar{border-right-color:#5d5725}.preview-shell .service{color:#f2edae;border-color:#6a6426}.preview-shell .service span{background:#f0ff3d;box-shadow:0 0 12px #f0ff3d80}
.filter-field{display:block}.filter-field select{height:48px}.table-wrap{background:#111213;box-shadow:0 12px 30px #0002}table{min-width:880px}th{white-space:nowrap;border-bottom:1px solid #343637}td{height:72px;max-width:240px}tbody tr:not(.detail-row):hover td{background:#191b19}.primary-cell{min-width:0;max-width:250px}.primary-cell>b,.primary-cell>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f3f4ed;font-size:13px}.primary-cell small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.primary-cell small code{font-size:10px}.cell-id{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-value{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d7d9d2}.cell-value.numeric{font-variant-numeric:tabular-nums;text-align:right}.cell-value.date{color:#aeb1ac;font-size:12px}.row-action{width:1%;white-space:nowrap}.row-action .record-link{margin:0;min-width:96px;justify-content:flex-end}.state{display:inline-flex;align-items:center;min-height:24px;border:1px solid #464a43;border-radius:999px;padding:3px 9px;background:#20221f;color:#d8dad1;font-size:11px;font-weight:800;text-transform:capitalize;white-space:nowrap}.state-active,.state-paid,.state-ready,.state-completed{background:#1e2b1a;border-color:#577542;color:#d7f2b4}.state-revoked,.state-refunded,.state-cancelled,.state-failed{background:#321c19;border-color:#84483e;color:#ffc0ad}.state-remote-reset,.state-suspended,.state-expired,.state-inactive{background:#302b18;border-color:#7c7033;color:#f2e99b}.audit-action{display:block;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.detail-row td{height:auto}.resource-detail{padding:28px;border-left:3px solid #f0ff3d;background:#101111}.resource-detail h2{margin:0;font-size:26px;text-transform:capitalize}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.detail-grid>div{min-width:0;border:1px solid #2d3030;background:#171819;border-radius:8px;padding:12px}.detail-grid span{display:block;color:#777b75;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.detail-grid b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;margin-top:6px;color:#eceee7}.resource-detail .customer-section .results article{background:#151617}.audit-detail{border-left-color:#7f816f}@media(max-width:900px){.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.row-action .record-link{justify-content:flex-start}}@media(max-width:560px){.detail-grid{grid-template-columns:1fr}.resource-detail{padding:20px}.table-wrap{margin-left:-2px;margin-right:-2px}}

/* Approved graphite surfaces, slightly darker than the design reference. */
:root{color:#f1f2f2;background:#292b2e}body{background:radial-gradient(ellipse at 20% 0,#40424466,transparent 58%),linear-gradient(125deg,#2d2f31,#242628);color:#f1f2f2}.app-shell{padding:10px;gap:12px;grid-template-columns:240px minmax(0,1fr)}.sidebar{top:10px;height:calc(100vh - 20px);border:1px solid #51545770!important;border-radius:26px;background:linear-gradient(145deg,#242729,#1f2224);box-shadow:0 14px 35px #0002;padding:28px 16px}.brand{padding:0 8px 38px}.brand span{color:#b9bdbe}.mark.small{border-radius:7px;transform:none}.sidebar nav button{color:#e0e2e3;font-weight:500;position:relative;padding:14px 12px}.sidebar nav button.active{color:#f0ff3d;background:linear-gradient(100deg,#4b4d47,#3b3e3d)}.sidebar nav button.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#f0ff3d;border-radius:6px}.sidebar nav button:hover{background:#454849}.sidebar nav button svg{width:22px;height:22px}.sidebar-bottom{border-top:1px solid #64676a55;padding-top:20px}.admin-version,.admin-version b{color:#bfc3c4}.workspace{border:1px solid #66696a88;border-radius:30px;background:repeating-linear-gradient(115deg,#ffffff02 0 1px,transparent 1px 4px),radial-gradient(ellipse at top left,#393c3e,#292c2e 80%);padding:32px 26px;min-height:calc(100vh - 20px);box-shadow:inset 0 1px 0 #ffffff09,0 14px 32px #0002}.workspace h1{font-size:38px;letter-spacing:-.04em;margin-bottom:12px}header{margin-bottom:20px}.eyebrow{color:#bfc2c3}.service{color:#d0d3d3;border-color:#686b6c;background:#333638}.preview-banner{background:#383b3b;border-color:#62665b;color:#d8dbcf;font-weight:400}.preview-shell .service{color:#d9ddcf;border-color:#64685d}.panel,.grid article{background:linear-gradient(140deg,#373a3c,#2d3032);border-color:#646769;box-shadow:0 10px 22px #0002}.panel input,.panel select,.panel textarea,.products-filters input,.products-filters select{background:linear-gradient(130deg,#404345,#36393b);border-color:#737779;color:#f1f2f2;box-shadow:inset 0 1px 0 #ffffff0b,0 5px 12px #0001}input::placeholder{color:#c8ccce}.secondary{background:linear-gradient(#424547,#333638);border:1px solid #717577;color:#f1f2f2;font-weight:500}.primary{background:#f0ff3d;color:#10110d;box-shadow:0 6px 12px #0002;font-weight:650}.table-wrap{background:#2f3234;border-color:#66696b;border-radius:15px}.table-wrap th{background:linear-gradient(#434648,#3b3e40);color:#d5d8d9;font-size:12px;letter-spacing:0;text-transform:none;font-weight:500;border-color:#676a6c}.table-wrap td{border-color:#5e626455;color:#e1e4e5}tbody tr:not(.detail-row):hover td{background:#3e4243}.selected td{background:#464a42}.empty,.product-muted{color:#c1c5c6}.products-subtitle{font-size:16px;color:#cbd0d1;margin:0 0 26px}.products-filters{display:grid;grid-template-columns:minmax(180px,1fr) 155px auto;gap:14px;align-items:center;margin-bottom:22px}.products-filters input,.products-filters select{height:52px;border-radius:10px}.products-card{border:1px solid #777b7d;border-radius:16px;background:linear-gradient(135deg,#373b3d,#2d3032);box-shadow:0 14px 22px #0003;overflow:hidden}.products-card>.table-wrap{margin:0;border:0;border-radius:0;box-shadow:none}.products-card table{min-width:750px}.products-card th{padding:20px}.products-card td{height:84px;padding:16px 20px}.products-card tr.selected td:first-child{box-shadow:inset 4px 0 #f0ff3d}.product-list-identity{display:flex;align-items:center;gap:16px;min-width:180px}.product-list-identity b,.product-list-identity small{white-space:normal;overflow-wrap:anywhere}.product-list-identity small{color:#c0c5c6;font-size:11px}.product-mark{display:flex;gap:3px;align-items:center;justify-content:center;width:46px;height:50px;flex:0 0 auto;border:1px solid #898d8f;border-radius:8px;background:linear-gradient(135deg,#515558,#323639);box-shadow:0 5px 12px #0002}.product-mark i{width:3px;height:12px;background:#f0ff3d;border-radius:4px}.product-mark i:nth-child(2),.product-mark i:nth-child(4){height:24px}.product-mark i:nth-child(3){height:32px}.products-results .pagination{margin:0;padding:18px 22px;border-color:#626769}.products-results .pagination [aria-current]{border:1px solid #f0ff3d;color:#f0ff3d;padding:9px 13px;border-radius:8px}.products-card .empty{padding:20px}.products-card .state,.product-dialog .state{border-radius:5px;background:#535c4f;color:#d7f9a8;border-color:#7b9660;font-weight:500;font-size:13px}.products-card .state:not(.state-active),.product-dialog .state:not(.state-active){background:#474b4d;color:#e1e4e5;border-color:#777d7f}.product-dialog{position:fixed;inset:18px 18px 18px auto;margin:0;width:min(600px,calc(100vw - 32px));height:calc(100dvh - 36px);max-height:none;max-width:none;padding:28px;color:#f1f2f2;border:1px solid #878b8d;border-radius:24px;background:repeating-linear-gradient(115deg,#ffffff02 0 1px,transparent 1px 4px),linear-gradient(135deg,#3e4245,#2e3235);box-shadow:0 20px 40px #0005,inset 0 1px 0 #ffffff22;overflow:hidden}.product-dialog[open]{display:flex;flex-direction:column}.product-dialog::backdrop{background:#17191b25}.product-dialog-heading{display:flex;align-items:center;justify-content:space-between;text-transform:uppercase;color:#d0d3d5;font-size:13px;margin-bottom:16px}.product-dialog .icon-button{border:0;width:28px;height:28px}.product-dialog .icon-button svg{width:24px}.product-identity{display:flex;align-items:center;gap:20px}.product-identity .product-mark{width:70px;height:70px}.product-title-line{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.product-title-line h2{margin:0;font-size:30px;letter-spacing:-.03em;overflow-wrap:anywhere}.product-identity>div{min-width:0}.product-identity p{color:#c3c8cb;margin:6px 0 0;overflow-wrap:anywhere}.product-fixture-note{color:#d2d7c0;font-size:12px;margin:15px 0 0}.product-tabs{display:flex;gap:12px;border-bottom:1px solid #6c727577;margin-top:18px}.product-tabs button{position:relative;flex:1;background:transparent;border:0;padding:18px 8px;color:#dadde0;text-transform:capitalize;cursor:pointer}.product-tabs button[aria-selected=true]{color:#fff;font-weight:650}.product-tabs button[aria-selected=true]:after{content:"";height:4px;background:#f0ff3d;position:absolute;bottom:0;left:0;right:0;border-radius:4px}.product-dialog-content{overflow:auto;min-height:0;flex:1;padding:4px 3px 14px;scrollbar-color:#848b8d transparent}.product-dialog-content h3{font-size:16px;margin:22px 0 12px}.product-description{line-height:1.6;color:#dce0e1;margin:0 0 18px;white-space:pre-wrap;overflow-wrap:anywhere}.product-summary{display:grid;grid-template-columns:1fr 1fr;border:1px solid #737a7c77;border-radius:13px;background:linear-gradient(130deg,#484d5066,#383d4044);overflow:hidden;margin:0 0 20px}.product-summary>div{padding:20px;border-bottom:1px solid #747a7d55}.product-summary>div:nth-child(odd){border-right:1px solid #747a7d55}.product-summary>div:nth-last-child(-n+2){border-bottom:0}.product-summary dt,.product-dates dt{color:#c0c6c9;font-size:13px}.product-summary dd,.product-dates dd{margin:8px 0 0;overflow-wrap:anywhere}.product-section{border-top:1px solid #737a7c66;margin-top:18px}.product-inner-table{border:1px solid #747b7e88;border-radius:12px;overflow:auto}.product-inner-table table{min-width:440px}.product-inner-table th{font-size:12px;font-weight:500;text-transform:none;letter-spacing:0;background:#484d5055;color:#e1e4e6;padding:14px 12px}.product-inner-table td{height:auto;padding:14px 12px;border-color:#747b7e55;font-size:13px;color:#e1e5e6}.product-muted{font-size:12px;line-height:1.6}.product-bundles{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}.product-bundles li{border:1px solid #a2ac55;border-radius:7px;padding:6px 10px;color:#f0ff3d;font-size:13px}.product-components{list-style:none;padding:0}.product-components li{display:flex;gap:12px;justify-content:space-between;align-items:center;margin:12px 0}.product-components b{font-size:13px}.product-components small{display:block;color:#bbc3c6;margin-top:5px;overflow-wrap:anywhere}.product-dates{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:12px}.product-dialog-footer{border-top:1px solid #72797b66;padding-top:14px;display:flex;justify-content:flex-end;gap:14px;flex-wrap:wrap}.product-dialog-footer small{width:100%;text-align:right;color:#c0c6c8;font-size:11px}.product-dialog-footer button{min-width:98px}.products-filters button:disabled,.product-dialog-footer button:disabled{opacity:.65}
@media(min-width:1400px){.products-card table{min-width:690px}}
@media(max-width:1100px){.products-filters{grid-template-columns:minmax(180px,1fr) 145px auto}.products-filters button{width:100%}}
@media(max-width:900px){.app-shell{display:block;padding:8px}.sidebar{position:static;height:auto;border-radius:18px;margin-bottom:12px;padding:18px}.brand{padding-bottom:15px}.sidebar nav button{padding:10px 6px;font-size:12px}.sidebar nav button svg{display:none}.workspace{padding:25px 18px;border-radius:20px}.sidebar-bottom{padding-top:12px}.product-dialog{inset:10px 10px 10px auto;height:calc(100dvh - 20px);width:min(600px,calc(100vw - 20px));padding:22px}}
@media(max-width:560px){.products-filters{grid-template-columns:1fr}.product-dialog{padding:18px;border-radius:18px}.product-title-line h2{font-size:25px}.product-summary>div{padding:14px}.product-dialog-footer{gap:10px}.products-results .pagination>div{flex-direction:row;align-items:center}.products-results .pagination .secondary{width:auto}.product-identity .product-mark{width:52px;height:58px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.product-row{cursor:pointer}
/* Shared entity drawers retain complete nested records and operational controls. */
.record-row{cursor:pointer}.record-drawer-title h2{font-size:26px;margin:0 0 16px;letter-spacing:-.03em;overflow-wrap:anywhere}.record-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid #72797c66;border-radius:12px;overflow:hidden;margin:12px 0;background:linear-gradient(125deg,#454a4d55,#32373a33)}.record-fields>div{min-width:0;padding:14px;border-bottom:1px solid #72797c33}.record-fields dt{font-size:12px;text-transform:capitalize;color:#c5cbce}.record-fields dd{margin:7px 0 0;font-size:14px;line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap}.record-fields .record-field-wide{grid-column:1/-1}.record-related{list-style:none;padding:0;margin:0}.record-related>li{margin:10px 0}.record-related .record-fields{margin:0}.record-drawer .product-section h3{text-transform:capitalize}.record-drawer .panel{padding:18px;margin-top:24px}.record-drawer .panel h2{font-size:23px}.record-drawer .actions{margin:12px 0}.record-drawer .product-dialog-content{padding-right:8px}.record-drawer .record-fields .record-fields{background:#2d323455}.record-drawer .panel label{color:#c4c9cb}.record-drawer .notice{background:#383d35;color:#dce0d4}
@media(max-width:560px){.record-fields{grid-template-columns:1fr}.record-drawer .panel{padding:14px}.record-drawer-title h2{font-size:22px}}
/* Responsive and touch refinements for 320px phones through desktop. */
.workspace>*{min-width:0}.service{max-width:100%;white-space:normal;overflow-wrap:anywhere}.table-wrap,.product-inner-table{max-width:100%;overscroll-behavior-x:contain}.details-drawer{max-width:calc(100vw - 20px);overscroll-behavior:contain}.details-drawer .icon-button{width:44px;height:44px;flex:0 0 44px}.details-drawer .product-dialog-content{overscroll-behavior:contain;scrollbar-gutter:stable}.details-drawer .product-dialog-content:focus-visible{outline:2px solid var(--control-focus);outline-offset:-2px}.details-drawer button,.pagination button,.record-link{min-height:44px}.details-drawer .product-tabs{flex-shrink:0}.product-dialog-heading,.product-identity,.product-dialog-footer,.record-drawer-title{flex-shrink:0}.details-drawer .product-dialog-content .actions>button{white-space:normal;overflow-wrap:anywhere}.record-drawer .form-row{min-width:0}.record-drawer .form-row>label{min-width:0}.record-drawer .form-row input{min-width:0}.record-related .record-related{padding-left:8px}.record-fields .record-fields>div{min-width:0}

@media(max-width:900px){.sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr))}.sidebar nav button{min-height:44px;white-space:normal}.workspace header{overflow-wrap:anywhere}.wide{max-width:100%}.products-filters button,.filters button,.signout{min-height:44px}}
@media(max-width:560px){.app-shell{padding:8px}.workspace{padding:22px 14px}.workspace h1{font-size:32px}.panel.wide{padding:14px}.details-drawer{inset:8px 8px 8px auto;width:calc(100vw - 16px);max-width:calc(100vw - 16px);height:calc(100dvh - 16px);padding:14px}.product-identity{gap:12px}.product-summary>div{padding:12px}.product-dialog-footer{justify-content:stretch}.product-dialog-footer button{flex:1}.product-tabs{gap:2px}.product-tabs button{padding:14px 4px;font-size:14px}.record-drawer .panel .primary{max-width:100%;white-space:normal}.products-results .pagination{padding:14px;gap:14px}.products-results .pagination>div{display:flex;justify-content:space-between;gap:8px}.products-results .pagination .secondary{padding:10px}.product-mark{width:40px}.sidebar .brand{padding-left:2px;padding-right:2px}.sidebar .brand b{font-size:14px}.sidebar .brand span{font-size:11px}}
@media(max-height:560px){.details-drawer{padding-top:10px;padding-bottom:10px}.product-dialog-heading{margin-bottom:4px}.product-identity .product-mark{height:40px;width:40px}.product-title-line h2{font-size:24px}.details-drawer .product-fixture-note{margin:4px 0;font-size:11px}.product-tabs{margin-top:4px}.product-tabs button{padding-top:10px;padding-bottom:10px}.product-dialog-footer{padding-top:6px;gap:6px}.product-dialog-footer small{display:none}.record-drawer-title h2{font-size:20px;margin-bottom:4px}}
/* Side peek overlays never participate in workspace or table layout. */
html{scrollbar-gutter:stable}
.collection-layout{width:100%;min-width:0;margin:0 0 24px;padding:0;border:0;background:none;box-shadow:none}
.collection-layout>.filters{display:grid;gap:14px;align-items:center;margin:0 0 22px}
.collection-layout>.filters input,.collection-layout>.filters select{background:linear-gradient(130deg,#404345,#36393b);border-color:#737779;color:#f1f2f2;min-height:48px}
.collection-layout>.table-wrap,.products-results>.table-wrap{margin-top:0}
.collection-layout>.pagination,.products-results>.pagination{margin-top:18px;padding:0;border:0;background:none;box-shadow:none}
.products-results{min-width:0;background:none;border:0;box-shadow:none}
.products-results>.products-card{border:1px solid #66696b;border-radius:15px}
.details-drawer{position:fixed;inset:0 0 0 auto;width:min(600px,100%);max-width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:20px 0 0 20px}
.details-drawer[open]{animation:drawer-in 220ms cubic-bezier(.2,.8,.2,1) both}
.details-drawer[open].drawer-closing{animation:drawer-out 200ms ease-in both}
.details-drawer::backdrop{background:#10121438;animation:drawer-backdrop-in 220ms ease-out both}
.details-drawer.drawer-closing::backdrop{animation:drawer-backdrop-out 200ms ease-in both}
@keyframes drawer-in{from{transform:translateX(100%);opacity:.8}to{transform:translateX(0);opacity:1}}
@keyframes drawer-out{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:.8}}
@keyframes drawer-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes drawer-backdrop-out{from{opacity:1}to{opacity:0}}
@media(max-width:900px){.collection-layout>.filters{grid-template-columns:1fr}.collection-layout>.pagination{gap:14px}}
@media(max-width:560px){.details-drawer{inset:0;width:100%;max-width:100%;height:100dvh;border-radius:0;border-left:0;border-right:0;padding:14px}.collection-layout>.filters{gap:12px}.products-results>.pagination{padding:0}.record-drawer .panel{border:0;background:none;box-shadow:none;padding:0}}
@media(prefers-reduced-motion:reduce){.details-drawer[open],.details-drawer[open].drawer-closing,.details-drawer::backdrop{animation:none!important;transition:none!important}}
.record-drawer .panel{border:0;border-top:1px solid #737a7c66;border-radius:0;background:none;box-shadow:none;padding:20px 0 0}
/* Focus belongs to the native table row; no separate action column. */

.collection-layout .table-wrap table{min-width:740px}.products-card table{min-width:640px}
.issue-fields{border:0;padding:0;margin:0;min-width:0;display:grid;gap:18px}.issue-fields:disabled input,.issue-fields:disabled select,.issue-fields:disabled textarea{opacity:1;color:#d1d5d7;cursor:default}.issue-summary{border-top:1px solid #737a7c66;padding-top:14px}.issue-summary h3{margin:0 0 10px}.preview-settings-version{margin-bottom:24px}.preview-settings-version h2{font-size:22px}.preview-settings-version .results{margin-top:12px}
a.service{text-decoration:none;cursor:pointer}a.service:hover{border-color:#b6bd96;color:#f0ff3d}a.service:focus-visible{outline:2px solid var(--control-focus);outline-offset:3px}
/* Desktop/tablet side peek is non-modal; the list remains interactive/scrollable. */
.details-drawer{z-index:100}.details-drawer[aria-modal=false]::backdrop{background:transparent;pointer-events:none}
.details-drawer.drawer-stable:not(.drawer-closing){animation:none}

/* Selection belongs to the open record; restored pointer focus has no ring. */
.record-row:focus,.product-row:focus{outline:none}
.record-row:focus-visible:not([data-row-focus="pointer"]),.product-row:focus-visible:not([data-row-focus="pointer"]){outline:1px solid #aab4b9;outline-offset:-2px}
.catalog-form-dialog{position:fixed;inset:24px;margin:auto;width:min(720px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:24px;border:1px solid #727a7e;border-radius:18px;color:#f1f2f2;background:linear-gradient(130deg,#3e4245,#2e3235);box-shadow:0 24px 70px #0007}.catalog-form-dialog[open]{display:flex;flex-direction:column}.catalog-form-dialog::backdrop{background:#11141788}.catalog-form-dialog>header{margin:0 0 16px;display:flex;align-items:center;flex-shrink:0}.catalog-form-dialog h2{font-size:26px;margin:0}.catalog-form-dialog>footer{padding-top:16px;flex-shrink:0}.catalog-form-content{overflow:auto;min-height:0;overscroll-behavior:contain}.catalog-editor{display:grid;gap:16px}.catalog-editor label{color:#c4cbce;min-width:0;letter-spacing:.04em}.catalog-editor input,.catalog-editor textarea,.catalog-editor select{background:#30363a;border-color:#687278;min-height:44px;min-width:0}.catalog-editor .error{letter-spacing:normal;text-transform:none;line-height:1.5}.catalog-editor [aria-invalid=true]{border-color:#ffa88c}.catalog-form-dialog button{min-height:44px;white-space:normal}.bundle-item-fields{margin:0;padding:14px;border:1px solid #66727866;border-radius:10px;min-width:0;display:grid;gap:12px}.bundle-item-fields legend{padding:0 6px;color:#d4dade}.bundle-editor h3{font-size:18px}.collection-layout>.filters:has(>button){grid-template-columns:minmax(150px,1fr) 150px auto}.record-identifiers{margin-top:20px;border-top:1px solid #67717655;padding-top:12px}.record-identifiers summary{cursor:pointer;color:#b2bec4;font-size:13px;min-height:32px}.record-identifiers .record-fields{background:none;border:0}.record-identifiers dd{font-family:ui-monospace,monospace;font-size:11px}.record-drawer .record-fields{background:none;border:0;border-radius:0}.record-drawer .record-fields:empty{display:none}.human-related-record h4{margin:0 0 8px;font-size:15px}.human-related-record{padding:14px 0;border-bottom:1px solid #68727744}.relation-count,.bundle-version>h4>span{font-size:12px;color:#b8c3c8;margin-left:8px;font-weight:400}.bundle-version>h4{font-size:15px}.bundle-product-list{list-style:none;margin:0;padding:0}.bundle-product-list>li{padding:16px 0;border-bottom:1px solid #68727744}.bundle-product-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.bundle-product-heading h4{margin:0;font-size:17px;overflow-wrap:anywhere}.bundle-product-list p{font-size:13px;color:#ced5d8;margin:10px 0}.bundle-product-list .record-identifiers{margin-top:8px;border:0;padding:0}.record-drawer-title .product-title-line{margin-bottom:14px}.record-drawer-title .product-title-line h2{margin:0}.catalog-form-dialog .icon-button{width:44px;height:44px;flex-shrink:0}
@media(max-width:900px){.collection-layout>.filters:has(>button){grid-template-columns:1fr}}
@media(max-width:560px){.catalog-form-dialog{inset:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0;padding:16px}.catalog-editor .form-row{grid-template-columns:1fr}.catalog-form-dialog h2{font-size:23px}.bundle-product-heading{flex-wrap:wrap}}
/* Shared native controls: preserve keyboard behavior with panel tokens. */
:root{--control-bg:#30363a;--control-border:#687278;--control-focus:#bec8cd;--control-error:#ffa88c}
input,textarea,select{color-scheme:dark;background-color:var(--control-bg);border:1px solid var(--control-border);border-radius:8px;min-height:44px;color:#edf0f1}
select{appearance:none;padding-right:36px;background-image:url("./assets/chevron-down.svg");background-repeat:no-repeat;background-position:right 12px center}
select option{background:#30363a;color:#edf0f1}input[type=number]{appearance:textfield;-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--control-focus);outline-offset:2px}input:disabled,select:disabled,textarea:disabled{opacity:.6;cursor:not-allowed}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--control-error)}
.catalog-picker{display:grid;gap:12px;border-top:1px solid #68727866;padding-top:16px}.catalog-picker .pagination{gap:8px;font-size:12px}.bundle-edit-list{list-style:none;padding:0;margin:0}.bundle-edit-list>li{padding:14px 0;border-bottom:1px solid #68727866}.bundle-edit-row{display:grid;grid-template-columns:minmax(0,1fr) 94px 110px 80px;align-items:end;gap:14px;min-height:66px}.bundle-edit-identity{align-self:center;min-width:0}.bundle-edit-identity b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;font-size:14px;line-height:1.4}.bundle-edit-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#b8c3c8;margin-top:4px}.catalog-editor .bundle-edit-row label{display:grid;gap:6px;margin:0;font-size:11px;font-weight:400;text-transform:none;letter-spacing:normal;line-height:16px;min-width:0}.bundle-edit-row input{box-sizing:border-box;width:100%;margin:0;padding:10px;min-width:0;height:44px}.bundle-edit-row .bundle-edit-remove{width:80px;height:44px;padding:8px;font-size:12px;white-space:nowrap}.bundle-edit-list .confirmation{margin-top:12px}.human-related-record summary,.settings-help summary{font-size:13px;color:#bdc7cc;cursor:pointer;padding:8px 0}.confirmation{padding:14px;border:1px solid #879195;border-radius:8px;font-size:14px;line-height:1.5}.activity-rows table{min-width:540px}.activity-rows td{padding:14px}.activity-rows b{text-transform:capitalize}.locale-value{display:inline-flex;gap:7px;align-items:center}.customer-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 16px}.customer-stats>div{padding:14px;background:#30363a;border-radius:9px;display:grid;gap:8px}.customer-stats span{text-transform:capitalize;color:#bdc7cc;font-size:13px}.customer-stats b{font-size:24px}.related-record-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.related-summary{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:#bdc7cc}.settings-sections{display:grid;gap:28px}.settings-sections>section{border-top:1px solid #68727866;padding-top:18px}.settings-sections h2{font-size:19px;margin:0 0 14px}.settings-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.setting-row{border-bottom:1px solid #68727844}.setting-row>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;min-height:56px;padding:12px 0}.setting-row>summary::after{content:'⌄';color:#b8c3c8}.setting-row>summary>span{color:#bcc7cc;font-size:13px;margin-left:auto}.setting-row dl{margin:0 0 16px;font-size:13px;display:grid;gap:8px}.setting-row dl>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px}.setting-row dt{color:#b8c3c8}.setting-row dd{margin:0;overflow-wrap:anywhere}.administrator-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #68727844}.administrator-row small{display:block;margin-top:6px;color:#b8c3c8}.administrator-row>details{grid-column:1/-1;font-size:13px}.administrator-row>details>summary{cursor:pointer;padding:8px 0}
@media(max-width:560px){.bundle-edit-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"identity remove" "major installations";gap:12px}.bundle-edit-identity{grid-area:identity}.bundle-edit-major{grid-area:major}.bundle-edit-installations{grid-area:installations}.bundle-edit-remove{grid-area:remove;justify-self:end;align-self:center}.settings-heading,.setting-row>summary{align-items:flex-start;flex-wrap:wrap}.administrator-row{grid-template-columns:1fr}.setting-row dl>div{grid-template-columns:1fr;gap:4px}.setting-row>summary>span{margin-left:0}.catalog-picker .pagination{flex-wrap:wrap}}
.recipient-picker{position:relative}.recipient-picker>label{display:flex;align-items:center;justify-content:space-between}.optional-field{color:#b8c3c8;font-size:11px;font-weight:500;text-transform:none;letter-spacing:normal}.recipient-combobox{position:relative}.recipient-options{position:absolute;z-index:5;inset:calc(100% + 6px) 0 auto;margin:0;padding:6px;list-style:none;border:1px solid #687278;background:#20252a;border-radius:10px;box-shadow:0 14px 30px #0008;max-height:260px;overflow:auto}.recipient-options li{display:grid;gap:4px;padding:10px;border-radius:7px;cursor:pointer;overflow-wrap:anywhere}.recipient-options li:hover,.recipient-options li.active{background:#343a3e;outline:1px solid #f0ff3d55}.recipient-options b{font-size:14px}.recipient-options span{color:#bdc7cc;font-size:12px}.recipient-selection{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid #68727866;border-radius:9px;background:#30363a}.recipient-selection span{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}.recipient-selection small{color:#bdc7cc}.recipient-selection .secondary{flex:0 0 auto;padding:8px 12px}.recipient-picker>.error{margin:0;line-height:1.5}.recipient-picker>.error .secondary{margin-inline-start:8px;padding:7px 10px}
.assignment-badge{display:inline-flex;align-items:center;border:1px solid #7e898f;border-radius:6px;padding:4px 8px;color:#d5dce0;font-size:12px;line-height:18px;white-space:nowrap}.license-assignment{padding:0 0 16px;margin-bottom:16px;border-bottom:1px solid #68727866}.license-assignment h3{margin:0}.license-assignment dd{overflow-wrap:anywhere}.license-assignment p{line-height:1.5}.filters.license-filters{grid-template-columns:minmax(150px,1fr) 140px 150px}@media(max-width:900px){.filters.license-filters{grid-template-columns:1fr}}
.catalog-form-content>.panel{background:none;border:0;padding:0;box-shadow:none}
.locale-value{vertical-align:middle;line-height:1.4;white-space:normal}.locale-picker{display:grid;gap:10px;min-width:0}.locale-picker label{margin:0}.locale-picker small{line-height:1.5}.locale-picker select{width:100%;min-width:0}

.expiry-options{display:grid;gap:12px;border:0;padding:0;margin:0;min-width:0}.expiry-options legend{font-size:13px;color:#bdc7cc;margin-bottom:10px}.catalog-editor .expiry-toggle{display:flex;align-items:center;gap:10px;min-height:44px;text-transform:none;letter-spacing:normal;margin:0}.catalog-editor .expiry-toggle input{width:18px;height:18px;min-height:18px;padding:0;margin:0;accent-color:#f0ff3d;flex:0 0 auto}.expiry-options input[type=datetime-local]{box-sizing:border-box;width:100%;min-width:0}.expiry-options small{line-height:1.5;text-transform:none;letter-spacing:normal}

.customer-relation-rows{list-style:none;margin:0;padding:0;border:1px solid #68727866;border-radius:10px;overflow:hidden}.customer-relation-rows li+li{border-top:1px solid #68727866}.customer-relation-rows button{width:100%;min-height:62px;border:0;background:#30353866;color:inherit;padding:11px 13px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(70px,auto);gap:12px;align-items:center;text-align:left;cursor:pointer}.customer-relation-rows button:hover{background:#454b4e}.customer-relation-rows button:focus-visible{outline-offset:-3px}.customer-relation-main{min-width:0;display:grid;gap:3px}.customer-relation-main b,.customer-relation-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-relation-main small{font:11px ui-monospace,monospace;color:#aeb8bd}.customer-relation-meta{font-size:12px;color:#c5ced2;text-align:right}.record-modal-content{display:flex;flex-direction:column;min-height:0}.record-modal-content .product-dialog-content{overflow:visible;max-height:none;padding-right:0}.record-modal-content .record-drawer-title h2{font-size:24px}.serial-control code{display:block;padding:13px;border:1px solid #68727866;border-radius:8px;background:#292e31;color:#f1f2f2;overflow-wrap:anywhere}.serial-control .actions{margin-top:12px}.destructive-review{display:grid;gap:14px}.destructive-review .eyebrow{margin:0}.destructive-review textarea{min-height:96px}.action-identity{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;margin:0}.action-identity div{display:contents}.action-identity dt{color:#b8c3c8}.action-identity dd{margin:0;overflow-wrap:anywhere}.destructive-final{display:grid;gap:12px;border:1px solid #9a554c;background:#3b2928;padding:16px;border-radius:10px}.destructive-final p{margin:0}.destructive-final code{overflow-wrap:anywhere}.danger:disabled,.secondary:disabled{opacity:.55;cursor:not-allowed}
.customer-email-fields>div{grid-column:1/-1}.customer-email-fields dd{display:flex;align-items:center;gap:12px}.customer-email-fields dd>span{min-width:0;flex:1;overflow-wrap:anywhere}.customer-email-fields .customer-email-toggle{width:36px;height:36px;min-height:36px;flex:0 0 36px}.customer-email-fields p{margin:0;padding:0 14px 14px;color:#ffb09c;font-size:12px}.customer-email-fields:has(p)>div{padding-bottom:0}
@media(max-width:560px){.customer-relation-rows button{grid-template-columns:minmax(0,1fr) auto}.customer-relation-meta{grid-column:1/-1;text-align:left}.record-modal-content .product-dialog-content{max-height:none}.action-identity{grid-template-columns:1fr;gap:4px}.action-identity div{display:grid;gap:4px}}

/* Slightly deepen the current neutral surfaces without changing brand or state colours. */
:root{background:#25272a;--control-bg:#2c3236}
body{background:radial-gradient(ellipse at 20% 0,#3a3c3e66,transparent 58%),linear-gradient(125deg,#292b2d,#212325)}
.sidebar{background:linear-gradient(145deg,#202325,#1b1e20)}
.sidebar nav button.active{background:linear-gradient(100deg,#454741,#353837)}
.sidebar nav button:hover{background:#3f4243}
.workspace{background:repeating-linear-gradient(115deg,#ffffff02 0 1px,transparent 1px 4px),radial-gradient(ellipse at top left,#343739,#25282a 80%)}
.service{background:#2e3133}
.preview-banner{background:#323535}
.panel,.grid article{background:linear-gradient(140deg,#323537,#292c2e)}
.panel input,.panel select,.panel textarea,.products-filters input,.products-filters select{background:linear-gradient(130deg,#3a3d3f,#303336)}
.secondary{background:linear-gradient(#3c3f41,#2d3032)}
.table-wrap{background:#292c2e}
.table-wrap th{background:linear-gradient(#3d4042,#35383a)}
tbody tr:not(.detail-row):hover td{background:#383c3d}
.selected td{background:#40443d}
.products-card{background:linear-gradient(135deg,#323638,#292c2e)}
.product-mark{background:linear-gradient(135deg,#4b4f52,#2d3134)}
.product-dialog{background:repeating-linear-gradient(115deg,#ffffff02 0 1px,transparent 1px 4px),linear-gradient(135deg,#393d40,#292d30)}
.catalog-form-dialog{background:linear-gradient(130deg,#393d40,#292d30)}
.catalog-editor input,.catalog-editor textarea,.catalog-editor select,select option{background:#2c3236}
.customer-stats>div{background:#2b3033}
.customer-relation-rows button{background:#2b303366}
.customer-relation-rows button:hover{background:#3e4447}
.serial-control code{background:#252a2d}

/* Keep the application frame flat: only the divider separates navigation and work. */
.app-shell{padding:0;gap:0}
.sidebar{top:0;height:100vh;border:0!important;border-right:1px solid #44484a!important;border-radius:0;box-shadow:none}
.workspace{min-height:100vh;border:0;border-radius:0;box-shadow:none}
.sidebar-bottom{display:grid;gap:8px;border-top:0}
.admin-version{margin:0 8px}
.sidebar-bottom .signout{min-height:44px}
@media(max-width:900px){.app-shell{padding:0}.sidebar{height:auto;margin:0;border-right:0!important;border-bottom:1px solid #44484a!important;border-radius:0}.workspace{border-radius:0}.sidebar-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}}
@media(max-width:560px){.app-shell{padding:0}.sidebar-bottom{grid-template-columns:1fr}.sidebar-bottom .signout{width:100%;justify-content:flex-start}}

/* Session persistence is an explicit choice before the hosted MFA flow. */
.login-card .remember-session{display:flex;align-items:center;gap:10px;margin-top:24px;color:#e0e2e3;font-size:14px;font-weight:500;letter-spacing:normal;text-transform:none;cursor:pointer;min-height:44px}
.login-card .remember-session input{width:18px;height:18px;margin:0;flex:0 0 auto;accent-color:#f0ff3d}
.login-card .remember-session input:focus-visible{outline:2px solid var(--control-focus);outline-offset:4px}
.login-card .remember-session + .primary{margin-top:10px}

/* Dashboard search shares the panel's compact controls and record language. */
.global-search{margin-bottom:28px}
.global-search>form{display:grid;grid-template-columns:minmax(0,1fr)}
.global-search .search-field input{height:100%;min-height:48px}
.global-search-results{margin-top:20px;border:1px solid #55595b;border-radius:10px;padding:20px;background:#292c2e}
.global-search-results>p{margin:0 0 16px;color:#c8ccce;font-size:14px}
.global-search-results section+section{margin-top:24px;padding-top:20px;border-top:1px solid #55595b}
.global-search-results h2{font-size:16px;margin:0 0 10px;letter-spacing:normal}
.global-search-results h2 span{color:#c8ccce;font-weight:400;margin-left:8px;font-variant-numeric:tabular-nums}
.global-search-results ul{list-style:none;padding:0;margin:0}
.global-search-results li+li{border-top:1px solid #45494b}
.global-search-results li button{width:100%;min-height:60px;display:flex;justify-content:space-between;align-items:center;gap:16px;background:transparent;border:0;color:#f1f2f2;text-align:left;padding:12px 8px;cursor:pointer}
.global-search-results li button:hover{background:#383c3d}
.global-search-results li button:focus-visible{outline:2px solid var(--control-focus);outline-offset:2px}
.global-search-results li button>span{min-width:0}
.global-search-results li b,.global-search-results li small,.global-search-results li code{display:block;overflow-wrap:anywhere}
.global-search-results li small,.global-search-results li code{margin-top:4px;color:#c8ccce;font-size:12px}
.global-search-results li svg{width:18px;height:18px;flex:0 0 auto}
.global-search-results .search-truncation{font-size:12px;color:#c8ccce;margin:10px 0 0}
@media(max-width:560px){.global-search>form{grid-template-columns:minmax(0,1fr)}.global-search-results{padding:14px}}
.license-serial-cell { min-width: 0; max-width: 100%; display: grid; gap: 4px; }
.license-serial-value { display: grid; grid-template-columns: minmax(0, 1fr) auto; min-width: 0; align-items: center; gap: 8px; }
.license-serial-value code { min-width: 0; max-width: 100%; font-size: 12px; letter-spacing: 0; line-height: 1.5; white-space: normal; overflow-wrap: anywhere; user-select: text; }
.license-serial-value .icon-button { width: 44px; min-height: 44px; }
.license-serial-cell small { color: #bfc2bd; white-space: normal; }
.license-customer-cell { min-width: 0; }
.license-customer-cell :is(b, small, .license-customer-link) { margin: 0; font-size: inherit; line-height: inherit; }
.license-customer-cell small { overflow-wrap: anywhere; white-space: normal; }
.license-customer-link { display: block; width: max-content; max-width: 100%; padding: 0; text-align: left; min-height: 0; color: inherit; background: none; border: 0; cursor: pointer; text-decoration: none; }
.license-customer-link:hover { color: #efff22; }
@media(max-width: 600px) { .serial-control .license-serial-cell { min-width: 0; } }

/* Distribution uses the same graphite surfaces and yellow action hierarchy. */
.batch-library{display:grid;gap:24px;min-width:0}
.batch-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.batch-heading p{max-width:60ch;margin:0;color:var(--muted,#a9afad)}
.batch-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.batch-actions button{white-space:nowrap}
.batch-filters{display:grid;gap:14px;align-items:center;grid-template-columns:minmax(220px,1fr) minmax(180px,240px) auto}
.batch-table th,.batch-table td{padding:18px 20px}
.batch-name{background:none;border:0;padding:8px 0;min-height:44px;color:inherit;text-align:left;font-weight:600;white-space:normal;overflow-wrap:anywhere}
.batch-name:hover{color:var(--accent,#e4ff24)}
.batch-name:focus-visible{outline:2px solid var(--control-focus);outline-offset:4px}
.batch-count{display:block;margin-top:6px;color:var(--muted,#a9afad);font-variant-numeric:tabular-nums}
.batch-pagination{display:flex;align-items:center;justify-content:flex-end;gap:16px}
.batch-detail{display:grid;gap:28px;min-width:0}
.batch-detail>section{padding-top:24px;border-top:1px solid #4a504e;min-width:0}
.batch-detail h3{font-size:18px;margin:0 0 12px}
.batch-detail p{color:var(--muted,#a9afad);line-height:1.5}
.batch-detail progress{width:100%;accent-color:#e4ff24}
.batch-files,.batch-deliveries{list-style:none;margin:20px 0 0;padding:0}
.batch-files li{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;border-bottom:1px solid #414745}
.batch-files small,.batch-deliveries small{display:block;color:var(--muted,#a9afad);margin-top:8px;line-height:1.5}
.batch-deliveries li{padding:16px 0;border-bottom:1px solid #414745;overflow-wrap:anywhere}
.batch-deliveries span{display:block;margin-top:6px}
.batch-deliveries p{margin:8px 0}
.vendor-assignment{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:12px;align-items:end;margin-top:20px}
.vendor-assignment label{display:grid;gap:8px}
.vendor-assignment .error{grid-column:1/-1}
.license-vendor{display:block;margin-top:8px;color:var(--muted,#a9afad);overflow-wrap:anywhere}
.license-filters{flex-wrap:wrap}
@media(max-width:760px){.batch-heading{display:grid}.batch-filters{grid-template-columns:1fr}.batch-actions button{flex:1}.batch-files li{align-items:flex-start;flex-direction:column}.vendor-assignment{grid-template-columns:1fr}.batch-pagination{justify-content:space-between}}

/* Record details: operational information first, support metadata last. */
.details-drawer,.record-modal-content{--detail-rule:#555d61;--detail-muted:#c5cbce;--detail-text:#f1f2f2}
.detail-title-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.detail-title-heading h2{min-width:0;margin:0;font-size:26px;line-height:1.2;letter-spacing:-.025em;overflow-wrap:anywhere;text-wrap:balance}
.detail-title-heading .icon-button{flex:0 0 44px;width:44px;height:44px;margin-top:-8px}
.detail-title-heading .icon-button:hover{background:#ffffff12}
.detail-subtitle{display:flex;align-items:center;gap:12px;margin-top:12px;color:var(--detail-muted);font-size:13px}
.detail-subtitle>span:first-child{text-transform:capitalize}
.record-drawer-title{padding-bottom:20px;border-bottom:1px solid var(--detail-rule);margin-bottom:12px}
.details-drawer .product-fixture-note{margin:12px 0 0;font-size:12px;color:var(--detail-muted)}
.details-drawer .product-identity{margin:0 0 20px;align-items:flex-start}
.details-drawer .product-identity>div{flex:1;min-width:0}
.details-drawer .product-identity h2{margin:0}
.details-drawer .product-summary{margin-top:12px;background:none;border:0;border-radius:0;border-bottom:1px solid var(--detail-rule)}
.details-drawer .product-summary>div{padding:12px 0 20px;border:0}
.details-drawer .product-summary dd{font-size:20px;font-variant-numeric:tabular-nums}
.details-drawer .product-dialog-content,.record-modal-content .product-dialog-content{color:var(--detail-text);scrollbar-color:#7c858a transparent}
.details-drawer .product-dialog-content h3,.record-modal-content .product-dialog-content h3{margin:0 0 12px;font-size:15px;line-height:1.4;font-weight:600}
.details-drawer .product-dialog-content>section,.record-modal-content .product-dialog-content>section{margin:0;padding:20px 0;border:0;border-bottom:1px solid var(--detail-rule)}
.details-drawer .product-dialog-content>section:first-child,.record-modal-content .product-dialog-content>section:first-child{padding-top:8px}
.details-drawer .product-dialog-content>section:empty,.record-modal-content .product-dialog-content>section:empty{display:none}
.details-drawer .record-fields,.record-modal-content .record-fields{margin:0;border:0;border-radius:0;background:none;gap:18px 24px}
.details-drawer .record-fields>div,.record-modal-content .record-fields>div{padding:0;border:0}
.details-drawer .record-fields dt,.record-modal-content .record-fields dt{color:var(--detail-muted);font-size:12px}
.details-drawer .record-fields dd,.record-modal-content .record-fields dd{margin:5px 0 0;font-size:14px;font-variant-numeric:tabular-nums}
.details-drawer .product-muted,.record-modal-content .product-muted{color:var(--detail-muted);font-size:13px;line-height:1.5}
.detail-customer .license-customer-cell{min-width:0;gap:4px}
.detail-customer .license-customer-link{min-height:32px;font-size:16px;font-weight:600;text-decoration-thickness:1px}
.detail-customer .license-customer-cell small{font-size:14px;color:var(--detail-muted)}
.serial-control .license-serial-cell{min-width:0;max-width:none}
.serial-control .license-serial-value{padding:10px 12px;border:1px solid #778368;border-radius:10px;background:#292e29}
.serial-control .license-serial-value code{min-width:0;border:0;background:none;padding:0;font-size:15px;line-height:1.6;color:#f3f7e8}
.details-drawer .serial-control .icon-button{width:44px;height:44px;border-radius:8px;background:#ffffff0b}
.details-drawer .serial-control .icon-button:hover{background:#ffffff18}
.detail-record-actions{padding:20px 0;border-bottom:1px solid var(--detail-rule)}
.detail-header-actions{padding:0 0 16px;border:0}
.detail-record-actions .vendor-assignment{margin-top:0}
.details-drawer .record-identifiers,.record-modal-content .record-identifiers{margin:20px 0 4px;padding:0;border:0}
.record-identifiers>summary{padding:12px 0;min-height:44px;color:var(--detail-muted);font-size:13px}
.record-identifiers>summary:hover{color:var(--detail-text)}
.record-identifiers[open]>summary{margin-bottom:12px}
.details-drawer .record-identifiers .record-fields,.record-modal-content .record-identifiers .record-fields{grid-template-columns:minmax(0,1fr);gap:16px}
.details-drawer .record-identifiers dd,.record-modal-content .record-identifiers dd{font-size:12px;user-select:text}
.details-drawer :is(button,summary):focus-visible,.record-modal-content :is(button,summary):focus-visible{outline:2px solid var(--control-focus);outline-offset:3px}
.details-drawer .product-dialog-footer{margin-top:12px;padding-top:16px}
@media(max-width:560px){.detail-title-heading h2{font-size:23px}.record-drawer-title{padding-bottom:16px}.details-drawer .record-fields,.record-modal-content .record-fields{grid-template-columns:minmax(0,1fr);gap:16px}.details-drawer .product-summary{gap:16px}.details-drawer .product-dialog-content>section,.record-modal-content .product-dialog-content>section{padding:18px 0}.detail-title-heading .icon-button{margin-top:-6px}.serial-control .license-serial-value code{font-size:14px}.details-drawer .product-dialog-footer{margin-top:8px;padding-top:12px}}

/* Keep a retained workspace visible while current entry admission is checked. */
.admission-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.admission-banner>span{flex:1 1 260px}
.admission-banner .secondary{flex:0 0 auto}

/* Product-scoped inventory and directly editable issuance quantities. */
.product-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.product-section-heading h3{margin-bottom:4px}
.product-section-heading p{margin:4px 0 0}
.product-licenses>.table-wrap{margin-bottom:16px}
.product-licenses .pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.product-licenses .pagination>div{flex-wrap:wrap}
.product-licenses .pagination :is(form,label){display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0}
.product-licenses .pagination input{width:76px;min-height:44px;padding:8px 10px;font-variant-numeric:tabular-nums}
.product-licenses .pagination select{width:auto;min-height:44px}
.product-licenses .pagination [aria-current="page"]{border-color:var(--admin-accent);color:var(--admin-accent)}
.product-licenses .pagination .error{flex-basis:100%}
.quantity-field{display:grid;gap:8px;margin-bottom:16px}
.quantity-input{display:flex;gap:8px;align-items:center;max-width:240px}
.quantity-input input{min-width:0;width:104px;text-align:center;font-variant-numeric:tabular-nums}
.quantity-input .secondary{flex:0 0 44px;min-width:44px;padding:8px}
@media(max-width:560px){.product-licenses .pagination>div{width:100%}.product-section-heading{gap:12px}.product-licenses .pagination :is(form,label){max-width:100%}}

/* Mixed issuance keeps dense allocation work in one ordinary workspace surface. */
.issuance-composer{display:grid;gap:24px;max-width:1180px}.composer-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.composer-heading h2{margin:0 0 6px;font-size:26px;letter-spacing:-.025em}.composer-heading p{margin:0;color:var(--admin-muted)}.composer-heading output{display:grid;min-width:140px;text-align:right;font-variant-numeric:tabular-nums}.composer-heading output b{font-size:28px;color:var(--admin-accent)}.composer-heading output span{color:var(--admin-muted);font-size:12px}.composer-shared{display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,2fr) minmax(200px,1fr);gap:16px;align-items:start}.composer-shared label,.product-overrides label,.composer-export label{display:grid;gap:8px}.composer-shared :is(.shared-capacity,.expiry-options){grid-column:1/-1}.composer-totals{display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap;padding:14px 16px;border:1px solid var(--admin-line);border-radius:12px;background:var(--admin-raised);font-variant-numeric:tabular-nums}.composer-totals strong{margin-left:auto;color:var(--admin-accent)}.allocation-group{padding:20px;border:1px solid var(--admin-line);border-radius:16px;background:var(--admin-surface)}.allocation-group>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--admin-line)}.allocation-group h3,.allocation-group h4{margin:0}.allocation-group header p{margin:5px 0 0;color:var(--admin-muted)}.allocation-columns{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(400px,1.4fr);gap:24px;padding-top:20px}.allocation-columns>section{display:grid;align-content:start;gap:14px}.recipient-row{display:grid;gap:8px;padding-bottom:14px;border-bottom:1px solid var(--admin-line)}.allocation-product{display:grid;gap:14px;padding:16px;border:1px solid var(--admin-line);border-radius:12px;background:var(--admin-raised)}.allocation-product .catalog-picker{padding:0;border:0;background:none}.allocation-product .form-row{grid-template-columns:minmax(150px,1fr) minmax(220px,1fr);align-items:start}.allocation-product footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid var(--admin-line);font-variant-numeric:tabular-nums}.product-overrides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;border-radius:10px;background:var(--admin-field)}.composer-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.composer-errors{padding:16px;border-radius:12px}.composer-errors ul{margin:10px 0 0;padding-left:20px}.composer-review,.composer-progress,.saved-jobs{padding:24px;border-radius:16px;background:var(--admin-surface);box-shadow:var(--admin-panel-shadow)}.composer-review h3,.composer-progress h3,.saved-jobs h3{margin-top:0}.composer-review dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.composer-review dl div{display:grid;gap:5px}.composer-review dt{color:var(--admin-muted);font-size:12px}.composer-review dd{margin:0;overflow-wrap:anywhere}.composer-export{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-top:20px}.saved-jobs ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.saved-jobs button{display:flex;width:100%;justify-content:space-between;text-align:left}.saved-jobs small{color:var(--admin-muted);font-variant-numeric:tabular-nums}
@media(max-width:900px){.composer-shared,.allocation-columns{grid-template-columns:1fr}.composer-review dl{grid-template-columns:repeat(2,minmax(0,1fr))}.composer-heading{align-items:center}.composer-heading output{min-width:110px}.product-overrides{grid-template-columns:1fr}}
@media(max-width:560px){.composer-heading{align-items:flex-start}.composer-heading output{min-width:auto}.composer-review dl{grid-template-columns:1fr}.allocation-group{padding:16px}.allocation-product{padding:14px}.allocation-product .form-row{grid-template-columns:1fr}.composer-actions>*{flex:1 1 auto}.saved-jobs button{align-items:flex-start;flex-direction:column}}
.allocation-review{display:grid;gap:16px;margin:22px 0}.allocation-review>section{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(360px,1.25fr);gap:18px;padding:18px;border:1px solid var(--admin-line);border-radius:12px;background:var(--admin-raised)}.allocation-review>section>header{display:flex;grid-column:1/-1;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--admin-line)}.allocation-review h4,.allocation-review h5{margin:0}.allocation-review h5{margin-bottom:10px;color:var(--admin-muted);font-size:12px}.allocation-review ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.review-recipients li{display:grid;gap:5px}.review-recipients li span{display:flex;gap:8px;justify-content:space-between}.review-recipients small{color:var(--admin-muted)}.review-recipients code{font-size:11px;color:var(--admin-muted);overflow-wrap:anywhere}.review-recipients p{margin:0}.review-products{display:grid;gap:10px}.review-products article{padding-bottom:10px;border-bottom:1px solid var(--admin-line)}.review-products article:last-child{padding-bottom:0;border-bottom:0}.review-products article header{display:flex;align-items:start;justify-content:space-between;gap:12px}.review-products article header span{display:grid;gap:4px}.review-products article small,.review-products article p{color:var(--admin-muted);font-size:12px}.review-products article p{margin:8px 0 0}.review-products article strong{font-variant-numeric:tabular-nums;text-align:right}.review-products article ul{margin-top:8px;color:var(--admin-muted);font-size:12px}
@media(max-width:760px){.allocation-review>section{grid-template-columns:1fr}.review-recipients li span,.review-products article header{align-items:flex-start;flex-direction:column}.review-products article strong{text-align:left}}

/* One stable, local confirmation pattern for protected license-code copying. */
.license-copy-control{position:relative;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;overflow:visible}
.license-copy-control__button{width:40px;min-width:40px;height:40px;min-height:40px;padding:0;border:0;background:transparent;box-shadow:none}
.license-copy-control__button:hover{color:var(--admin-accent);background:transparent}
.license-copy-control__button:disabled{cursor:not-allowed;opacity:.5}
.license-copy-control__button[aria-busy=true]{cursor:progress;opacity:.65}
.license-copy-control__feedback{position:absolute;z-index:30;bottom:calc(100% + 4px);right:0;width:max-content;max-width:min(240px,calc(100vw - 32px));padding:5px 8px;border:1px solid var(--admin-line);border-radius:6px;background:var(--admin-raised);box-shadow:0 6px 18px #0003;color:var(--admin-ink);font-size:12px;font-weight:600;line-height:1.35;white-space:nowrap;pointer-events:none}
.license-copy-control__feedback--error{color:var(--admin-danger);white-space:normal}
.license-copy-control--leading:has(.license-copy-control__feedback--error){max-width:100%;flex-wrap:wrap;justify-content:flex-start;gap:4px}
.license-copy-control--leading .license-copy-control__feedback--error{position:static;max-width:100%;text-align:left}
@media(pointer:coarse){.license-copy-control__button{width:44px;min-width:44px;height:44px;min-height:44px}}
.issuance-composer .checkbox-label{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:10px;min-height:44px}.issuance-composer .checkbox-label>input[type=checkbox]{width:18px;height:18px;min-width:18px;min-height:18px;margin:0;padding:0;flex:0 0 18px;accent-color:var(--admin-accent)}
.product-picker .recipient-options [aria-disabled=true]{opacity:.55;cursor:not-allowed}.product-picker>.product-muted>small{display:block;margin-top:4px}
.customer-trials-title,.customer-trial-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.customer-trials-title h3{margin-bottom:4px}.customer-trials-title p{margin-top:0;max-width:64ch}.customer-trial-list{list-style:none;margin:0;padding:0;border:1px solid #72797c66;border-radius:12px;overflow:hidden}.customer-trial-row{padding:16px;background:#34393b44}.customer-trial-row+li{border-top:1px solid #72797c55}.customer-trial-heading>div:first-child{display:grid;gap:4px;min-width:0}.customer-trial-heading b{overflow-wrap:anywhere}.customer-trial-heading span:not(.state){color:#c5cbce;font-size:12px}.customer-trial-status-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.customer-trial-status-actions button{min-height:36px;padding:7px 11px}.customer-trial-availability{margin:12px 0 0;color:#e7ebdc;font-size:13px;line-height:1.5}.customer-trial-facts{display:flex;flex-wrap:wrap;gap:12px 22px;margin:14px 0}.customer-trial-facts div{min-width:100px}.customer-trial-facts dt{color:#c5cbce;font-size:12px}.customer-trial-facts dd{margin:4px 0 0;font-size:13px}.customer-trial-reset-summary{margin:0;color:#c5cbce;font-size:12px;line-height:1.6}.customer-trials>.secondary{margin-top:14px}@media(max-width:560px){.customer-trial-heading{display:grid}.customer-trial-status-actions{justify-content:flex-start}.customer-trial-status-actions button{margin-left:auto}}
