:root {
  --bg: #f5f6fa;
  --surface: rgba(255,255,255,.92);
  --text: #202124;
  --muted: #70757a;
  --line: #e3e6ed;
  --accent: #202124;
  --danger: #b3261e;
  --radius: 22px;
}
* { box-sizing: border-box; }
/* iPhone Safari: double-tap zoomを無効化し、通常のスクロール操作は維持 */
html, body, button, input, label, a, .app-shell { touch-action: manipulation; }
html { background: var(--bg); }
body { margin:0; min-height:100vh; font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic UI","Noto Sans JP",sans-serif; color:var(--text); background:linear-gradient(180deg,#f8f9fc 0%,#eef1f7 100%); }
button,input { font:inherit; }
button { cursor:pointer; }
.app-shell { width:min(100%,620px); min-height:100vh; margin:auto; padding:env(safe-area-inset-top) 16px calc(90px + env(safe-area-inset-bottom)); }
.topbar { display:flex; align-items:center; justify-content:space-between; padding:22px 4px 14px; }
.eyebrow { margin:0 0 2px; color:var(--muted); font-size:12px; font-weight:700; letter-spacing:.08em; }
h1 { margin:0; font-size:29px; letter-spacing:-.04em; }
.app-title-line { display:flex; align-items:baseline; gap:8px; }
.version-badge { color:var(--muted); font-size:11px; font-weight:800; letter-spacing:.02em; }
h2 { margin:0; font-size:18px; }
.icon-btn { width:44px; height:44px; border:0; border-radius:50%; background:var(--surface); box-shadow:0 8px 25px rgba(20,25,40,.08); }
.summary-card { padding:18px 20px 20px; border-radius:28px; background:#202124; color:#fff; box-shadow:0 20px 40px rgba(22,27,45,.18); }
.month-nav { display:flex; align-items:center; justify-content:center; gap:8px; }
.month-btn,.month-label { border:0; color:#fff; background:transparent; }
.month-btn { font-size:31px; width:38px; }
.month-label { font-weight:700; padding:8px 12px; }
.summary-label { margin:15px 0 2px; color:#cfd2d8; font-size:13px; }
.monthly-total { margin:0; font-size:42px; font-weight:800; letter-spacing:-.05em; }
.summary-meta { display:flex; justify-content:space-between; margin-top:12px; color:#d7dae0; font-size:12px; }
.tabs { position:sticky; top:6px; z-index:10; display:grid; grid-template-columns:repeat(3,1fr); gap:5px; margin:16px 0; padding:5px; border:1px solid rgba(255,255,255,.7); border-radius:18px; background:rgba(245,246,250,.82); backdrop-filter:blur(14px); }
.tab { border:0; border-radius:13px; padding:11px 8px; color:var(--muted); background:transparent; font-weight:700; }
.tab.active { color:var(--text); background:#fff; box-shadow:0 4px 14px rgba(24,29,45,.08); }
.panel { display:none; }
.panel.active { display:block; }
#entryForm,.entry-list,.category-summary { padding:20px; border-radius:var(--radius); background:var(--surface); box-shadow:0 12px 32px rgba(25,30,45,.07); }
label { display:block; margin:0 0 8px; font-size:13px; font-weight:700; }
input { width:100%; border:1px solid var(--line); border-radius:15px; padding:15px; outline:none; background:#fff; font-size:17px; }
input:focus { border-color:#8b91a0; box-shadow:0 0 0 4px rgba(32,33,36,.08); }
.title-row { position:relative; margin-bottom:10px; }
.title-row input { padding-left:48px; }
.color-dot { position:absolute; left:16px; top:50%; transform:translateY(-50%); width:18px; height:18px; border-radius:50%; background:#8d99ae; box-shadow:0 0 0 4px rgba(141,153,174,.16); }
.quick-titles { display:flex; gap:7px; overflow:auto; margin:0 0 20px; padding-bottom:2px; }
.quick-titles button,.quick-amounts button { flex:none; border:1px solid var(--line); border-radius:999px; padding:8px 12px; background:#fff; color:#4c515b; font-size:13px; }
.amount-wrap { position:relative; margin-bottom:10px; }
.amount-wrap span { position:absolute; left:16px; top:50%; transform:translateY(-50%); font-size:22px; font-weight:800; }
.amount-wrap input { padding-left:43px; font-size:29px; font-weight:800; }
.quick-amounts { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; margin-bottom:20px; }
.quick-amounts button { padding:10px 4px; }
#dateInput { margin-bottom:18px; }
.primary-btn,.secondary-btn,.danger-btn { border:0; border-radius:15px; padding:15px 17px; font-weight:800; }
.primary-btn { width:100%; color:#fff; background:#202124; }
.primary-btn.small { width:auto; min-width:120px; }
.secondary-btn { display:block; width:100%; margin:10px 0; text-align:center; color:#202124; background:#edf0f5; }
.danger-btn { color:var(--danger); background:#fce8e6; }
.danger-btn.full { width:100%; margin-top:22px; }
.hint { margin:11px 2px 0; color:var(--muted); font-size:11px; line-height:1.55; }
.list-head { display:flex; justify-content:space-between; align-items:center; margin:4px 2px 12px; }
.text-btn { border:0; background:transparent; font-weight:700; text-decoration:underline; }
.entry-list,.category-summary { padding:8px 16px; }
.entry-item { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:12px; padding:14px 2px; border-bottom:1px solid var(--line); }
.entry-item:last-child { border-bottom:0; }
.entry-color { width:13px; height:42px; border-radius:999px; }
.entry-title { margin:0 0 3px; font-weight:800; }
.entry-date { color:var(--muted); font-size:12px; }
.entry-amount { font-weight:800; font-size:18px; }
.entry-edit { grid-column:3; border:0; background:transparent; color:var(--muted); font-size:12px; }
.empty-state { padding:48px 16px; color:var(--muted); text-align:center; }
.category-row { padding:15px 2px; border-bottom:1px solid var(--line); }
.category-row:last-child { border-bottom:0; }
.category-head { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.category-name { display:flex; align-items:center; gap:9px; font-weight:800; }
.category-dot { width:12px; height:12px; border-radius:50%; }
.category-bar-bg { height:8px; margin-top:10px; border-radius:999px; background:#edf0f5; overflow:hidden; }
.category-bar { height:100%; border-radius:inherit; }
dialog { width:min(calc(100% - 24px),520px); border:0; border-radius:25px; padding:0; box-shadow:0 25px 80px rgba(0,0,0,.25); }
dialog::backdrop { background:rgba(20,22,28,.42); backdrop-filter:blur(3px); }
.dialog-form { padding:20px; }
.dialog-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; }
.dialog-form input { margin-bottom:15px; }
.dialog-actions { display:flex; align-items:center; justify-content:space-between; margin-top:18px; }
.color-choices { display:flex; flex-wrap:wrap; gap:10px; }
.color-choice { width:34px; height:34px; border:3px solid transparent; border-radius:50%; }
.color-choice.selected { border-color:#202124; box-shadow:inset 0 0 0 3px #fff; }
.settings-copy { color:var(--muted); line-height:1.6; }
.file-label input { display:none; }
.toast { position:fixed; left:50%; top:calc(env(safe-area-inset-top, 0px) + 2cm); z-index:2147483647; width:max-content; max-width:calc(100vw - 32px); transform:translateX(-50%) scale(.94); opacity:0; pointer-events:none; padding:13px 22px; border:2px solid #202124; border-radius:999px; background:#dff5df; color:#202124; font-size:14px; font-weight:800; line-height:1.35; text-align:center; box-shadow:0 12px 30px rgba(0,0,0,.22); transition:transform .2s ease,opacity .2s ease; }
.toast.show { transform:translateX(-50%) scale(1); opacity:1; }
.toast.centered { top:50%; transform:translate(-50%,-50%) scale(.94); width:min(520px,calc(100vw - 38px)); padding:18px 22px; border-radius:22px; font-size:16px; }
.toast.centered.show { transform:translate(-50%,-50%) scale(1); }
.toast.centered.centered-up { top:calc(50% - 1.5cm); }
@media (min-width:700px) { .app-shell { padding-left:0; padding-right:0; } }


/* legacy styling */
.quick-title-head{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.quick-title-head span{font-size:.86rem;color:var(--muted)}
.amount-grid{display:grid!important;grid-template-columns:repeat(4,1fr);gap:8px}.amount-grid button:nth-child(n+5){background:#fff4f4;border-color:#ffd5d5;color:#c92a2a}
.quick-add-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:14px}.quick-add-form input{min-width:0}
.quick-title-editor{display:grid;gap:8px;max-height:52vh;overflow:auto;padding:2px}.quick-editor-row{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;background:#f7f8fb;border:1px solid #e7e9f0;border-radius:12px;padding:8px}.quick-editor-row.dragging{opacity:.45}.quick-editor-row input{margin:0}.drag-handle{cursor:grab;font-size:1.25rem;color:#6b7280;padding:5px}.danger-mini{border:0;border-radius:9px;padding:9px 10px;background:#ffe3e3;color:#c92a2a;font-weight:700}
@media(max-width:430px){.amount-grid{grid-template-columns:repeat(2,1fr)}}

/* legacy styling */
.quick-titles{display:flex;flex-wrap:wrap;overflow:visible;align-items:flex-start;gap:8px;margin:0 0 20px;padding-bottom:0}
.quick-titles button{display:inline-flex;align-items:center;gap:7px;max-width:100%;white-space:normal;text-align:left}
.quick-title-dot{width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:var(--quick-color)}
.quick-title-text{overflow-wrap:anywhere}
.color-picker-block{margin:0 0 16px;padding:11px 12px;border:1px solid var(--line);border-radius:15px;background:#f8f9fc}
.color-picker-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:12px;font-weight:700;color:var(--muted)}
.color-choices-with-auto{align-items:center}
.auto-color-choice{position:relative;min-width:58px;height:34px;border:2px solid var(--line);border-radius:999px;background:#fff;padding:0 10px 0 25px;font-size:12px;font-weight:800;color:var(--text)}
.auto-color-choice::before{content:"";position:absolute;left:9px;top:50%;width:10px;height:10px;border-radius:50%;background:var(--preview-color);transform:translateY(-50%)}
.auto-color-choice.selected{border-color:#202124;box-shadow:0 0 0 2px rgba(32,33,36,.08)}
.quick-add-form{grid-template-columns:minmax(0,1fr) auto}
.quick-add-color{grid-column:1/-1;padding:10px 11px;border:1px solid var(--line);border-radius:13px;background:#f8f9fc}
.quick-title-editor{gap:10px}
.quick-editor-card{border:1px solid #e7e9f0;border-radius:14px;background:#f7f8fb;overflow:hidden}
.quick-editor-row{grid-template-columns:auto minmax(0,1fr) auto auto;border:0;border-radius:0;background:transparent;padding:8px;gap:10px}
.quick-color-toggle{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#fff;padding:6px}
.quick-color-toggle span{display:block;width:100%;height:100%;border-radius:50%}
.reorder-buttons{display:flex;gap:10px}
.move-btn{width:42px;height:42px;border:1px solid #d9dde6;border-radius:11px;background:#fff;font-size:20px;font-weight:800;color:#3f4652}
.move-btn:disabled{opacity:.28;cursor:default}
.danger-mini{width:42px;height:42px;padding:0;font-size:17px}
.inline-color-palette{display:flex;flex-wrap:wrap;gap:10px;padding:10px 12px 12px;border-top:1px solid #e7e9f0;background:#fff}
@media(max-width:430px){.quick-editor-row{grid-template-columns:auto minmax(0,1fr) auto}.reorder-buttons{grid-column:2;justify-content:flex-end}.danger-mini{grid-column:3;grid-row:1/3}.quick-color-toggle{align-self:start}.quick-editor-row input{grid-column:2}.move-btn{width:46px}.danger-mini{height:46px;width:46px}}


/* legacy styling */
.payments-launch{width:100%;margin:18px 0 28px;border:0;border-radius:18px;padding:17px;background:#202124;color:#fff;font-size:16px;font-weight:800;box-shadow:0 10px 24px rgba(32,33,36,.18)}
.payment-badge{display:inline-flex;min-width:24px;height:24px;margin-left:8px;padding:0 7px;align-items:center;justify-content:center;border-radius:999px;background:#ff5a5f;color:#fff;font-size:12px}
.payments-page{position:fixed;inset:0;z-index:100;background:#f6f7fb;overflow:auto;padding:calc(env(safe-area-inset-top,0px) + 14px) 16px calc(env(safe-area-inset-bottom,0px) + 28px)}
.payments-page[hidden]{display:none}
.payments-page>*{max-width:680px;margin-left:auto;margin-right:auto}
.payments-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.payments-head h2{margin:0}.payments-head .icon-btn{font-size:34px}
.payment-month-nav{display:grid;grid-template-columns:46px 1fr 46px;align-items:center;gap:10px;margin-bottom:12px}.month-label.light{color:#202124;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px}
.payment-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.payment-stat{padding:12px 8px;border-radius:14px;background:#fff;text-align:center;box-shadow:0 6px 18px rgba(25,30,45,.06)}.payment-stat strong{display:block;font-size:19px}.payment-total-card{grid-column:1/-1;padding:14px;border-radius:16px;background:#202124;color:#fff}.payment-total-row{display:flex;justify-content:space-between;padding:3px 0}.payment-complete{grid-column:1/-1;padding:14px;border-radius:16px;background:#e8f7ea;text-align:center;font-weight:800}
.payment-add-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:14px;padding:14px;border-radius:18px;background:#fff}.payment-add-form input{margin:0}
.payment-list{display:grid;gap:10px}.payment-card{padding:14px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 8px 20px rgba(25,30,45,.06)}.payment-card.warning{background:#fff8cf;border-color:#f1d95b}.payment-card.danger{background:#ffe0e0;border-color:#ef7777}.payment-card.overdue{background:#ffd6d6;border-color:#e74c4c}.payment-card.paid{background:#e7e7e7;border-color:#cdcdcd;color:#777}
.payment-title-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;margin-bottom:12px}.payment-title-row input[type=checkbox]{width:24px;height:24px;margin:0}.payment-name{margin:0;padding:10px 12px;font-size:17px;font-weight:800}.pin-btn,.payment-delete{width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:18px}.pin-btn.active{background:#fff2b8}.payment-delete{color:#c92a2a}
.payment-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.payment-field label{margin-bottom:5px;font-size:11px;color:var(--muted)}.payment-field input{margin:0;padding:11px;font-size:14px}.payment-note{grid-column:span 1}.payment-status{margin:9px 0 0;font-size:12px;font-weight:800}.payment-status.overdue-text{color:#c92a2a}
@media(max-width:560px){.payment-summary{grid-template-columns:repeat(3,1fr)}.payment-add-form{grid-template-columns:1fr}.payment-add-form .primary-btn.small{width:100%}.payment-fields{grid-template-columns:1fr 1fr}.payment-note{grid-column:1/-1}.payment-title-row{grid-template-columns:auto 1fr auto auto}}

/* legacy styling */
.payment-month-nav .month-btn {
  color: #202124;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 14px;
  min-width: 46px;
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
  box-shadow: 0 4px 12px rgba(25,30,45,.06);
}
.payment-month-nav .month-btn:active {
  transform: scale(.96);
}

/* legacy styling */
.payment-card{overflow:hidden;}
.payment-fields,.payment-field{min-width:0;}
.payment-field input,.payment-field select{box-sizing:border-box;width:100%;max-width:100%;}
.due-day{appearance:auto;-webkit-appearance:menulist;background-color:#fff;}
@media(max-width:560px){
  .payment-card{padding-left:12px;padding-right:12px;}
  .payment-fields{gap:7px;}
}

/* legacy styling */
.payment-field{overflow:hidden;}
.paid-date-button{box-sizing:border-box;width:100%;max-width:100%;min-width:0;height:46px;margin:0;padding:10px 11px;border:1px solid var(--line);border-radius:15px;background:#fff;color:#202124;text-align:center;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.paid-date-placeholder{color:#9aa0a6;font-weight:500;}
.paid-date-dialog{width:min(92vw,420px);border:0;border-radius:20px;padding:0;box-shadow:0 24px 70px rgba(0,0,0,.3);}
.paid-date-dialog::backdrop{background:rgba(0,0,0,.38);}
.paid-date-dialog-form{padding:18px;background:#fff;}
.paid-date-dialog-form input[type=date]{box-sizing:border-box;width:100%;max-width:100%;margin:8px 0 18px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff;font-size:17px;}
.paid-date-dialog-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;}
.paid-date-dialog-actions button{min-width:0;padding:12px 8px;}
@media(max-width:560px){
  .payments-page{padding-left:12px;padding-right:12px;}
  .payment-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
  .paid-date-button{font-size:13px;padding-left:8px;padding-right:8px;}
  .paid-date-dialog{width:calc(100vw - 24px);max-width:none;}
  .paid-date-dialog-actions{grid-template-columns:1fr 1fr;}
  .paid-date-dialog-actions .primary-btn{grid-column:1/-1;width:100%;}
}

/* iPhone Safari: prevent focus zoom and accidental double-tap zoom */
html, body {
  -webkit-text-size-adjust: 100%;
  overscroll-behavior-x: none;
}
button, input, select, textarea {
  touch-action: manipulation;
}
@supports (-webkit-touch-callout: none) {
  input, select, textarea {
    font-size: 16px !important;
  }
}

/* legacy styling */
.date-input-wrap{position:relative;width:100%;margin:8px 0 18px;}
.paid-date-dialog-form .date-input-wrap input[type=date]{margin:0;}
.date-input-placeholder{display:none;position:absolute;left:15px;right:44px;top:50%;transform:translateY(-50%);color:#9aa0a6;font-size:16px;font-weight:500;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.date-input-wrap.is-empty .date-input-placeholder{display:block;}
.date-input-wrap.is-empty input[type=date]{color:transparent;}
.date-input-wrap.is-empty input[type=date]::-webkit-date-and-time-value{color:transparent;}
.payment-card:focus-within{scroll-margin-top:88px;scroll-margin-bottom:88px;}


/* legacy styling */
.amount-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.amount-label-row label{margin:0}.mini-premium-btn{border:1px solid #d9dde6;border-radius:999px;background:#fff;padding:7px 10px;font-size:12px;font-weight:800}.mini-premium-btn span{margin-left:4px;color:#845ef7;font-size:9px}
.premium-tools-card{margin:18px 0;padding:14px;border:1px solid #e0ddf4;border-radius:20px;background:linear-gradient(135deg,#fff 0%,#f6f2ff 100%);box-shadow:0 8px 22px rgba(70,55,120,.08)}.premium-tools-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.premium-tools-head>div{display:flex;align-items:center;gap:8px}.premium-kicker{font-size:10px;font-weight:900;color:#7656c9;letter-spacing:.08em}.plan-badge{padding:5px 8px;border-radius:999px;background:#e8ddff;color:#593fa0;font-size:10px;font-weight:900}.plan-badge.free{background:#eceff3;color:#667085}.premium-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.premium-tool-btn{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;border:1px solid #e4e5ec;border-radius:15px;background:#fff;padding:12px;text-align:left}.premium-tool-btn strong,.premium-tool-btn small{display:block}.premium-tool-btn small{margin-top:2px;color:var(--muted);font-size:10px}.premium-tool-icon{font-size:24px}.free-plan .premium-tool-btn{opacity:.62}.free-plan .premium-tool-btn::after{content:'🔒';margin-left:auto}
.dev-plan-box{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;margin:12px 0 18px;padding:13px;border:1px solid #e0ddf4;border-radius:14px;background:#f8f6ff}.dev-plan-box strong,.dev-plan-box small{display:block}.dev-plan-box small{margin-top:3px;color:var(--muted);font-size:10px}.dev-plan-box select{width:auto;min-width:120px;margin:0;padding:10px}
.feature-page{position:fixed;inset:0;z-index:100;background:#f6f7fb;overflow:auto;padding:calc(env(safe-area-inset-top,0px) + 14px) 16px calc(env(safe-area-inset-bottom,0px) + 28px)}.feature-page[hidden]{display:none}.feature-page>*{max-width:680px;margin-left:auto;margin-right:auto}.feature-intro{margin-bottom:12px;padding:12px 14px;border-radius:14px;background:#fff;color:var(--muted);font-size:12px;line-height:1.6}.memo-add-form,.trip-create-form,.trip-expense-form{padding:14px;border-radius:18px;background:#fff;box-shadow:0 6px 18px rgba(25,30,45,.06)}.memo-add-form .amount-wrap{margin-bottom:10px}.memo-list{display:grid;gap:10px;margin-top:12px}.memo-row{display:grid;grid-template-columns:1fr auto;gap:9px;padding:13px;border:1px solid var(--line);border-radius:16px;background:#fff}.memo-main strong,.memo-main span{display:block}.memo-main strong{font-size:20px}.memo-main span{margin-top:3px;color:var(--muted);font-size:11px}.memo-convert{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.memo-convert input{margin:0}.memo-delete{grid-column:2;grid-row:1;border:0;background:transparent;color:#c92a2a;font-size:12px}
.trip-create-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:12px}.trip-create-form input{margin:0}.trip-tabs{display:flex;gap:8px;overflow:auto;margin-bottom:12px;padding-bottom:2px}.trip-tab{flex:none;border:1px solid var(--line);border-radius:999px;background:#fff;padding:9px 13px;font-weight:700}.trip-tab.active{background:#202124;color:#fff}.trip-summary-card{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;border-radius:18px;background:#202124;color:#fff}.trip-summary-card span,.trip-summary-card strong{display:block}.trip-summary-card strong{font-size:27px}.danger-mini-wide{border:1px solid rgba(255,255,255,.25);border-radius:12px;background:rgba(255,255,255,.08);color:#fff;padding:9px 11px}.trip-expense-form{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.trip-expense-form input,.trip-expense-form .amount-wrap{margin:0}.trip-expense-form .primary-btn{grid-column:1/-1}.trip-expense-list{display:grid;gap:8px;margin-top:12px}.trip-expense-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:15px;background:#fff}.trip-expense-row>div strong,.trip-expense-row>div span{display:block}.trip-expense-row>div span{margin-top:3px;color:var(--muted);font-size:11px}.trip-exp-delete{border:0;background:transparent;color:#c92a2a;font-size:11px}
.calculator-panel{position:fixed;z-index:240;width:min(290px,calc(100vw - 24px));padding:10px;border:1px solid #cfd3dd;border-radius:18px;background:#fff;box-shadow:0 22px 60px rgba(0,0,0,.28)}.calculator-panel[hidden]{display:none}.calculator-panel.corner-tr{top:calc(env(safe-area-inset-top,0px) + 12px);right:12px}.calculator-panel.corner-br{bottom:calc(env(safe-area-inset-bottom,0px) + 12px);right:12px}.calculator-panel.corner-bl{bottom:calc(env(safe-area-inset-bottom,0px) + 12px);left:12px}.calculator-panel.corner-tl{top:calc(env(safe-area-inset-top,0px) + 12px);left:12px}.calculator-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.calculator-head>div{display:flex;gap:6px}.calculator-head button{min-width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:#f5f6fa}.calculator-display{min-height:55px;margin-bottom:8px;padding:10px;border-radius:12px;background:#202124;color:#fff;text-align:right;font-size:25px;font-weight:800;overflow:auto}.calculator-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.calculator-grid button{min-height:43px;border:1px solid var(--line);border-radius:11px;background:#f8f9fc;font-weight:800}.calculator-grid .calc-soft{background:#eceff3}.calculator-grid .calc-equals{grid-row:4/6;grid-column:4;background:#202124;color:#fff}.calculator-grid .calc-zero{grid-column:1/2}.calculator-grid .calc-apply{grid-column:1/-1;background:#e7f7eb;border-color:#b9e5c4;color:#1f6b36}.calculator-grid button[data-calc="+"]{grid-column:4;grid-row:3}.calculator-grid button[data-calc="-"]{grid-column:4;grid-row:2}
#premiumGateDialog{width:min(calc(100% - 24px),420px)}
@media(max-width:430px){.premium-tool-grid{grid-template-columns:1fr}.memo-convert{grid-template-columns:1fr}.memo-convert .primary-btn.small{width:100%}.trip-create-form,.trip-expense-form{grid-template-columns:1fr}.trip-create-form .primary-btn.small{width:100%}.trip-expense-form .primary-btn{grid-column:1}.trip-expense-row{grid-template-columns:1fr auto}.trip-expense-amount{grid-row:1}.dev-plan-box{grid-template-columns:1fr}.dev-plan-box select{width:100%}}


/* legacy styling */
.feature-quick-titles{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px;grid-column:1/-1}
.feature-quick-title-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;background:#fff;padding:7px 10px;color:#4c515b;font-size:12px;font-weight:700}
.feature-quick-title-btn .quick-title-dot{background:var(--quick-color)}
.trip-title-block{grid-column:1/-1;min-width:0}
.trip-title-block>input{width:100%}
.memo-quick-titles{margin-top:0}
@media(max-width:430px){.feature-quick-title-btn{font-size:11px;padding:7px 9px}}

.calculator-head .calculator-move-btn{width:auto;min-width:50px;padding:0 10px;font-size:12px;font-weight:800;}
.trip-exp-actions{display:flex;align-items:center;gap:8px}.trip-exp-edit,.trip-exp-delete{border:0;background:transparent;font-size:11px}.trip-exp-edit{color:#3457d5;font-weight:800}.trip-exp-delete{color:#c92a2a}
#tripExpenseEditDialog .feature-quick-titles{margin:-6px 0 14px}


/* legacy styling */
/* 全体を一段階だけ大きく。iPhoneで崩れない範囲に限定 */
body{font-size:17px;}
.eyebrow{font-size:13px;}
h1{font-size:31px;}
.version-badge{font-size:12px;}
h2{font-size:20px;}
label{font-size:14px;}
.summary-label{font-size:14px;}
.summary-meta{font-size:13px;}
.month-label{font-size:16px;}
.tab{font-size:15px;}
.quick-titles button,.quick-amounts button{font-size:14px;}
.text-btn{font-size:14px;}
.hint{font-size:12px;}
.entry-title{font-size:18px;}
.entry-date{font-size:13px;}
.entry-amount{font-size:19px;}
.entry-edit{font-size:13px;}
.category-name{font-size:17px;}
.settings-copy{font-size:15px;}
.payment-badge{font-size:13px;}
.payment-stat strong{font-size:20px;}
.payment-field label{font-size:12px;}
.payment-field input,.payment-field select,.paid-date-button{font-size:15px;}
.payment-status{font-size:13px;}
.mini-premium-btn{font-size:13px;}
.premium-kicker,.plan-badge{font-size:11px;}
.premium-tool-btn small,.dev-plan-box small{font-size:11px;}
.feature-intro{font-size:13px;}
.memo-main span,.trip-expense-row>div span{font-size:12px;}
.trip-exp-delete,.trip-exp-edit{font-size:12px;}
.feature-quick-title-btn{font-size:13px;}

/* クイックメモの主ボタンを目立つ緑に */
#quickMemoSubmitBtn,.quick-memo-submit{
  background:#2f9e44 !important;
  color:#fff !important;
  border-color:#2f9e44 !important;
  box-shadow:0 8px 18px rgba(47,158,68,.22);
}
#quickMemoSubmitBtn:active,.quick-memo-submit:active{background:#2b8a3e !important;}

/* 毎月の支払い管理ボタンを青紫に */
#openPaymentsBtn.payments-launch{
  background:#5f5bd6 !important;
  color:#fff !important;
  box-shadow:0 10px 24px rgba(95,91,214,.24);
}
#openPaymentsBtn.payments-launch:active{background:#514dc5 !important;}

@media(max-width:430px){
  body{font-size:16px;}
  h1{font-size:30px;}
  h2{font-size:19px;}
  .app-shell{padding-left:14px;padding-right:14px;}
  .feature-quick-title-btn{font-size:12px;}
}


/* legacy styling */
.app-title-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.help-btn{border:1px solid #d7dbe5;border-radius:999px;background:#fff;color:#4c515b;padding:6px 10px;font-size:12px;font-weight:800;line-height:1;box-shadow:0 3px 10px rgba(25,30,45,.05)}
.help-btn:active{background:#eef1f6}
.text-back-btn{flex:none;border:1px solid #d7dbe5;border-radius:12px;background:#fff;color:#202124;min-width:58px;height:42px;padding:0 11px;font-size:14px;font-weight:800;box-shadow:0 5px 14px rgba(25,30,45,.06)}
.page-title-group{min-width:0;flex:1}.page-title-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.page-title-line h2{margin:0}
.help-page{z-index:320}.help-content{display:grid;gap:10px;padding-top:4px}.help-card{padding:16px 17px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 6px 18px rgba(25,30,45,.05)}.help-card h3{margin:0 0 7px;font-size:17px}.help-card p{margin:0;color:#555d68;font-size:15px;line-height:1.75}
@media(max-width:430px){.help-btn{font-size:12px;padding:6px 9px}.text-back-btn{min-width:55px;height:40px}.help-card{padding:15px}.help-card h3{font-size:16px}.help-card p{font-size:14px}}


/* legacy styling */
.premium-info-btn{width:100%;margin-top:10px;border:0;border-radius:14px;padding:12px 14px;background:#f08c00;color:#fff;font-weight:900;font-size:14px;box-shadow:0 7px 18px rgba(240,140,0,.2)}
.premium-info-btn:active{background:#e67700}
.premium-setting-box{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin:12px 0;padding:13px 14px;border:1px solid #eadfcf;border-radius:16px;background:#fffaf2}
.premium-setting-box strong,.premium-setting-box small{display:block}.premium-setting-box small{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.5}.premium-setting-box.is-locked{opacity:.58}
.premium-mini-label{display:inline-block;margin-left:5px;padding:3px 6px;border-radius:999px;background:#fff0d7;color:#d97706;font-size:9px;vertical-align:middle}
.switch-control{position:relative;display:block;width:50px;height:30px;margin:0}.switch-control input{position:absolute;opacity:0;pointer-events:none}.switch-slider{position:absolute;inset:0;border-radius:999px;background:#cfd4dc;transition:.2s}.switch-slider::after{content:'';position:absolute;left:3px;top:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:.2s}.switch-control input:checked+.switch-slider{background:#5b5bd6}.switch-control input:checked+.switch-slider::after{transform:translateX(20px)}.switch-control input:disabled+.switch-slider{cursor:not-allowed}
#openPaymentsBtn{position:relative}.payment-badge{position:absolute;right:10px;top:7px;margin:0;min-width:24px;height:24px;padding:0 7px;border:2px solid #fff;background:#ef4444;color:#fff;font-size:12px;font-weight:900}
.payment-alert-dialog{width:min(calc(100% - 28px),480px)}.payment-alert-lead{margin:0 0 12px;color:#313741;font-size:15px;line-height:1.65}.payment-alert-items{display:grid;gap:8px;margin:12px 0 16px}.payment-alert-item{display:grid;gap:3px;padding:11px 12px;border-radius:13px;background:#fff8db;border:1px solid #f5d76e}.payment-alert-item.danger,.payment-alert-item.overdue{background:#fff0f0;border-color:#ffc9c9}.payment-alert-item strong{font-size:15px}.payment-alert-item span{color:#646b75;font-size:12px}.payment-alert-actions{display:grid;gap:8px}.payment-alert-actions .secondary-btn,.payment-alert-actions .primary-btn{margin:0}
.premium-help-card{border-color:#f1d5ad;background:#fffaf2}
@media(max-width:430px){.premium-setting-box{grid-template-columns:minmax(0,1fr) auto}.premium-info-btn{font-size:14px}.payment-alert-lead{font-size:14px}}


/* legacy styling */
.premium-price-card{padding:20px 18px;border-radius:20px;background:linear-gradient(135deg,#fff4df,#fffaf2);border:1px solid #f4c77f;text-align:center;box-shadow:0 8px 22px rgba(240,140,0,.10)}
.premium-price-kicker{display:inline-block;margin-bottom:7px;padding:4px 9px;border-radius:999px;background:#f08c00;color:#fff;font-size:11px;font-weight:900;letter-spacing:.08em}
.premium-price-card strong{display:block;font-size:27px;line-height:1.25;color:#202124}
.premium-price-card p{margin:7px 0 3px;font-size:14px;font-weight:800;color:#4c515b}
.premium-price-card small{color:#8a6b3c;font-size:11px}
.future-feature{border-style:dashed}
@media(max-width:430px){.premium-price-card strong{font-size:25px}.premium-price-card p{font-size:13px}}


/* legacy styling */
.annual-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.annual-metric{padding:15px;border:1px solid #e3e6ed;border-radius:17px;background:#fff;box-shadow:0 6px 18px rgba(25,30,45,.05)}
.annual-metric.wide{grid-column:1/-1}
.annual-metric span,.annual-metric strong{display:block}
.annual-metric span{color:var(--muted);font-size:13px;font-weight:700;margin-bottom:6px}
.annual-metric strong{font-size:21px;line-height:1.3}
.annual-chart-card{padding:16px 12px 14px;border:1px solid #e3e6ed;border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(25,30,45,.06)}
.annual-chart-head{display:flex;align-items:flex-end;justify-content:space-between;padding:0 4px 14px}
.annual-chart-head h3{margin:0;font-size:18px}.annual-chart-head p{margin:4px 0 0;color:var(--muted);font-size:12px}
.annual-chart{height:310px;display:grid;grid-template-columns:repeat(12,minmax(34px,1fr));gap:7px;align-items:end;overflow-x:auto;padding:30px 2px 0}
.annual-bar-item{height:280px;min-width:34px;display:grid;grid-template-rows:30px 1fr 38px;gap:4px;align-items:end;text-align:center}
.annual-bar-value{font-size:9px;color:#69707b;white-space:nowrap;transform:rotate(-35deg);transform-origin:center bottom;margin-bottom:2px}
.annual-bar-track{height:205px;display:flex;align-items:flex-end;justify-content:center;border-radius:8px;background:linear-gradient(180deg,#f6f4ff,#f7f8fb);overflow:hidden}
.annual-bar{width:72%;min-height:0;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,#7c6ee6,#5b5bd6);transition:height .25s ease}
.annual-bar-label strong,.annual-bar-label small{display:block}.annual-bar-label strong{font-size:11px}.annual-bar-label small{min-height:14px;margin-top:2px;color:var(--muted);font-size:9px}
@media(max-width:430px){.annual-metrics{grid-template-columns:1fr 1fr}.annual-metric{padding:13px}.annual-metric strong{font-size:18px}.annual-chart{gap:6px}.annual-bar-value{font-size:8px}}


/* legacy styling */
#openPaymentsBtn.payments-launch{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;}
.payments-launch-label{min-width:0;}
.payments-launch-right{display:inline-flex;align-items:center;gap:7px;flex:none;}
.free-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  padding:3px 8px;
  border-radius:999px;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.04em;
  color:#5b5bd6;
  border:1px solid currentColor;
  background:transparent;
}


/* legacy styling */
.annual-chart-head{gap:12px}
.annual-csv-btn{flex:none;border:1px solid #d9dcE5;border-radius:999px;padding:9px 13px;background:#f4f5f8;color:#202124;font-size:13px;font-weight:800;white-space:nowrap}
.annual-csv-btn:active{transform:translateY(1px)}
.annual-chart{height:auto;display:block;overflow-x:auto;padding:4px 0 0}
.annual-line-svg{display:block;width:100%;min-width:700px;height:auto;overflow:visible}
.annual-grid-line{stroke:#e8eaf0;stroke-width:1}
.annual-line-area{fill:rgba(91,91,214,.09)}
.annual-line-path{fill:none;stroke:#5b5bd6;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.annual-line-dot{fill:#fff;stroke:#5b5bd6;stroke-width:4}
.annual-y-label,.annual-x-label,.annual-x-year{fill:#70757a;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic UI","Noto Sans JP",sans-serif}
.annual-y-label{font-size:12px}.annual-x-label{font-size:12px;font-weight:800;fill:#4c515b}.annual-x-year{font-size:9px}
@media(max-width:430px){.annual-chart-card{padding-left:10px;padding-right:10px}.annual-csv-btn{font-size:12px;padding:8px 10px}.annual-line-svg{min-width:650px}}


/* legacy styling */
.annual-chart-actions{display:flex;flex-direction:column;align-items:flex-end;gap:7px}
.annual-point-hint{font-size:12px;font-weight:800;color:#5b5bd6;white-space:nowrap}
.annual-selected-value{margin:0 4px 10px;padding:10px 12px;border-radius:13px;background:#f7f7fb;color:#70757a;font-size:13px;font-weight:700;text-align:right}
.annual-selected-value.has-value{background:#eef0ff;color:#3535a7;font-size:15px}
.annual-line-dot{cursor:pointer;transition:r .15s ease,fill .15s ease,stroke .15s ease}
.annual-line-dot.is-zero{fill:#fff;stroke:#c5c9d3;stroke-width:3}
.annual-line-dot.has-spend{fill:#f08c00;stroke:#fff;stroke-width:3;filter:drop-shadow(0 2px 4px rgba(240,140,0,.28))}
.annual-line-dot.has-spend:hover,.annual-line-dot.has-spend:focus,.annual-line-dot.selected{fill:#d9480f;stroke:#fff;outline:none}
.annual-table-wrap{margin-top:18px;padding:4px}
.annual-table-wrap h3{margin:0 0 10px;font-size:17px}
.annual-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid #e3e6ed;border-radius:15px;background:#fff}
.annual-table th,.annual-table td{padding:10px 12px;border-bottom:1px solid #eceef3;text-align:left;font-size:13px}
.annual-table th{background:#f6f7fb;color:#5f6670;font-size:12px}
.annual-table td:last-child,.annual-table th:last-child{text-align:right;font-weight:800}
.annual-table tr:last-child td{border-bottom:0}
.annual-table tr.has-spend td:last-child{color:#5b5bd6}
.premium-report-example{padding:16px;border:1px solid #f1d5ad;border-radius:18px;background:#fffaf2}
.premium-report-example h3{margin:0 0 5px;font-size:17px}.premium-report-example p{margin:0 0 12px;color:#70757a;line-height:1.55;font-size:13px}
.premium-report-example img{display:block;width:100%;height:auto;border-radius:16px;border:1px solid #dedfe6;background:#fff;box-shadow:0 8px 22px rgba(25,30,45,.08)}
@media(max-width:430px){.annual-chart-head{align-items:flex-start}.annual-chart-actions{gap:5px}.annual-point-hint{font-size:11px}.annual-selected-value{text-align:left}.annual-table th,.annual-table td{padding:9px 10px;font-size:12px}}


/* legacy styling */
.trip-summary-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.trip-sync-btn{border:1px solid rgba(255,255,255,.35);border-radius:12px;padding:9px 12px;background:#fff;color:#202124;font-weight:800;white-space:nowrap}
.trip-sync-btn.synced{background:#d3f9d8;color:#1b5e20;border-color:#8ce99a}
#openPaymentsBtn .free-label{margin-left:14px}
@media(max-width:430px){.trip-summary-card{align-items:flex-start}.trip-summary-actions{justify-content:flex-end}.trip-sync-btn,.danger-mini-wide{font-size:12px;padding:9px 10px}}

/* legacy styling */
#openPaymentsBtn .payments-launch-right{
  margin-left:18px;
}
#openPaymentsBtn .free-label{
  margin-left:6px;
}

/* legacy styling */
.trip-auto-sync-note{
  display:inline-block;
  margin-left:12px;
  color:#777b84;
  font-size:12px;
  line-height:1.45;
  vertical-align:middle;
}
@media(max-width:430px){
  .trip-auto-sync-note{
    margin-left:8px;
    font-size:11px;
  }
}

/* legacy styling */
.data-consent-dialog{max-width:min(92vw,560px);border:0;border-radius:22px;padding:0}
.data-consent-dialog::backdrop{background:rgba(20,22,28,.55)}
.data-consent-form{max-width:560px}
.data-consent-copy{padding:2px 0 8px;color:#3f434b;font-size:14px;line-height:1.75}
.data-consent-copy p{margin:0 0 12px}
.data-consent-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:10px;margin-top:8px}
.data-consent-declined-copy{font-size:14px;line-height:1.8;color:#444}
.data-consent-status{margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:14px;background:#f7f8fb}
.data-consent-status strong,.data-consent-status span{display:block}
.data-consent-status span{margin:5px 0 8px;color:var(--muted);font-size:13px}
.data-consent-status .text-btn{padding:0}
@media(max-width:430px){.data-consent-actions{grid-template-columns:1fr}.data-consent-copy{font-size:13px}}

/* legacy styling */
.legal-settings{margin:18px 0 14px;padding-top:15px;border-top:1px solid var(--line);text-align:center}
.legal-links{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap}
.legal-links .text-btn{padding:4px 2px;font-size:13px}
.legal-links span{color:var(--muted);font-size:12px}
.copyright{margin:10px 0 0;color:var(--muted);font-size:11px;line-height:1.5}
.legal-page{z-index:190}
.legal-updated{margin:18px 4px 8px;color:var(--muted);font-size:12px;text-align:right}

/* legacy styling */
.legal-dialog{
  width:min(92vw,680px);
  max-height:88vh;
  border:0;
  border-radius:22px;
  padding:0;
}
.legal-dialog::backdrop{background:rgba(20,22,28,.55)}
.legal-dialog-form{max-height:88vh;overflow:auto}
.legal-dialog .help-page-content{padding-bottom:8px}


/* legacy styling */
.premium-account-box{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;padding:14px;border:1px solid var(--line);border-radius:14px;background:#f7f8fb}
.premium-account-box strong,.premium-account-box small{display:block}.premium-account-box small{margin-top:4px;color:var(--muted);font-size:12px}
.premium-auth-dialog{width:min(92vw,520px);border:0;border-radius:22px;padding:0}.premium-auth-dialog::backdrop{background:rgba(20,22,28,.55)}
.premium-auth-dialog input{width:100%;box-sizing:border-box;margin:6px 0 12px}.premium-auth-message{min-height:1.4em;color:var(--muted);font-size:13px;line-height:1.5}
.premium-subscribe-btn{width:100%;margin:14px 0 4px}


/* legacy styling */
.install-guide-strip{
  margin:0 16px 14px;padding:12px;border:1px solid var(--border,#dfe3ea);
  border-radius:14px;background:var(--card,#fff);
}
.install-guide-strip p{margin:0 0 9px;font-size:.86rem;line-height:1.5;}
.install-guide-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.install-guide-btn{
  min-height:48px;border:1px solid var(--border,#dfe3ea);border-radius:12px;background:#fff;
  font-weight:700;padding:8px 10px;line-height:1.35;
}
.premium-account-box-v2{align-items:stretch;gap:10px;}
.premium-account-copy{display:flex;flex-direction:column;gap:3px;}
.premium-account-copy span{font-size:.78rem;opacity:.78;line-height:1.4;}
.premium-account-actions{display:grid;gap:8px;}
.backup-settings-box{display:grid;gap:8px;padding:12px;border:1px solid var(--border,#dfe3ea);border-radius:12px;}
.backup-settings-box small{line-height:1.5;}
.install-help-content{line-height:1.7;}
.install-help-content ol{padding-left:1.4rem;}
.install-help-content li{margin:.55rem 0;}
@media(max-width:520px){
  .install-guide-buttons{grid-template-columns:1fr;}
}


/* legacy styling */
.install-guide-head{
  display:flex;
  align-items:flex-start;
  gap:10px;
  justify-content:space-between;
  margin-bottom:9px;
}
.install-guide-head p{margin:0;flex:1;}
.install-guide-hide-btn{
  flex:0 0 auto;
  border:1px solid var(--border,#dfe3ea);
  background:#fff;
  border-radius:999px;
  padding:6px 10px;
  font-size:.78rem;
  line-height:1;
}
.show-install-guide-wrap{
  margin:-4px 16px 12px;
  text-align:right;
}
.show-install-guide-wrap .text-btn{
  font-size:.78rem;
  opacity:.82;
}


/* legacy styling */
.monthly-backup-dialog .dialog-form{max-width:520px;}
.monthly-backup-dialog input[type="text"]{
  width:100%;box-sizing:border-box;min-height:46px;
}
.monthly-backup-note{
  margin:6px 0 12px;font-size:.8rem;line-height:1.5;opacity:.78;
}
.monthly-backup-actions{
  display:grid;gap:9px;
}


/* legacy styling */
.backup-heading{
  display:flex;
  align-items:center;
  gap:10px;
}
.free-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  padding:3px 8px;
  border-radius:999px;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.04em;
  border:1px solid var(--border,#dfe3ea);
  background:#fff;
}
.app-update-note p{line-height:1.65;}


/* legacy styling */
.premium-trial-promo-dialog .dialog-form{max-width:520px;}
.premium-trial-lead{
  margin:.25rem 0 .7rem;
  font-weight:800;
  line-height:1.55;
}
.premium-trial-promo-actions{
  display:grid;
  gap:9px;
  margin-top:14px;
}
.premium-trial-small{
  display:block;
  margin-top:12px;
  line-height:1.55;
  opacity:.78;
}


/* legacy styling */
.cloud-backup-settings-box{display:grid;gap:8px;padding:12px;border:1px solid var(--border,#dfe3ea);border-radius:12px;}
.cloud-backup-settings-box small{line-height:1.55;}
.cloud-backup-settings-box.is-locked{opacity:.72;}
.cloud-backup-status{display:block;font-size:.78rem;line-height:1.5;opacity:.82;}
.monthly-cloud-backup-btn{margin:8px 0 12px;}
.cloud-restore-list{display:grid;gap:8px;margin-top:10px;max-height:48vh;overflow:auto;}
.cloud-restore-item{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;text-align:left;padding:12px;border:1px solid var(--border,#dfe3ea);border-radius:12px;background:#fff;}
.cloud-restore-item strong{font-size:.95rem;}
.cloud-restore-item span{font-size:.78rem;opacity:.75;}

/* backup responsibility notice */
.backup-important-notice{display:grid;gap:5px;padding:10px 12px;margin:8px 0 10px;border:1px solid currentColor;border-radius:12px;font-size:.88rem}.backup-important-notice small{line-height:1.55;opacity:.82}

/* v3.1.8: first-launch home-screen guide */
.first-install-guide-dialog .dialog-form{max-width:560px;}
.first-install-lead{margin:.2rem 0 1rem;line-height:1.65;font-weight:700;}
.first-install-os-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 14px;}
.first-install-os-buttons .install-guide-btn.active{outline:3px solid rgba(45,90,200,.18);font-weight:800;}
.first-install-guide-content{padding:12px 14px;border-radius:14px;background:rgba(0,0,0,.035);}
.first-install-guide-content h3{margin:.1rem 0 .6rem;}
.first-install-actions{margin-top:14px;}
.first-install-note{margin-top:12px;}
@media (max-width:560px){.first-install-os-buttons{grid-template-columns:1fr;}}


/* ===== PREMIUM UI / A4 print additions 2026-09-07 ===== */

/* 「便利ツール」の右上FREE/PREMIUMバッジは紛らわしいため常時非表示 */
.plan-badge{display:none!important}

/* PREMIUM認証済み表示 */
.premium-login-indicator{
  display:flex;
  width:max-content;
  max-width:100%;
  align-items:center;
  gap:8px;
  margin:2px 2px 14px;
  padding:8px 13px;
  border:1px solid #d9c8ff;
  border-radius:999px;
  background:linear-gradient(135deg,#efe7ff 0%,#e0d3ff 100%);
  color:#5c36b5;
  font-size:12px;
  font-weight:900;
  letter-spacing:.03em;
  box-shadow:0 7px 18px rgba(108,72,180,.10);
}
.premium-login-indicator[hidden]{display:none!important}
.premium-login-dot{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#8b5cf6;
  box-shadow:0 0 0 4px rgba(139,92,246,.13);
}

/* 設定内PREMIUM欄を縦に整え、文字が不自然に縦割れしないようにする */
.premium-account-box-v2{
  display:grid!important;
  grid-template-columns:1fr!important;
  align-items:stretch!important;
  gap:12px!important;
}
.premium-account-copy{min-width:0}
.premium-account-copy strong,
.premium-account-copy small,
.premium-account-copy span{overflow-wrap:anywhere}
.premium-account-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  min-width:0;
}
.premium-account-actions .small,
#premiumLogoutBtn{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  white-space:normal;
  line-height:1.35;
}
#premiumLogoutBtn{
  color:#0b6f9f!important;
  background:#e6f6ff!important;
  border:1px solid #bfe8fb!important;
}
#premiumLogoutBtn:hover{background:#d8f1ff!important}

/* 印刷ボタン */
.list-head-actions{display:flex;align-items:center;gap:8px}
.premium-print-btn{
  border:1px solid #d8c9ff;
  border-radius:999px;
  padding:7px 10px;
  background:#f3edff;
  color:#6040b5;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}
.premium-print-btn[hidden]{display:none!important}
@media(max-width:430px){
  .list-head{align-items:flex-start;gap:8px}
  .list-head-actions{flex-wrap:wrap;justify-content:flex-end}
  .premium-print-btn{font-size:10px;padding:7px 9px}
}

/* 画面上では印刷専用シートを見せない */
.print-sheet{display:none}

/* A4印刷専用 */
@media print{
  @page{size:A4 portrait;margin:10mm}
  html,body{
    width:210mm!important;
    min-height:297mm!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
    color:#111!important;
    -webkit-print-color-adjust:exact;
    print-color-adjust:exact;
  }
  body.printing-premium-report .app-shell,
  body.printing-premium-report dialog,
  body.printing-premium-report .toast{
    display:none!important;
  }
  body.printing-premium-report .print-sheet{
    display:block!important;
    width:190mm;
    max-width:190mm;
    margin:0 auto;
    padding:0;
    background:#fff;
    color:#111;
    font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic UI","Noto Sans JP",sans-serif;
    font-size:9.5pt;
    line-height:1.35;
  }
  .print-title-row{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:8mm;
    padding-bottom:4mm;
    margin-bottom:4mm;
    border-bottom:.4mm solid #222;
  }
  .print-title-row h1{font-size:17pt;letter-spacing:0;margin:0}
  .print-title-row p{margin:0;color:#555;font-size:9pt}
  .print-summary-box{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:3mm;
    margin:0 0 5mm;
  }
  .print-metric{
    border:.3mm solid #ddd;
    border-radius:2.5mm;
    padding:3mm;
    break-inside:avoid;
  }
  .print-metric span{display:block;color:#666;font-size:8pt}
  .print-metric strong{display:block;margin-top:1mm;font-size:13pt}
  .print-table{
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
  }
  .print-table th,.print-table td{
    border-bottom:.25mm solid #ddd;
    padding:2.2mm 2mm;
    vertical-align:top;
    overflow-wrap:anywhere;
  }
  .print-table th{
    background:#f2f2f2!important;
    font-size:8.5pt;
    text-align:left;
  }
  .print-table td.amount,
  .print-table th.amount{text-align:right;white-space:nowrap}
  .print-table tr{break-inside:avoid}
  .print-category-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:2mm;
    align-items:center;
    padding:2.4mm 0;
    border-bottom:.25mm solid #ddd;
    break-inside:avoid;
  }
  .print-category-meta{color:#666;font-size:8pt}
  .print-bar-bg{
    grid-column:1/-1;
    height:2.2mm;
    border-radius:99mm;
    background:#eee!important;
    overflow:hidden;
  }
  .print-bar{height:100%;background:#7a5ad8!important}
  .print-chart-wrap{
    margin:4mm 0 5mm;
    padding:3mm;
    border:.3mm solid #ddd;
    border-radius:3mm;
    break-inside:avoid;
    page-break-inside:avoid;
  }
  .print-chart-wrap svg{
    display:block;
    width:100%!important;
    max-width:184mm!important;
    height:auto!important;
    max-height:92mm!important;
  }
  .print-note{margin-top:4mm;color:#666;font-size:8pt}
}


/* ===== v5 visibility hardening / cache-safe UI ===== */
.dev-plan-box[hidden]{display:none!important}
#premiumLogoutBtn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:50px!important;
  padding:12px 16px!important;
  color:#08658f!important;
  background:#dff4ff!important;
  border:1px solid #a9dcf4!important;
  border-radius:14px!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  writing-mode:horizontal-tb!important;
  overflow-wrap:normal!important;
  word-break:keep-all!important;
}
#premiumLogoutBtn[hidden]{display:none!important}
.premium-login-indicator{
  background:linear-gradient(135deg,#8b5cf6 0%,#a855f7 55%,#c084fc 100%)!important;
  color:#fff!important;
  border:1px solid #7c3aed!important;
  box-shadow:0 8px 22px rgba(124,58,237,.26)!important;
  padding:9px 15px!important;
  font-size:13px!important;
}
.premium-login-dot{
  background:#fff!important;
  box-shadow:0 0 0 4px rgba(255,255,255,.22)!important;
}


/* v6: PREMIUM認証済みでは、無料体験の申込み案内を表示しない */
body.premium-active .premium-trial-only,
body.premium-active #premiumTrialPromoDialog,
body.premium-active #premiumRegisterBtn {
  display: none !important;
}
#premiumAccountBox .premium-account-copy > span[hidden] {
  display: none !important;
}


/* v7: 設定画面のPREMIUM操作ボタン表示ルールを確実にする */
#premiumAccountBox button[hidden],
#premiumAccountBox [hidden] {
  display: none !important;
}
#premiumLogoutBtn:not([hidden]) {
  display: block !important;
  width: 100% !important;
}


/* v8: PREMIUM認証中は申込み・再ログインを確実に非表示 */
body.premium-active #premiumRegisterBtn,
body.premium-active #premiumLoginBtn,
body.premium-active .premium-trial-only {
  display: none !important;
}

/* 未ログイン時はログアウトを必ず非表示 */
#premiumLogoutBtn[hidden] {
  display: none !important;
}

/* ログイン中のログアウトは横長・水色で安定表示 */
#premiumLogoutBtn:not([hidden]) {
  display: block !important;
  width: 100% !important;
  min-height: 56px !important;
  white-space: nowrap !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  background: #dff3ff !important;
  color: #25658a !important;
  border: 1px solid #9bd8f5 !important;
}


/* v9: PREMIUM中は申込み/再ログイン操作欄を親ごと隠す。 */
body.premium-active #premiumAccountActions {
  display: none !important;
}
body.premium-active #premiumRegisterBtn,
body.premium-active #premiumLoginBtn {
  display: none !important;
}
#premiumLogoutBtn[hidden] { display:none !important; }


/* ===== r12 大切なお知らせ / FREE向け広告 ===== */
.public-info-area{display:grid;gap:9px;margin:12px 0 18px}
.announcement-box{border:1px solid #e4e7ec;border-radius:15px;padding:10px 12px;background:#f8f9fa;transition:background-color .18s ease,border-color .18s ease}
.announcement-heading{display:flex;align-items:center;gap:7px;font-size:12px}
.announcement-icon{font-size:13px;line-height:1}
.announcement-message{margin:5px 0 0;font-size:11px;line-height:1.55}
.announcement-none{background:#fafafa;border-color:#eceff2;color:#9aa1aa}
.announcement-none .announcement-heading{color:#8c939d}
.announcement-none .announcement-message{color:#a4aab2}
.announcement-small{background:#f2f7ff;border-color:#cfe0ff;color:#245a9b}
.announcement-small .announcement-message{color:#44698f}
.announcement-medium{background:#fff8df;border-color:#f2cf65;color:#735100;box-shadow:0 5px 14px rgba(140,100,0,.06)}
.announcement-medium .announcement-heading{font-size:13px}
.announcement-medium .announcement-message{color:#6e570f;font-size:12px}
.announcement-large{background:#fff0f0;border:2px solid #e5484d;color:#a31217;box-shadow:0 8px 22px rgba(190,30,40,.14)}
.announcement-large .announcement-heading{font-size:14px}
.announcement-large .announcement-message{color:#8e1b20;font-size:13px;font-weight:800}
.ad-box{min-height:58px;border:1px solid #eceef1;border-radius:15px;background:#fff;overflow:hidden}
.ad-placeholder{display:flex;align-items:center;justify-content:center;background:#fafafa}
.ad-placeholder-text{color:#c1c5ca;font-size:10px;letter-spacing:.08em}
.ad-content{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:10px 12px;color:inherit;text-decoration:none}
.ad-image{width:96px;height:96px;object-fit:cover;border-radius:14px;background:#f3f4f6}
.ad-copy{display:grid;gap:2px;min-width:0}
.ad-sponsor{color:#9aa1aa;font-size:9px;letter-spacing:.04em}
.ad-copy strong{font-size:13px;line-height:1.35}
.ad-copy>span:last-child{color:#737b86;font-size:10px;line-height:1.45}
body.premium-active .ad-box{display:none!important}
@media(max-width:430px){.public-info-area{margin-top:10px}.ad-image{width:88px;height:88px}}

/* r12.1: お知らせなしの本文だけ中央寄せ */
.announcement-none .announcement-message{text-align:center;}
.ad-placeholder .ad-sponsor{display:none;}

/* r12.3: local restore safety guide */
.local-restore-dialog{width:min(calc(100% - 28px),540px)}
.local-restore-dialog .dialog-form{max-width:540px}
.local-restore-file{margin:6px 0 8px;padding:10px 12px;border-radius:12px;background:#f4f6fa;font-weight:800;overflow-wrap:anywhere}
.local-restore-safety{margin:14px 0;padding:14px;border:1px solid #f0c36a;border-radius:15px;background:#fff8df;line-height:1.7}
.local-restore-safety strong{display:block;margin-bottom:6px}
.local-restore-safety p{margin:0;font-size:14px}
.local-restore-dialog .primary-btn:disabled{opacity:1;cursor:not-allowed;pointer-events:none;background:#f1f3f5;color:#c7cbd1;border:1px solid #e7e9ed;box-shadow:none}
.local-restore-dialog .text-btn{display:block;margin:12px auto 0}
.local-restore-status{margin-top:12px;font-weight:700}
.local-restore-warning{display:block;margin-top:6px;color:#69707b;line-height:1.55}

/* r12.5: 復元ファイル選択前の常設案内 */
.restore-file-guide{display:grid;gap:5px;margin-top:4px;padding:11px 12px;border:1px solid #dfe3ea;border-radius:12px;background:#f8f9fb;line-height:1.55}
.restore-file-guide strong{font-size:14px}
.restore-file-guide small{display:block;color:#5f6672}
.restore-file-guide b{color:#25282d}

/* r12.8 TEST: 管理者入口 + 大切なお知らせ管理 */
.admin-entry-box{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);text-align:center}.admin-entry-box small{display:block;margin-bottom:10px;color:var(--muted);font-size:11px;line-height:1.6}.admin-entry-btn{width:100%;min-height:48px;border:1px solid #d9dde6;border-radius:14px;background:#f8f9fb;color:#4f5665;font-size:14px;font-weight:800}.admin-entry-btn:active{transform:scale(.99)}
.admin-dialog{width:min(92vw,540px);border:0;border-radius:24px;padding:0;box-shadow:0 24px 70px rgba(0,0,0,.3)}.admin-dialog::backdrop{background:rgba(20,24,32,.45)}.admin-dialog-form{padding:20px}.admin-dialog-form input[type=password]{box-sizing:border-box;width:100%;margin:8px 0 14px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff}.admin-login-message{min-height:22px;margin:10px 0 0;color:#c92a2a;font-size:13px;font-weight:700;line-height:1.5}.admin-security-note{display:block;margin-top:12px;color:var(--muted);font-size:11px;line-height:1.65}.admin-test-banner{display:flex;flex-direction:column;gap:5px;margin:4px 0 16px;padding:12px 14px;border:1px solid #b9d7ff;border-radius:15px;background:#eef6ff}.admin-test-banner strong{color:#1769aa}.admin-test-banner span{font-size:12px;line-height:1.55}.admin-menu-card{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0;padding:15px;border:1px solid var(--line);border-radius:16px;background:#fff}.admin-menu-card div{min-width:0}.admin-menu-card strong,.admin-menu-card small{display:block}.admin-menu-card strong{font-size:15px}.admin-menu-card small{margin-top:5px;color:var(--muted);font-size:11px;line-height:1.55}.admin-coming-soon{flex:0 0 auto;padding:6px 8px;border-radius:999px;background:#eceff3;color:#697386;font-size:10px;font-weight:800}
@media(max-width:560px){.admin-dialog{width:calc(100vw - 24px);max-width:none}.admin-menu-card{align-items:flex-start;flex-direction:column}.admin-coming-soon{align-self:flex-start}}


/* r12.8 TEST: 大切なお知らせ管理 */
.admin-menu-button{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer}.admin-menu-button:active{transform:scale(.995)}
.admin-menu-open{flex:0 0 auto;color:#2f80ed;font-size:12px;font-weight:900}.admin-announcement-dialog{max-height:92vh;overflow:auto}
.admin-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0 16px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fafbfc}.admin-toggle-row span{min-width:0}.admin-toggle-row strong,.admin-toggle-row small{display:block}.admin-toggle-row small{margin-top:4px;color:var(--muted);font-size:11px;line-height:1.5}.admin-toggle-row input{width:24px;height:24px;flex:0 0 auto}
.admin-select,.admin-textarea,.admin-date-grid input{box-sizing:border-box;width:100%;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--text);font:inherit}.admin-select{margin:7px 0 14px;padding:13px}.admin-textarea{margin:7px 0 12px;padding:13px;resize:vertical;min-height:120px;line-height:1.6}.admin-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-label-row span{color:var(--muted);font-size:11px;font-weight:700}.admin-date-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 6px}.admin-date-grid label{font-size:12px;font-weight:800}.admin-date-grid input{margin-top:6px;padding:12px}
.admin-announcement-preview{margin:16px 0;padding:14px;border:1px solid #d9dde6;border-radius:16px;background:#f8f9fb}.admin-announcement-preview>strong{display:block;margin-bottom:10px}.admin-announcement-preview .announcement-box{margin:0}.admin-announcement-preview>small{display:block;margin-top:8px;color:var(--muted);line-height:1.5}.admin-announcement-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.admin-announcement-actions button:disabled{opacity:.25;filter:grayscale(1);cursor:not-allowed}.admin-action-message{min-height:22px;margin:10px 0 0;color:var(--muted);font-size:12px;font-weight:700;line-height:1.55}.admin-action-message.error{color:#c92a2a}.admin-action-message.success{color:#2b8a3e}.admin-action-message.warning{color:#b26a00}
@media(max-width:560px){.admin-date-grid,.admin-announcement-actions{grid-template-columns:1fr}.admin-menu-open{align-self:flex-start}}


/* r12.8 TEST: C案ローテーション広告 + 管理画面 */
.ad-box{position:relative}
.ad-nav{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 10px 7px;color:#737b86;font-size:10px;font-weight:800}
.ad-nav button{width:26px;height:24px;border:0;border-radius:999px;background:#f1f3f5;color:#4f5665;font-size:18px;line-height:1;cursor:pointer}
.ad-nav button:active{transform:scale(.96)}
.admin-ad-dialog{max-height:92vh;overflow:auto}
.admin-ad-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px 0 10px}
.admin-ad-items{display:grid;gap:12px}
.admin-ad-item{padding:14px;border:1px solid #dfe3ea;border-radius:16px;background:#fafbfc}
.admin-ad-item-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.admin-ad-item-title{font-size:13px;font-weight:900}.admin-ad-item-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.admin-ad-mini-btn{min-width:36px;min-height:32px;border:1px solid #d8dde5;border-radius:10px;background:#fff;color:#4f5665;font-weight:800}
.admin-ad-mini-btn.danger{color:#c92a2a;border-color:#f0c3c3;background:#fff7f7}
.admin-ad-field{display:grid;gap:5px;margin-top:9px}.admin-ad-field label{font-size:11px;font-weight:800;color:#4f5665}
.admin-ad-field input,.admin-ad-field textarea{box-sizing:border-box;width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--text);font:inherit}
.admin-ad-field textarea{min-height:70px;resize:vertical;line-height:1.5}
.admin-ad-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.admin-ad-check{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:9px 11px;border-radius:12px;background:#fff;border:1px solid #e5e8ed;font-size:12px;font-weight:800}.admin-ad-check input{width:22px;height:22px}
.admin-ad-image-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.admin-ad-upload{min-height:42px;white-space:nowrap}
.admin-ad-image-preview{display:block;width:100%;max-height:140px;object-fit:contain;margin-top:7px;border:1px solid #e4e7ec;border-radius:12px;background:#fff}
.admin-ad-preview{margin:16px 0;padding:14px;border:1px solid #d9dde6;border-radius:16px;background:#f8f9fb}.admin-ad-preview>strong{display:block;margin-bottom:10px}.admin-ad-preview-items{display:grid;gap:10px}
.admin-ad-preview-card{border:1px solid #eceef1;border-radius:15px;background:#fff;overflow:hidden}.admin-ad-preview-card .ad-content{pointer-events:none}.admin-ad-preview-meta{display:block;padding:0 12px 9px;color:var(--muted);font-size:10px;line-height:1.5}
.admin-ad-empty{padding:16px;border:1px dashed #cfd5dd;border-radius:14px;text-align:center;color:var(--muted);font-size:12px;line-height:1.6}
@media(max-width:560px){.admin-ad-row{grid-template-columns:1fr}.admin-ad-toolbar{align-items:flex-start;flex-direction:column}.admin-ad-image-row{grid-template-columns:1fr}.admin-ad-upload{width:100%}}

.admin-ad-image-status{margin-top:8px;font-size:13px;font-weight:700;color:#4b5563;line-height:1.45;word-break:break-word}.admin-ad-image-status:empty{display:none}


/* r12.9.1 TEST: usability + validation + recent image picker */
.tabs{border-color:#cfd9ea;background:rgba(232,239,250,.94);box-shadow:0 7px 18px rgba(65,92,135,.10)}
.tab{color:#53657d;background:#edf3fb}
.tab.active{color:#174f88;background:#dcecff;box-shadow:0 4px 14px rgba(40,92,150,.16)}
.admin-ad-item{border:1.5px solid #c8ced8;background:#fafbfc;box-shadow:0 2px 7px rgba(38,48,65,.035)}


/* r12.9.1: main tabs - a little more colorful while staying soft */
.tabs{background:rgba(241,245,252,.94);border-color:#cfd9e8;box-shadow:0 3px 12px rgba(43,73,110,.06)}
.tab{border:1px solid transparent;transition:background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}
.tab[data-tab="input"]{background:#e7f1ff;color:#2e5d91}
.tab[data-tab="list"]{background:#eaf8ee;color:#356c49}
.tab[data-tab="summary"]{background:#fff0e2;color:#8a5731}
.tab[data-tab="input"].active{background:#bcdcff;color:#123f70;border-color:#91c4f7;box-shadow:0 4px 14px rgba(51,118,184,.17)}
.tab[data-tab="list"].active{background:#c7efd2;color:#214f32;border-color:#9edcaf;box-shadow:0 4px 14px rgba(55,132,78,.15)}
.tab[data-tab="summary"].active{background:#ffd5ad;color:#6d3d1f;border-color:#efba87;box-shadow:0 4px 14px rgba(172,98,37,.15)}
.tab.active{transform:translateY(-1px)}

/* r12.9.1: admin validation */
.admin-ad-item.has-error{border-color:#e8a1a1;box-shadow:0 0 0 2px rgba(198,54,54,.05)}
.admin-ad-field input.admin-ad-invalid,.admin-ad-field textarea.admin-ad-invalid{border:2px solid #d94848;background:#fff5f5;box-shadow:0 0 0 3px rgba(217,72,72,.08)}
.admin-ad-field-error{margin-top:2px;color:#c92d2d;font-size:11px;font-weight:800;line-height:1.45}

/* r12.9.1: recent ad images */
.admin-ad-recent-box{margin-top:8px;padding:10px;border:1px solid #cfd6df;border-radius:13px;background:#f7f9fc}
.admin-ad-recent-head{margin-bottom:8px;font-size:11px;font-weight:900;color:#4f5968}
.admin-ad-recent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.admin-ad-recent-thumb{appearance:none;border:2px solid transparent;border-radius:11px;padding:0;background:#fff;overflow:hidden;aspect-ratio:1/1;box-shadow:0 1px 5px rgba(20,31,46,.08)}
.admin-ad-recent-thumb:active,.admin-ad-recent-thumb:focus-visible{border-color:#5b94d6;outline:none}
.admin-ad-recent-thumb img{display:block;width:100%;height:100%;object-fit:cover}
@media (min-width:620px){.admin-ad-recent-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}


/* r12.9.9: iPhone Safari 管理画面の日付入力はみ出し修正 */
.admin-date-grid,.admin-ad-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.admin-date-grid>* ,.admin-ad-row>* ,.admin-ad-field{min-width:0}
.admin-date-grid input[type="date"],.admin-ad-field input[type="date"]{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  max-width:100%;
  display:block;
}
@media(max-width:560px){
  .admin-date-grid,.admin-ad-row{grid-template-columns:minmax(0,1fr)}
  .admin-date-grid input[type="date"],.admin-ad-field input[type="date"]{width:100%;min-width:0;max-width:100%}
}


/* r12.9.10: iPhone Safari date input intrinsic width fix */
.admin-date-grid input[type="date"],
.admin-ad-field input[type="date"]{
  -webkit-appearance:none !important;
  appearance:none !important;
  display:block !important;
  box-sizing:border-box !important;
  inline-size:100% !important;
  width:100% !important;
  max-inline-size:100% !important;
  max-width:100% !important;
  min-inline-size:0 !important;
  min-width:0 !important;
  overflow:hidden !important;
  font-size:16px;
}
@supports (-webkit-touch-callout:none){
  .admin-date-grid input[type="date"],
  .admin-ad-field input[type="date"]{
    width:-webkit-fill-available !important;
    max-width:-webkit-fill-available !important;
  }
}
.admin-date-grid input[type="date"]::-webkit-date-and-time-value,
.admin-ad-field input[type="date"]::-webkit-date-and-time-value{
  text-align:left;
  min-width:0;
}

/* ===== r12.9.17 UI refinements 2026-09-29 ===== */

/* 入力画面：題名・色・クイック題名を1つのまとまりにする */
.entry-title-group{
  display:grid;
  gap:10px;
  margin:0 0 18px;
  padding:14px;
  border:1px solid #cfe3ee;
  border-radius:18px;
  background:#f3fbff;
}
.entry-title-group .color-picker-block{
  margin:0;
  background:rgba(255,255,255,.58);
  border-color:#d9eaf2;
}
.entry-title-group .quick-title-head{
  margin-top:2px;
}
.entry-title-group .quick-titles{
  margin:0 0 4px;
}
.entry-title-group > label[for="titleInput"]{
  margin-top:2px;
  font-weight:800;
}
.entry-title-group .title-row{
  margin-bottom:0;
}

/* 設定：端末バックアップとクラウドバックアップを色分けして明確にする */
.backup-settings-box{
  padding:16px;
  border:1px solid #cfe3ee;
  border-radius:18px;
  background:#f3fbff;
  box-shadow:0 1px 0 rgba(20,70,95,.03);
}
.cloud-backup-settings-box{
  padding:16px;
  border:1px solid #e3d8f4;
  border-radius:18px;
  background:#faf6ff;
  box-shadow:0 1px 0 rgba(80,50,120,.03);
}
.backup-settings-box .backup-important-notice{
  background:rgba(255,255,255,.72);
}
.backup-settings-box .restore-file-guide{
  background:rgba(255,255,255,.62);
}
.cloud-backup-settings-box .backup-heading{
  color:#5f4385;
}

/* A8.net: supplied banner and tracking pixel retain their original URLs. */
.a8-agoda-box{padding:10px 8px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:center;min-width:0}
.a8-agoda-box[hidden]{display:none!important}
.a8-agoda-label{display:block;margin-bottom:8px;color:var(--muted);font-size:11px}
#a8AgodaContent>a{display:block;width:300px;max-width:100%;margin:0 auto}
#a8AgodaContent>a>img{display:block;width:300px;max-width:100%;height:auto;margin:0 auto}
#a8AgodaContent>img{display:block;width:1px;height:1px;border:0;margin:0 auto}
@media print{.a8-agoda-box{display:none!important}}

.storage-recovery-dialog{padding:24px;box-sizing:border-box;max-height:85vh;overflow:auto;}
.storage-recovery-dialog h2{font-size:20px;margin:0 0 14px;}
.storage-recovery-dialog p{line-height:1.7;}
.storage-recovery-dialog button,.storage-recovery-dialog label{display:block;width:100%;margin:14px 0;box-sizing:border-box;}
.storage-recovery-dialog button{padding:14px;border:1px solid #d9dfea;border-radius:12px;background:#f4f7ff;font-size:16px;}
.storage-recovery-dialog input{display:block;width:100%;margin-top:10px;}
.storage-recovery-dialog [data-error]{color:#b42318;}

/* Honor hidden even when an ad layout uses flex/grid. */
.public-info-area [hidden],
#adminAnnouncementPreview[hidden], #adminAnnouncementPreview [hidden],
#adminAdPreview[hidden], #adminAdPreview [hidden] { display:none !important; }