.ux-request-row{transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}
.ux-request-row:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(17,72,62,.09)}
.ux-request-row:focus-visible,.ux-bell:focus-visible,.ux-notice-item:focus-visible,.ux-notice-head button:focus-visible{outline:3px solid #c48a38;outline-offset:3px}
.ux-request-mark{display:grid;place-items:center;flex:none;width:46px;height:46px;border:1px solid var(--ux-border,#c9e4d8);border-radius:13px;background:var(--ux-bg,#eef7f2);color:var(--ux-ink,#08766e)}
.receipt-row.ux-request-row>.ux-request-mark,.dp-report-row.ux-request-row>.ux-request-mark{flex:none}
.ux-tone-visit{--ux-bg:#eaf6f0;--ux-border:#add7bf;--ux-ink:#176a50}
.ux-tone-appointment{--ux-bg:#eaf2fd;--ux-border:#b9ceef;--ux-ink:#285d9b}
.ux-tone-agency{--ux-bg:#f3ecfa;--ux-border:#d6c2ea;--ux-ink:#76559a}
.ux-tone-seized{--ux-bg:#fff3e7;--ux-border:#ebcba3;--ux-ink:#9d6220}
.ux-tone-inquiry{--ux-bg:#e7f4f7;--ux-border:#b0d5dc;--ux-ink:#18727f}
.ux-tone-message,.ux-tone-reply{--ux-bg:#eff6e9;--ux-border:#c7dda8;--ux-ink:#587928}
.ux-tone-private{--ux-bg:#f1f3f5;--ux-border:#ccd5da;--ux-ink:#54646c}
.ux-tone-referral{--ux-bg:#e8f3f2;--ux-border:#afd5d0;--ux-ink:#086c66}
.ux-tone-supplement,.ux-tone-attachment{--ux-bg:#fff7e6;--ux-border:#e9d5a0;--ux-ink:#906c19}
.ux-tone-decision,.ux-tone-memo{--ux-bg:#f2eff9;--ux-border:#d0c7e8;--ux-ink:#625296}
.ux-tone-task,.ux-tone-letter{--ux-bg:#edf2f9;--ux-border:#c5d4e6;--ux-ink:#4a638a}
.ux-request-copy{min-width:0;flex:1}
.receipt-row.ux-request-row>.ux-request-copy,.dp-report-row.ux-request-row>.ux-request-copy{flex:1;min-width:0}
.ux-detail-intro>.ux-request-mark{width:54px;height:54px;margin-bottom:.55rem}
.ux-request-copy strong{font-size:.94rem;line-height:1.45}
.ux-request-copy small{font-size:.77rem;line-height:1.45;margin-top:.17rem;overflow-wrap:anywhere}
.receipt-row.ux-request-row>svg:last-child,.dp-report-row.ux-request-row>svg:last-child{flex:none;color:#40766b}
.ux-notifications{position:relative;display:flex;align-items:center;flex:none}
.ux-bell{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid #d5e5dd;border-radius:12px;background:#fff;color:#195c50;cursor:pointer}
.ux-bell:hover,.ux-bell[aria-expanded="true"]{background:#eaf6f0;border-color:#92cdb8}
.ux-bell-count{position:absolute;top:-5px;left:-5px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 3px;border:2px solid #fff;border-radius:99px;background:#bd642e;color:#fff;font-size:10px;font-weight:800;line-height:1}
.ux-notice-panel{position:absolute;top:calc(100% + 12px);left:0;z-index:260;width:min(390px,calc(100vw - 24px));max-height:min(73vh,640px);display:flex;flex-direction:column;overflow:hidden;border:1px solid #c8ddd2;border-radius:17px;background:#fff;box-shadow:0 22px 55px rgba(14,63,54,.2);text-align:right}
.ux-notice-panel[hidden]{display:none}
.ux-notice-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border-bottom:1px solid #e3eee8;background:#f6faf7}
.ux-notice-head strong,.ux-notice-head small{display:block}
.ux-notice-head strong{font-size:.94rem;color:#173d34}
.ux-notice-head small{font-size:.75rem;color:#63786e}
.ux-notice-head button{border:0;background:transparent;color:#087267;font:inherit;font-size:.73rem;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.ux-notice-list{overflow:auto;overscroll-behavior:contain}
.ux-notice-item{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;border-bottom:1px solid #edf1ee;color:#213f36;text-decoration:none}
.ux-notice-item:hover{background:#f1f8f3}
.ux-notice-item.is-read{background:#fbfcfb;opacity:.78}
.ux-notice-item>span:nth-child(2){flex:1;min-width:0}
.ux-notice-item strong,.ux-notice-item small{display:block}
.ux-notice-item strong{font-size:.83rem;line-height:1.4}
.ux-notice-item small{font-size:.74rem;line-height:1.5;color:#5c7268;margin-top:3px}
.ux-notice-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:#e7f5ee;color:#0c7469}
.ux-notice-item i{width:8px;height:8px;margin-top:8px;border-radius:50%;background:#b86a38;flex:none}
.ux-notice-foot{margin:0;padding:10px 15px;background:#f9fbfa;color:#66776e;font-size:.7rem}
@media(max-width:680px){
  .site-header .brand-note{display:none}
  .auth-layout{display:flex;flex-direction:column;align-items:stretch;gap:18px}
  .auth-panel{order:0}
  .auth-copy{order:1;margin:0}
  .auth-copy .auth-points{display:none}
  .auth-copy h1{font-size:1.5rem}
  .ux-notice-panel{position:fixed;top:calc(var(--ribbon-height,0px) + 67px);left:12px;right:12px;width:auto;max-height:calc(100dvh - var(--ribbon-height,0px) - 85px)}
  .ux-request-mark{width:42px;height:42px}
  .ux-request-copy strong{font-size:.86rem}
  .ux-request-copy small{font-size:.72rem}
}
@media(prefers-reduced-motion:reduce){.ux-request-row{transition:none}}