#commercialOrders,#commercialSettings{--co-line:rgba(136,164,204,.16);--co-muted:#8fa4c2;--co-good:#4ade80;--co-warn:#fbbf24;--co-danger:#fb7185}
.com-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}.com-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.com-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.com-card{padding:18px}.com-card h3{margin:0 0 14px}.com-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.com-fields-3{grid-template-columns:repeat(3,minmax(0,1fr))}.com-fields .wide{grid-column:1/-1}.com-fields label,.com-modal label{display:grid;gap:7px;font-size:12px;color:#aebed4;font-weight:700}.com-fields input,.com-fields textarea,.com-fields select,.com-modal input,.com-modal textarea,.com-modal select{width:100%;box-sizing:border-box;background:rgba(6,16,34,.7);border:1px solid var(--co-line);color:#eef6ff;border-radius:10px;padding:10px 12px}.com-fields input:focus,.com-fields textarea:focus,.com-fields select:focus,.com-modal input:focus,.com-modal textarea:focus,.com-modal select:focus{outline:1px solid rgba(73,173,255,.55);border-color:rgba(73,173,255,.55)}.com-fields input[readonly],.com-modal input[readonly],.com-modal select:disabled{opacity:.8;background:rgba(9,24,44,.55)}.com-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.com-notice{font-size:12px;color:var(--co-muted);margin-top:10px;min-height:18px}.com-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 200px auto;gap:10px;margin-bottom:14px}.com-table{width:100%;border-collapse:collapse;min-width:980px}.com-table th,.com-table td{padding:12px 14px;border-bottom:1px solid var(--co-line);text-align:left;vertical-align:middle}.com-table th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--co-muted)}.com-status{display:inline-flex;padding:4px 8px;border-radius:999px;background:rgba(143,164,194,.10);font-size:11px;font-weight:700;text-transform:uppercase}.com-status.paid,.com-status.used{color:var(--co-good)}.com-status.pending_payment,.com-status.pending,.com-status.active{color:var(--co-warn)}.com-status.expired,.com-status.revoked{color:var(--co-danger)}
.com-tabs{display:flex;gap:10px;margin:0 0 18px;flex-wrap:wrap}.com-tabs .btn.active{border-color:rgba(73,173,255,.65);color:#8de3ff;background:rgba(73,173,255,.08)}.com-tabpane[hidden]{display:none}.com-info{display:flex;flex-direction:column;gap:5px;border:1px solid rgba(73,173,255,.18);background:rgba(73,173,255,.06);border-radius:12px;padding:14px;margin-top:14px}.com-info span,.com-subtle{font-size:12px;color:var(--co-muted);line-height:1.5}.com-info.warn{border-color:rgba(251,191,36,.22);background:rgba(251,191,36,.05)}.com-price-list{display:grid;gap:9px}.com-price-row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--co-line)}.com-price-row:last-child{border-bottom:0}.com-price-row span{color:var(--co-muted)}
.com-modal{position:fixed;inset:0;z-index:9999;background:rgba(1,6,18,.78);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px}.com-modal[hidden]{display:none}.com-modal-card{position:relative;width:min(900px,96vw);max-height:calc(100vh - 40px);overflow:auto;border:1px solid var(--co-line);border-radius:18px;padding:24px;background:#0b1629;box-shadow:0 26px 90px rgba(0,0,0,.5)}.com-modal-wide{width:min(1120px,97vw)}.com-modal-small{width:min(650px,96vw)}.com-close{position:absolute;right:14px;top:10px;border:0;background:transparent;color:#9fb1ca;font-size:28px;cursor:pointer}.com-choice{display:flex;gap:10px;margin:12px 0 14px;flex-wrap:wrap}.com-choice button.active{border-color:rgba(73,173,255,.65);color:#8de3ff}.com-order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.com-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:9px!important;margin-top:10px}.com-check input{width:auto!important}.com-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid rgba(73,173,255,.18);background:rgba(73,173,255,.06);border-radius:12px;margin-top:14px}.com-summary strong{font-size:22px}.com-modal-footer{position:sticky;bottom:-24px;display:flex;justify-content:flex-end;gap:10px;margin:18px -24px -24px;padding:14px 24px;background:linear-gradient(180deg,rgba(11,22,41,.9),#0b1629 28%);border-top:1px solid var(--co-line);z-index:4}.com-order-detail{display:grid;grid-template-columns:1fr 1fr;gap:16px}.com-kv{display:grid;grid-template-columns:150px 1fr;gap:8px 12px}.com-kv span{color:var(--co-muted)}.com-linkbox{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.com-linkbox input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.com-disabled{opacity:.55}
@media(max-width:1050px){.com-fields-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.com-grid,.com-grid.three,.com-fields,.com-fields-3,.com-order-detail,.com-order-grid{grid-template-columns:1fr}.com-fields .wide{grid-column:auto}.com-toolbar{grid-template-columns:1fr}.com-modal{padding:8px}.com-modal-card{padding:20px 16px}.com-kv{grid-template-columns:1fr}.com-modal-footer{bottom:-20px;margin:16px -16px -20px;padding:12px 16px}.com-linkbox{grid-template-columns:1fr}}
