/* BanguiStore v0.1.31.15 — responsive uploads and customer orders. */
.document-dropzone[data-document-dropzone]{width:100%;min-width:0;min-height:0!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-content:start!important;align-items:stretch!important;justify-content:stretch!important;gap:14px!important;padding:18px!important;text-align:left!important}
.document-dropzone__body{position:relative;z-index:2;min-width:0;width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon copy action" "selection selection selection";align-items:center;gap:12px 16px;pointer-events:none}
.document-dropzone__icon{grid-area:icon;line-height:1}
.document-dropzone__copy{grid-area:copy;min-width:0;display:grid;gap:5px}
.document-dropzone__copy>b{font-size:14px;line-height:1.35}
.document-dropzone__copy>small{max-width:62ch;color:var(--bs-muted,#68707c);font-size:11px;line-height:1.5}
.document-dropzone__action{grid-area:action;max-width:190px;display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.3}
.document-dropzone__selection{grid-area:selection;min-width:0;display:flex;align-items:center;gap:7px 12px;padding-top:2px}
.document-dropzone__filename{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.document-dropzone__selection>em{color:var(--bs-muted,#68707c);font-size:10px;font-style:normal;line-height:1.4}
.document-dropzone__progress{position:relative;z-index:4;width:100%;min-width:0;display:block;pointer-events:none}
.document-dropzone__progress[hidden]{display:none!important}
.document-dropzone__progress .upload-progress{width:100%;min-width:0;margin:0;padding:10px;box-sizing:border-box}
.document-dropzone__progress .upload-progress>div{width:100%}
.document-dropzone__progress .upload-progress p{min-width:0;display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:start}
.document-dropzone__progress .upload-progress p small{min-width:0;overflow-wrap:anywhere;text-align:right;white-space:normal}

.client-orders-panel{overflow:visible!important}
.client-orders-header{align-items:center!important;gap:16px}
.client-orders-continue{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 13px;border:1px solid var(--bs-border,#dfe1e5);border-radius:8px;background:var(--bs-card,#fff);color:var(--bs-ink,#202124);font-weight:850;text-decoration:none;white-space:nowrap}
.client-order-list{display:grid}
.client-order-card{min-width:0;display:grid;grid-template-columns:minmax(180px,1fr) max-content minmax(130px,max-content) max-content;align-items:center;gap:14px 20px;padding:18px 0;border-bottom:1px solid var(--bs-border,#e5e6e9)}
.client-order-card__identity{min-width:0;display:grid;gap:7px}
.client-order-card__reference{display:block;max-width:100%;color:var(--bs-ink,#202124);font-size:14px;font-weight:900;line-height:1.3;overflow-wrap:anywhere;text-decoration:none}
.client-order-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;color:var(--bs-muted,#6f737b);font-size:11px;line-height:1.45}
.client-order-card__amount{font-size:14px;white-space:nowrap}
.client-order-card__status{justify-self:start;font-size:10px!important;line-height:1.25;text-align:center}
.client-order-card__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.client-order-card__actions>a{min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border:1px solid var(--bs-border,#dfe1e5);border-radius:7px;background:var(--bs-card,#fff);color:var(--bs-ink,#202124);font-size:10px;font-weight:850;line-height:1.25;text-align:center;text-decoration:none}
.client-order-card__actions>.portal-primary{border-color:transparent;background:var(--bs-yellow,#ffc300);color:#161616!important}

@media(max-width:900px){
    .client-order-card{grid-template-columns:minmax(0,1fr) max-content;grid-template-areas:"identity amount" "status actions"}
    .client-order-card__identity{grid-area:identity}
    .client-order-card__amount{grid-area:amount}
    .client-order-card__status{grid-area:status}
    .client-order-card__actions{grid-area:actions}
}
@media(max-width:640px){
    .document-dropzone[data-document-dropzone]{gap:12px!important;padding:16px!important;text-align:center!important}
    .document-dropzone__body{grid-template-columns:minmax(0,1fr);grid-template-areas:"icon" "copy" "action" "selection";justify-items:center;gap:10px}
    .document-dropzone__copy{justify-items:center}
    .document-dropzone__copy>b{font-size:15px;overflow-wrap:anywhere}
    .document-dropzone__copy>small{font-size:12px;overflow-wrap:anywhere}
    .document-dropzone__action{width:100%;max-width:280px;min-height:46px;padding:9px 14px}
    .document-dropzone__selection{width:100%;display:grid;justify-items:center;gap:5px}
    .document-dropzone__filename{width:100%;font-size:11px;overflow-wrap:anywhere;white-space:normal}
    .document-dropzone__selection>em{font-size:11px}
    .document-dropzone__progress .upload-progress p{gap:7px}
    .document-dropzone__progress .upload-progress p small{text-align:left}

    .client-orders-panel{padding:18px!important}
    .client-orders-header{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:start!important}
    .client-orders-continue{width:100%;white-space:normal}
    .client-order-list{gap:12px;margin-top:16px}
    .client-order-card{grid-template-columns:minmax(0,1fr);grid-template-areas:"identity" "amount" "status" "actions";gap:12px;padding:16px;border:1px solid var(--bs-border,#e5e6e9);border-radius:12px;background:var(--bs-card,#fff)}
    .client-order-card__reference{font-size:15px;word-break:normal}
    .client-order-card__meta{font-size:12px}
    .client-order-card__amount{font-size:16px}
    .client-order-card__status{max-width:100%;justify-self:stretch;padding:8px 10px!important;font-size:11px!important;white-space:normal}
    .client-order-card__actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}
    .client-order-card__actions>a{width:100%;min-width:0;min-height:44px;padding:8px;font-size:11px}
    .client-order-card__actions>a:only-child{grid-column:1/-1}
}
@media(max-width:380px){
    .client-order-card__actions{grid-template-columns:minmax(0,1fr)}
    .client-order-card__actions>a:only-child{grid-column:auto}
}