@import url('/sakura/partials/system_menu.css?v=20261017shared');
body.pc-record-header-ready{--header-height:calc(42px + env(safe-area-inset-top,0px))}
body.pc-record-header-ready #site-header{z-index:300;border:0}
body.shared-record-app.record-header-links-on{--app-frame-header-height:68px}
body.pc-record-header-ready.record-header-links-on{--header-height:calc(68px + env(safe-area-inset-top,0px))}
body.record-header-links-on .record-header{padding-bottom:30px}
.record-header .pcr-header-links{position:absolute;left:0;right:0;bottom:0;height:26px;display:flex;align-items:center;justify-content:center;gap:0;padding:0 4px;border-top:1px solid #9d7d69;background:#fffaf2;color:#493127;overflow-x:auto;white-space:nowrap;box-sizing:border-box}
.record-header .pcr-header-links[hidden]{display:none}
.record-header .pcr-header-links a{flex:1;min-width:0;padding:4px 5px;text-align:center;text-decoration:none;color:inherit;font-size:12px;font-weight:800;line-height:17px;border-right:1px solid #dcc9bc}
.record-header .pcr-header-links a:last-child{border-right:0}
.record-header .pcr-header-links a:hover{background:#f4e9df}
.record-header .pcr-header-links,.record-links-host .pcr-header-links{background:linear-gradient(90deg,#3f2920,#6f4634);color:#fff7e8;border-top:1px solid #fff7e8}
.record-header .pcr-header-links a{border-right-color:#fff7e8;color:#fff7e8}
.record-header .pcr-header-links a:hover{background:#ffffff1a}
body.record-header-links-on:has(.record-links-host){--app-frame-header-height:68px}
body.record-header-links-on .record-links-host{padding-bottom:30px}
.record-links-host .pcr-header-links{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;height:26px;box-sizing:border-box}
.record-links-host .pcr-header-links[hidden]{display:none}
.record-links-host .pcr-header-links a{flex:1;padding:4px 5px;color:#fff7e8;text-align:center;font-size:12px;font-weight:800;line-height:17px;text-decoration:none;border-right:1px solid #fff7e8}
.record-links-host .pcr-header-links a:last-child{border-right:0}
.record-links-host .pcr-setting{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:36px;margin:0 0 6px;padding:6px;border:0;border-bottom:1px solid #dcc9bc;background:#fffaf3;color:#493127;font-size:14px;cursor:pointer}
.record-links-host .pcr-switch-setting>strong{display:none}
.record-links-host .pcr-switch-control{display:flex;align-items:center;gap:8px}
.record-links-host .pcr-switch-state{font-size:12px}
.record-links-host .pcr-switch-track{display:block;position:relative;width:38px;height:22px;border-radius:11px;background:#a59b94}
.record-links-host .pcr-switch-track::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff}
.record-links-host [aria-checked="true"] .pcr-switch-track{background:#6f4634}
.record-links-host [aria-checked="true"] .pcr-switch-track::after{transform:translateX(16px)}
.record-header{height:100%;display:flex;align-items:center;gap:8px;padding:calc(env(safe-area-inset-top,0px) + 2px) 8px 4px;color:#fff7e8;background:linear-gradient(90deg,#3f2920,#6f4634);border-bottom:1px solid #2f1e17;box-shadow:0 3px 12px rgba(63,41,32,.22);position:relative;box-sizing:border-box;font-size:13px;line-height:1.2}
.record-header .pcr-back,.record-header .pcr-toggle{display:flex;align-items:center;justify-content:center;flex:0 0 25px;width:25px;height:25px;padding:0;border:1px solid rgba(255,247,232,.28);border-radius:4px;background:rgba(255,247,232,.1);color:inherit;text-decoration:none;cursor:pointer}
.record-header .pcr-back{font-size:24px;line-height:1}
.record-header .pcr-title{font-weight:900;white-space:nowrap}
.record-header .pcr-day{margin-left:auto;white-space:nowrap;font-weight:700}
.record-header .pcr-staff{color:inherit;font-size:14px;font-weight:700;max-width:35vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.record-header .pcr-toggle{flex-direction:column;gap:3px}
.record-header .pcr-toggle span{display:block;width:14px;height:2px;background:currentColor;border-radius:1px}
.record-header .pcr-menu{position:absolute;z-index:301}
.record-header .pcr-menu[aria-hidden="true"]{display:none!important}
.record-header .pcr-menu .pcr-date-row{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0;margin:0 0 2px}
.record-header .pcr-menu .dateArrow{width:30px;height:30px;min-width:30px;flex:0 0 30px;font-size:24px;line-height:1;color:#493127;background:#fff;border:1px solid #cfb5a4;border-radius:5px}
.record-header .pcr-menu .dateDisplay{flex:1;text-align:center;font-size:14px;color:#493127;background:transparent;padding:6px 0;cursor:pointer}
.record-header .pcr-menu .nav{display:grid;grid-template-columns:1fr;gap:6px;white-space:normal;padding:0;margin:10px 0}
.record-header .pcr-menu .btn,.record-header .pcr-menu #logoutBtn,.record-header .pcr-menu #save{display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:32px;height:auto;padding:6px 10px;border:1px solid #cfb5a4;border-radius:5px;background:#fff;color:#493127;font-size:14px;text-decoration:none;white-space:normal;box-sizing:border-box}
.record-header .pcr-menu .btn.current{background:#6f4634;color:#fff}
.record-header .pcr-menu #save:disabled{opacity:.5}
.record-header .pcr-menu .pcr-actions{display:grid;gap:8px}
.record-header .pcr-menu #count{font-size:12px;white-space:normal;color:#715b50}
.record-header .pcr-menu #dateReload{display:block;margin:0;padding:6px 0;color:#493127;font-size:12px;cursor:pointer}
.record-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px}
.record-header .pcr-leading,.record-header .pcr-trailing{display:flex;align-items:center;gap:8px;min-width:0}
.record-header .pcr-trailing{justify-content:flex-end}
.record-header .pcr-day{margin:0;text-align:center}
.record-header .pcr-title,.record-header .pcr-staff{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.record-header .pcr-toggle{flex-direction:row}
.record-header .pcr-back img,.record-header .pcr-toggle img{display:block;width:18px;height:18px;flex:none;object-fit:contain}
.record-header .pcr-menu .dateArrow{display:flex;align-items:center;justify-content:center;padding:0}
.record-header .pcr-menu .dateArrow img{display:block;width:20px;height:20px;object-fit:contain}
.record-header .pcr-menu .dateArrow:disabled{opacity:.45;cursor:default}
@media print{body.pc-record-header-ready{--header-height:0px}body.pc-record-header-ready #site-header{display:none!important}}
.record-header .pcr-staff{color:inherit!important;font-size:13px!important;font-weight:700;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:transparent!important;border:0!important;padding:0!important;appearance:none;opacity:1!important;-webkit-text-fill-color:currentColor}
.record-header .pcr-menu .pcr-setting{display:flex!important;align-items:center;justify-content:space-between;width:100%;min-height:36px;margin:0;padding:6px 2px;border:0;border-bottom:1px solid #dcc9bc;border-radius:0;background:transparent;color:#493127;font-size:14px;box-sizing:border-box;cursor:pointer}
.record-header .pcr-menu .pcr-setting strong{font-size:12px;color:#715b50}
.record-header .pcr-date-input{display:block!important;position:static!important;width:auto!important;min-width:0;flex:1;opacity:1!important;pointer-events:auto!important;height:32px!important;border:1px solid #cfb5a4;border-radius:5px;color:#493127;background:#fff;text-align:center;font-size:14px}
body.shared-record-app .uranus-app-frame__header{display:block!important;padding:0!important;overflow:visible!important;z-index:300}
body.shared-record-app .record-header{height:100%;min-height:0;padding-top:calc(var(--app-frame-safe-top) + 2px)}
body.shared-record-app .record-header .pcr-menu{transform:none!important;opacity:1!important;visibility:visible;pointer-events:auto;box-sizing:border-box}
body.pc-record-room-hidden{--room-width:0px!important}
body.pc-record-room-hidden .col-room{display:none!important}
body.pc-record-room-hidden .col-name,body.pc-record-room-hidden .sticky2{left:0!important}
body.pc-record-room-hidden #mainTable{--room-width:0px!important}.record-header .pcr-date-field{position:relative;flex:1;min-width:0;text-align:center}.record-header .pcr-date-field .pcr-date-input{position:absolute!important;inset:0;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer}.record-header .pcr-date-field .dateDisplay{display:block;padding:6px 0}.record-header .pcr-date-field:has(input:disabled){opacity:.5}

.record-header .pcr-trailing .pcr-staff{flex:0 1 auto!important;width:auto!important;margin:0!important;text-align:right!important;text-align-last:right!important}
.record-header .pcr-switch-setting>strong{display:none!important}
.record-header .pcr-switch-control{display:flex;align-items:center;gap:8px;flex:none}
.record-header .pcr-switch-state{width:26px;text-align:center;font-size:12px;font-weight:700}
.record-header .pcr-switch-track{display:block;position:relative;width:38px;height:22px;border-radius:11px;background:#a59b94;transition:background .15s}
.record-header .pcr-switch-track::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .15s}
.record-header .pcr-switch-setting[aria-checked="true"] .pcr-switch-track{background:#6f4634}
.record-header .pcr-switch-setting[aria-checked="true"] .pcr-switch-track::after{transform:translateX(16px)}
.record-header .pcr-switch-setting:focus-visible{outline:2px solid #6f4634;outline-offset:2px}
.record-header .pcr-menu .pcr-date-row{justify-content:center;gap:4px}
.record-header .pcr-menu .pcr-date-row>.dateDisplay,.record-header .pcr-date-field{flex:0 1 146px}

.record-header .pcr-menu .record-table-drawer,.record-header .pcr-menu .patrol-drawer{display:block;gap:0;padding:0;margin:0;background:transparent}
.record-header .pcr-menu .pcr-setting{box-shadow:none}
.record-header .pcr-menu .pcr-setting:last-child{border-bottom:0}
.record-header .pcr-menu .pcr-actions:empty{display:none}
.record-header .pcr-menu .pcr-date-row>.dateDisplay,.record-header .pcr-date-field{flex:0 1 130px}
:is(.record-header .pcr-menu,.record-links-host) .pcr-setting[data-record-setting="contents"]{display:flex!important;align-items:center;justify-content:space-between;width:100%;min-height:36px;margin:0;padding:6px 2px;border:0;border-bottom:1px solid #dcc9bc;border-radius:0;background:transparent;color:#493127;font-size:14px;box-shadow:none;box-sizing:border-box;cursor:pointer}
:is(.record-header .pcr-menu,.record-links-host) [data-record-setting="contents"] .pcr-switch-control{display:flex;align-items:center;gap:8px;flex:none}
:is(.record-header .pcr-menu,.record-links-host) [data-record-setting="contents"] .pcr-switch-state{width:26px;text-align:center;font-size:12px;font-weight:700}
/* Date controls are owned by the shared header, independent of legacy page CSS. */
.record-header .pcr-menu .pcr-date-row .dateArrow{
  appearance:none!important;-webkit-appearance:none!important;box-sizing:border-box!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;
  max-width:30px!important;max-height:30px!important;flex:0 0 30px!important;
  margin:0!important;padding:0!important;border:1px solid #cfb5a4!important;border-radius:5px!important;
  color:#493127!important;background:#fff!important;box-shadow:none!important;
  font:inherit!important;line-height:1!important;cursor:pointer;
}
.record-header .pcr-menu .pcr-date-row .dateArrow:hover:not(:disabled){background:#f4e9df!important}
.record-header .pcr-menu .pcr-date-row .dateArrow:disabled{opacity:.45!important;cursor:default}
.record-header .pcr-menu .pcr-date-row .dateArrow img{display:block!important;width:20px!important;height:20px!important;margin:0!important;padding:0!important;object-fit:contain;filter:none!important;opacity:1!important}
.record-header .pcr-menu .pcr-date-row .dateDisplay{
  box-sizing:border-box!important;min-width:0!important;margin:0!important;padding:6px 0!important;
  color:#493127!important;background:transparent!important;border:0!important;border-radius:0!important;
  font-family:Arial,"Noto Sans JP",sans-serif!important;font-size:14px!important;font-weight:700!important;line-height:18px!important;
  text-align:center!important;box-shadow:none!important;
}
/* Title, date and staff use the same sans-serif family on both entry points. */
.record-header,.record-header .pcr-title,.record-header .pcr-day,.record-header .pcr-staff,.record-header .pcr-menu .dateDisplay{font-family:Meiryo,"Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP",sans-serif!important}
.pcr-resident-order{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 2px;border-bottom:1px solid #dcc9bc;color:#493127;font-size:14px}
.pcr-resident-order>span{margin-right:auto}
.pcr-resident-order>button{appearance:none;margin:0;padding:6px 9px;min-height:32px;border:1px solid #bda18d;border-radius:6px;background:#fffaf2;color:#493127;font:inherit;cursor:pointer}
.pcr-resident-order>button[aria-pressed="true"]{background:#6f4634;color:#fff;border-color:#6f4634;font-weight:700}
.pcr-resident-order>button:disabled{opacity:.5;cursor:wait}
.pcr-resident-order>small{flex-basis:100%;font-size:12px}