header .header-right{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto;min-width:0}
.parity-photo{width:76px;height:64px;border:1px solid #dce6ed;border-radius:6px;background:#f5f8fa;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:11px;color:#82929e}
.parity-photo img{width:100%;height:100%;object-fit:cover}.parity-photo-editor{padding:0 0 24px;margin:0 0 24px;border-bottom:1px solid #dce6ed}.parity-photo-editor h3{margin-top:0}.parity-photo-editor .parity-photo{width:160px;height:120px;margin-bottom:14px}.parity-photo-editor input[type=file]{max-width:100%;padding:10px 0}.parity-photo-editor p{color:#a03b35}.parity-export-tools{display:inline-flex;gap:8px;flex-wrap:wrap}
.parity-order-date{margin:0 0 18px;border-bottom:1px solid #cbdced}
.parity-order-date>summary{display:flex;align-items:center;gap:12px;min-height:56px;padding:14px 18px;background:#dce9f7;border-left:4px solid #1769aa;color:#124f80;cursor:pointer;list-style:none}
.parity-order-date>summary::-webkit-details-marker{display:none}
.parity-order-date>summary::before{content:'';width:8px;height:8px;flex:0 0 8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg)}
.parity-order-date[open]>summary::before{transform:rotate(45deg)}
.parity-order-date>summary>span{margin-left:auto;font-size:13px;overflow-wrap:anywhere}
.parity-order-date>.ops-order-store{margin:12px 0 16px}
.parity-actions{white-space:normal;min-width:120px}.parity-actions button{margin:3px 6px 3px 0}
#directoryList small,#masterList small{display:block;margin-top:5px;color:#778b99;font-size:12px;overflow-wrap:anywhere}
#directoryList td,#masterList td{vertical-align:middle}
@media(max-width:600px){.parity-order-date>summary{flex-wrap:wrap;padding:12px}.parity-order-date>summary>span{width:100%;margin-left:20px}.parity-order-date>.ops-order-store>summary{flex-wrap:wrap}.parity-order-date .ops-order-date-tools{flex-wrap:wrap}}
.header-admin-card{padding:10px 14px;border:1px solid #dce6ed;background:#f1f7fa;border-radius:6px;font-size:12px;font-weight:700;overflow-wrap:anywhere}
.parity-dashboard-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 32px}
.parity-dashboard-stat{display:flex;align-items:flex-start;flex-direction:column;gap:18px;text-align:left;padding:24px;border:1px solid #d4e6e9;border-top:3px solid #29969c;background:#eef7f8;border-radius:6px;min-height:116px}
.parity-dashboard-stat:nth-child(2){background:#fdf5e5;border-color:#eddfbf;border-top-color:#bd9136}
.parity-dashboard-stat:nth-child(3){background:#f9edf2;border-color:#ecd4df;border-top-color:#b96886}
.parity-dashboard-stat span{font-size:13px;font-weight:700;color:#74828b}.parity-dashboard-stat strong{font-size:28px;color:#214350}
#home>h2{font-size:20px;margin:0 0 16px}#parityRecentApprovals>.empty{min-height:108px;display:grid;place-items:center;border:1px dashed #dce6eb;border-radius:8px;background:#fbfdff;color:#899aa3}
.parity-pending-entry{display:flex;justify-content:space-between;gap:16px;width:100%;text-align:left;padding:20px;border-bottom:1px solid #dce6ed;background:#fff}
.parity-invoice-separator th,.parity-directory-separator th{text-align:left;background:#e9f2f6;color:#4d6a7b;padding:14px 16px;font-size:13px;border-bottom:1px solid #d2e1e9}
#invoiceList .table-wrap{border-radius:8px}#invoiceList td{padding:18px 16px}#invoiceList td small{margin-top:6px}
.parity-directory-stats{padding:15px 0 22px;font-size:13px;color:#69818c}
#directory .filters,#master .filters{padding:0 0 18px;border-bottom:1px solid #dbe5eb;margin-bottom:18px}
#directoryList table,#masterList table{min-width:760px}#directoryList th,#masterList th{padding:14px 16px;background:#eaf2f6}#directoryList td,#masterList td{padding:16px}
dialog{box-sizing:border-box;border:1px solid #d6e1e9;border-radius:8px;color:#173e50;max-height:92vh;overflow:auto}dialog::backdrop{background:#243c526b;backdrop-filter:blur(3px)}
dialog .document-tools{padding-bottom:18px;border-bottom:1px solid #dce6ed;margin-bottom:22px;align-items:center;gap:12px}dialog h2{font-size:22px;line-height:1.4;overflow-wrap:anywhere}dialog h3{font-size:17px;margin:26px 0 16px}
#billingDialog{width:min(1160px,96vw);padding:28px}#billingBody>.table-wrap{margin-top:20px}#billingBody th{padding:14px;background:#f1f5f7}#billingBody td{padding:17px 14px}#billingBody>p:first-child{padding:16px 0;line-height:1.8}#billingBody .billing-total{padding:22px 0;border-top:1px solid #dce6ed}
#directoryEditDialog,#masterDialog{width:min(860px,96vw);padding:28px}.billing-grid{gap:18px}dialog label{line-height:1.6}dialog input,dialog select,dialog textarea{box-sizing:border-box;max-width:100%}
@media(max-width:700px){header .header-right{gap:5px}.header-admin-card{display:none!important}.header-right .giu-language-select{max-width:92px;min-height:36px}.parity-dashboard-metrics{gap:10px;grid-template-columns:1fr}.parity-dashboard-stat{min-height:98px;padding:18px;gap:10px;flex-direction:row;align-items:center;justify-content:space-between}#billingDialog,#directoryEditDialog,#masterDialog{padding:16px}dialog .document-tools{flex-wrap:wrap}dialog h2{font-size:20px}#invoiceList td{padding:14px 10px}}
#billingCreateForm .billing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"store due" "from to" "bank bank" "language language";gap:24px}
#billingCreateForm [data-parity-field=storeId]{grid-area:store}#billingCreateForm [data-parity-field=due]{grid-area:due}#billingCreateForm [data-parity-field=from]{grid-area:from}#billingCreateForm [data-parity-field=to]{grid-area:to}#billingCreateForm [data-parity-field=bankId]{grid-area:bank}#billingCreateForm [data-parity-field=language]{grid-area:language}
#billingCreateForm input,#billingCreateForm select{min-height:48px}#billingCreateForm .billing-actions{padding-top:20px}
#billingBody .billing-extra{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 36px;gap:18px;padding:24px 0;border-top:1px solid #dce6ed;align-items:end}
.billing-extra label:has([data-field=name]){grid-column:2/4}.billing-extra label:has([data-field=quantity]){grid-column:1}.billing-extra label:has([data-field=note]){grid-column:1/4}.billing-extra>button{grid-column:4;grid-row:1;width:36px;height:36px;padding:0}
#billingEditForm{padding-top:24px;margin-top:24px;border-top:1px solid #dce6ed}
#billingDialog .billing-check{margin:18px 0;padding:12px 0}#billingPayForm,#billingUnpayForm,#billingCancelForm{padding:20px 0;border-top:1px solid #dce6ed}
#workflowDialog{width:min(1000px,96vw);padding:28px}#workflowForm>.document-tools{justify-content:space-between}#workflowOrderRows input{width:110px;max-width:100%}#workflowSave,#directoryEditSave,#masterSave{min-height:44px;padding:10px 22px;float:right;margin-top:22px}#workflowForm::after,#directoryEditForm::after,#masterForm::after{content:'';display:block;clear:both}
[data-parity-kind=products] [data-parity-field=category],[data-parity-kind=products] [data-parity-field=classification],[data-parity-kind=stores] [data-parity-field=address]{grid-column:1/-1}
dialog .billing-grid>label{min-width:0;font-size:14px}dialog .billing-grid>label>input,dialog .billing-grid>label>select{width:100%;min-height:44px}#billingIssue{min-height:44px}#billingBody details{margin:20px 0;border-top:1px solid #dce6ed;padding-top:16px}#billingBody summary{font-weight:700;cursor:pointer}
@media(max-width:600px){#workflowDialog{padding:16px}#billingCreateForm .billing-grid{grid-template-columns:1fr;grid-template-areas:"store" "due" "from" "to" "bank" "language";gap:16px}#billingBody .billing-extra{grid-template-columns:repeat(2,minmax(0,1fr)) 36px;gap:12px}.billing-extra label:has([data-field=name]){grid-column:1/3}.billing-extra label:has([data-field=note]){grid-column:1/3}.billing-extra>button{grid-column:3;grid-row:1}.billing-extra label:has([data-field=quantity]){grid-column:1}#workflowSave,#directoryEditSave,#masterSave{float:none;width:100%}}
.parity-page-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-left:auto}
.heading{flex-wrap:wrap;gap:12px}
.parity-page-actions button:disabled,button[data-parity-locked]:disabled{opacity:.65;cursor:not-allowed}
#parityPrintLanguage{min-width:110px}
