#display-area .account-availability{white-space:normal;text-transform:none;line-height:1.5}
#display-area .account-availability[data-account-status=ready]{background:#133d33!important;color:#6ce3ac!important;border-color:#27634e!important}
#display-area .account-availability[data-account-status=recent]{background:#3c3019!important;color:#ffd185!important;border-color:#755832!important}
#display-area .account-availability[data-account-status=banned]{background:#43232e!important;color:#ff9ca8!important;border-color:#794151!important}
#display-area .account-availability[data-account-status=review]{background:#24344d!important;color:#afcaff!important;border-color:#466185!important}
#display-area .recent-copy-hint[hidden]{display:none!important}
#display-area .account-field{display:inline-flex;flex:1;flex-direction:column;align-items:center;vertical-align:top;box-sizing:border-box;min-width:0;max-width:100%;width:100%;gap:4px}
#display-area .account-field>div{width:100%;min-width:0}
#display-area .field-save-status{align-self:stretch;font:500 10px/1.5 'Be Vietnam Pro',system-ui,sans-serif;color:#a9cfff;text-align:left;white-space:normal;overflow-wrap:anywhere}
#display-area .field-save-status[hidden]{display:none!important}
#display-area [data-save-state=saved]>.field-save-status{color:#6ce3ac}
#display-area [data-save-state=error]>.field-save-status,#display-area [data-save-state=conflict]>.field-save-status{color:#ffbd84}
#display-area .field-save-status button{min-height:28px;padding:2px 5px;border:0;border-radius:4px;background:transparent;color:#a9cfff;font:inherit;text-decoration:underline;cursor:pointer}
#display-area .account-field[data-save-state=error]>:is(input,select,textarea),#display-area .account-field[data-save-state=error]>div>input{border-color:#e0a055!important}
#display-area .account-field[data-save-state=saving]>:is(input,select,textarea){border-color:#5598ef!important}
#display-area .wb-row .account-last-used,#display-area .wb-card .account-last-used{display:block;margin-top:5px;font-size:11px;line-height:1.6;white-space:normal}
@media(max-width:820px){
 #display-area .mobile-card-list .m-copy-summary{order:3;min-width:0;padding:2px 0 4px;font-size:11px;line-height:1.6}
 #display-area .mobile-card-list .m-card-footer{order:4;justify-content:space-between}
 #display-area .mobile-card-list .m-card-details{order:5;margin-top:4px}
 #display-area .m-extra-info>.m-history-row{display:flex;flex-wrap:wrap;gap:6px 8px;padding:8px 0}
 #display-area .m-full-copy-time{flex-basis:100%;margin:0;color:#b4c7df;font-size:11px;line-height:1.7}
 #display-area .m-extra-info>.account-note{margin:8px 0}
 #display-area .m-extra-info>.m-action-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0}
 #display-area .m-action-row>.account-field>input{box-sizing:border-box;width:100%!important;min-width:0;min-height:44px;background:#1b2b41!important;border:1px solid #3a506d!important;border-radius:8px!important;padding:8px!important;font-size:16px!important}
 #display-area .m-extra-info .ban-hour-inline{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
 #display-area .m-extra-info .ban-hour-inline>.account-field{flex:0 1 160px}
 #display-area .m-extra-info>.m-created-row{margin-top:10px}
}