#myshop-listing{width:min(94vw,500px);max-height:90dvh;overflow-y:auto;box-sizing:border-box}
#myshop-listing>img{display:block;width:132px;height:132px;object-fit:contain;margin:6px auto}
#myshop-listing h2,#myshop-listing h3{margin:8px 0}
#myshop-listing label{display:block}
#myshop-listing input{box-sizing:border-box;width:100%;min-width:0}
#myshop-list-form>button{width:100%;min-height:46px}
#myshop-contract-dialog{width:min(90vw,390px);box-sizing:border-box;text-align:center;padding:22px;border:1px solid #bfd2cc;border-radius:18px;background:linear-gradient(145deg,#fffdf5,#edf7f3)}
#myshop-contract-dialog::backdrop{background:#173a466b;backdrop-filter:blur(2px)}
#myshop-contract-dialog h2{margin:0 0 14px;font-size:21px}
#myshop-contract-dialog p{margin:0 0 5px}
#myshop-contract-dialog p strong{font-size:22px;color:#426c68}
#myshop-contract-dialog small{display:block;margin-bottom:18px;color:#667c80}
#myshop-contract-dialog>button{width:100%;min-height:46px;margin-top:8px}
#warehouse>h1,#warehouse>p,#warehouse>.action-row{display:none!important}
body:has(#warehouse:not([hidden])) .topbar,
body:has(#warehouse:not([hidden])) #game>.nav{display:none!important}
body:has(#warehouse:not([hidden])) #game{padding-top:12px}
#warehouse-body .inventory-entry button{margin:4px 6px 0 0}

.myshop-contract-offer{display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;align-items:center;max-width:560px;padding:18px;border:1px solid #cfcaa9;border-radius:18px;background:linear-gradient(135deg,#fbf5e6,#e7f3ee);margin:12px 0;box-shadow:0 8px 24px #456a6520}
.myshop-contract-offer>img{width:130px;height:150px;object-fit:contain}
.myshop-contract-offer h2{margin:0 0 9px;font-size:20px;line-height:1.5;color:#3e5f61}
.myshop-contract-offer p{display:flex;align-items:baseline;gap:9px;margin:0 0 9px}
.myshop-contract-offer strong{font-size:20px;color:#506873}
.myshop-contract-offer small{display:block;color:#64777c}
.myshop-contract-offer p small{display:inline}
.myshop-contract-offer button{width:100%;min-height:46px;margin:4px 0;background:#e0e8d3;border-color:#aebd9d}
.myshop-contract-offer .cp-purchase-link,.myshop-contract-offer .myshop-balance{display:block;text-align:center;margin-top:5px}
.myshop-action-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:620px;margin:14px 0}
.myshop-action-menu button{min-height:62px;padding:12px;background:linear-gradient(145deg,#f8fbf5,#e8f2ed);border-color:#bdd0c9;color:#456468;text-align:left}
.myshop-action-menu button strong{font-size:15px}
.myshop-action-menu button small{display:block;margin-top:4px;color:#687c80;font-size:11px}
.myshop-expiry-note{display:block;max-width:620px;margin:-4px 2px 14px;text-align:right;color:#63777b}
.myshop-task-back{min-height:38px;margin:8px 0 10px;background:transparent;border-color:#c5d7d3;color:#577176}
.myshop-home-cp{display:inline-block;margin:3px 0 10px}
.warehouse-task-status{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 10px}
.warehouse-task-status span{padding:6px 10px;border-radius:999px;background:#edf6f2;color:#587075;font-size:12px}
.warehouse-task-warning{margin:0 0 10px;padding:9px 11px;border-radius:10px;background:#fff1dc;color:#785f42}
.warehouse-task-controls{display:flex;justify-content:flex-end;margin:0 0 10px}
.warehouse-task-controls select{min-width:130px}
.myshop-source-switch{display:grid;grid-template-columns:1fr 1fr;width:min(100%,300px)}
.myshop-source-switch button{border-radius:0}
.myshop-source-switch button:first-child{border-radius:10px 0 0 10px}
.myshop-source-switch button:last-child{border-radius:0 10px 10px 0}
.myshop-source-switch .selected{background:#dfeee8;border-color:#91b5aa}
.warehouse-pager{justify-content:center}

@media(max-width:600px){
 .myshop-contract-offer{grid-template-columns:92px minmax(0,1fr);gap:10px;padding:13px}
 .myshop-contract-offer>img{width:92px;height:112px}
 .myshop-contract-offer h2{font-size:16px}
 .myshop-contract-offer strong{font-size:17px}
 .myshop-action-menu{gap:8px;margin-top:10px}
 .myshop-action-menu button{min-height:56px;padding:9px;font-size:13px}
 .myshop-action-menu button strong{font-size:13px}
 .warehouse-task-controls{justify-content:stretch}
 .warehouse-task-controls select,.myshop-source-switch{width:100%}
}