/* =========================================
   金継ぎ修理受付システム 共通Admin CSS
========================================= */

:root {
  --kintsugi-blue: #3f7f92;
  --kintsugi-blue-dark: #245163;
  --kintsugi-bg: #f6f4ef;
  --kintsugi-border: #d8dde3;
  --kintsugi-text: #2d3748;
  --kintsugi-gold: #d9b85b;
}

html,
body {
  background: var(--kintsugi-bg) !important;
  color: var(--kintsugi-text);
}

/* ヘッダー */
#header {
  background: var(--kintsugi-blue) !important;
  color: #fff !important;
}

#branding h1,
#branding h1 a:link,
#branding h1 a:visited {
  color: #fff !important;
  font-weight: 700;
}

#user-tools,
#user-tools a {
  color: #fff !important;
}

/* パンくず */
div.breadcrumbs {
  background: var(--kintsugi-blue-dark) !important;
  color: #fff !important;
}

div.breadcrumbs a {
  color: #fff !important;
}

/* 左ナビは全画面で非表示 */
#nav-sidebar,
#toggle-nav-sidebar {
  display: none !important;
}

#main,
#main.shifted,
.main,
.main.shifted {
  margin-left: 0 !important;
}

/* メインエリア */
#content {
  max-width: none !important;
  box-sizing: border-box !important;
}

/* テーブル共通 */
#result_list {
  border-collapse: collapse !important;
}

#result_list th {
  background: #f3f4f6 !important;
  font-weight: 700 !important;
}

#result_list td,
#result_list th {
  border-bottom: 1px solid #e5e7eb !important;
}

/* リンク */
a:link,
a:visited {
  color: #2f6f8f;
}

/* ボタン共通 */
.object-tools a,
.button,
input[type="submit"],
input[type="button"] {
  border-radius: 999px !important;
}

/* 保存ボタンまわり */
.submit-row {
  background: #fff !important;
  border-top: 1px solid #e5e7eb !important;
}

/* フォーム */
input,
select,
textarea {
  border-radius: 6px;
}

/* 受付番号の前に余計な点が出る場合の保険 */
.field-order_link::before,
.column-order_link::before,
.field-receipt_number::before,
.column-receipt_number::before {
  content: none !important;
}

/* 修理受付（親）詳細画面：履歴ボタン位置修正 */
body.app-repairs.model-repairorder.change-form #content-main {
    position: relative !important;
}

body.app-repairs.model-repairorder.change-form ul.object-tools {
    position: absolute !important;
    top: -10px !important;
    right: 20px !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 1000 !important;
}

body.app-repairs.model-repairorder.change-form ul.object-tools li {
    list-style: none !important;
    margin: 0 !important;
}

body.app-repairs.model-repairorder.change-form ul.object-tools a {
    float: none !important;
    display: inline-block !important;
}

body.app-repairs.model-repairorder.change-form ul.object-tools a {
    float: none !important;
}

/* 親詳細画面：スマホ時の左右余白を確保 */
@media (max-width: 768px) {
    body.change-form #content {
        padding-left: 16px !important;
        padding-right: 16px !important;
        box-sizing: border-box !important;
    }

    body.change-form .form-row {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}