/* QA162: consistent controls without changing the global navigation. */
:where(main,.container,dialog) :where(button,.ppo-button){box-sizing:border-box;min-height:42px;max-width:100%;padding:10px 16px;line-height:1.3;white-space:normal;overflow-wrap:anywhere;vertical-align:middle}
.ppo-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:7px;background:#245e98;color:#fff!important;text-decoration:none!important;font-weight:600}
:where(main,.container,dialog) .actions,:where(main,.container,dialog) .ppo-action-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.ppo-action-row>button,.ppo-action-row>.ppo-button{margin:0!important;width:auto!important;min-width:0!important;flex:0 1 auto}
.ppo-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 18px!important;padding:0}
.ppo-breadcrumbs a{display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;border:1px solid #d6e0eb;border-radius:7px;background:#fff;color:#245e98;text-decoration:none;font-weight:600;font-size:14px}
.ppo-breadcrumbs a:hover,.ppo-button:hover{filter:brightness(.96)}
.ppo-proof-state{display:inline-flex;align-items:center;padding:6px 10px;border-radius:6px;background:#fff3d4;color:#765614;font-size:13px;font-weight:600}
.ppo-proof-state[data-validated=true]{background:#e4f3e8;color:#21683c}
.payment-proofs .record{margin-bottom:12px}.payment-proofs .ppo-action-row{margin-top:12px}
.ppo-proof-dialog{width:620px;max-width:94vw;max-height:88dvh;overflow:auto;padding:22px;border:1px solid #c6d3df;border-radius:12px;color:#102b49;background:#fff}
.ppo-proof-dialog::backdrop{background:#14233399}
.ppo-proof-dialog article{padding:14px;border:1px solid #d6e0eb;border-radius:8px;margin:14px 0;overflow-wrap:anywhere}
.ppo-proof-dialog h2{margin:0 0 16px}
.ppo-proof-dialog button{border:0;background:#245e98;color:#fff;border-radius:7px;cursor:pointer}
.ppo-payment-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:10px}
.ppo-payment-actions button{width:auto!important;min-width:0!important;margin:0!important}
.ppo-payment-actions .ppo-view-proof[disabled]{opacity:.55;cursor:default}
@media(max-width:600px){.ppo-action-row>button,.ppo-action-row>.ppo-button{flex:1 1 140px}.ppo-breadcrumbs{margin-bottom:14px!important}.ppo-payment-actions>button{flex:1 1 140px}.ppo-proof-dialog{padding:16px}}

:where(main,.container,dialog) :where(div,p,section,article):not(.actions):not(.ppo-action-row):not(.ppo-payment-actions):not(.action-group):not(.confirmation-actions)>button+button{margin-inline-start:10px;max-width:calc(100% - 10px)}

/* QA163: every card control belongs to one spaced action row. */
#list .quotation-card{display:grid;gap:14px;padding:22px}
#list .quotation-card>h2,#list .quotation-card>p{margin:0}
#list .quotation-card>.ppo-proof-state{justify-self:start}
#list .quotation-card>.ppo-action-row{gap:12px;margin:0;padding-top:2px}
@media(max-width:600px){#list .quotation-card{padding:18px}}