.pc-mode{display:flex;gap:16px;align-items:center;padding:16px 20px;margin:24px 0;border:1px solid #e8d6b7;border-radius:10px;background:#fff7e7;color:#7d6030}.pc-mode>span{flex-shrink:0;font-size:10px;font-weight:600;letter-spacing:1px;padding:6px 9px;background:#f0e3c3;border-radius:5px}.pc-mode>p{font-size:12px;line-height:1.8;margin:0}.pc-mode-live{background:#faeaed;border-color:#e2cfd3;color:#68353f}.pc-mode-live>span{background:#f5d0d7}.pc-actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.pc-actions>.button,.pc-actions>.secondary-button{font-size:12px;padding:13px 18px}.pc-page input[readonly]{background:#fff}.pc-page .co-access input{font-size:12px;letter-spacing:.3px}.pc-page .co-panel .co-error{font-size:12px}.pc-page .co-lookup .button{width:100%;justify-content:center}
@media(max-width:600px){.pc-mode{align-items:flex-start;gap:12px;padding:14px}.pc-mode>span{font-size:8px;padding:5px;letter-spacing:.4px}.pc-mode>p{font-size:11px}.pc-actions{flex-direction:column}.pc-actions>.button,.pc-actions>.secondary-button{justify-content:center;text-align:center}.pc-page .co-access input{font-size:11px}}
@media(max-width:850px){.pc-page .co-access input{font-size:16px}.pc-actions>.button,.pc-actions>.secondary-button{min-height:44px}}