/* Adapts the legacy theme (style.css / custom.css, unchanged copies) to the server-rendered markup of the new app:
   POST forms where legacy had links, <button>s where legacy had ng-click anchors, and the account modal opened by the
   server instead of Bootstrap JS. Nothing here restyles the legacy look. */

[hidden] { display: none !important; }

/* ログアウト is a CSRF-protected POST form; it floats like the legacy .btn-style link it replaces. */
form.d-inline-block { float: right; margin: 0; }
button.btn-style { border: 0; cursor: pointer; }
form.d-inline-block > .btn-style { float: none; }

/* A <button> that looks like the legacy .link anchor (戻る, edit/delete icons). */
.btn-plain { border: 0; background: none; padding: 0; cursor: pointer; }

/* Legacy inline style of cm005 / cm009: style="width: auto; margin-top: 20%;". */
.block-message { width: auto; margin-top: 20%; }
.block-message .text-red { color: red; }

/* Legacy cm003_01: style="margin-left: unset;" / style="margin-left: 10px;". */
.ml-unset { margin-left: unset; }
.ml-10 { margin-left: 10px; }
.w-70 { width: 70px; }

/* .btn rules of style.css target <a> and <button> alike; keep disabled buttons visibly disabled. */
.btn[disabled] { opacity: .5; cursor: not-allowed; }

/* #modal-account rendered open by the server (no Bootstrap JS). */
.modal.modal-static { display: block; overflow-y: auto; }