.app-main>.attendance-month-notice{display:flex;align-items:center;gap:12px;min-height:52px;box-sizing:border-box;margin:12px 20px 0;padding:10px 16px;border:1px solid #e5d5a5;border-radius:10px;background:#fff9e9;color:#486176;font-size:12px;line-height:1.45;position:relative;flex-shrink:0}.attendance-month-notice-icon{display:flex;align-items:center;justify-content:center;flex:0 0 25px;width:25px;height:25px;border:1px solid #c8a150;color:#a17c25;border-radius:50%;font-size:14px;font-weight:700;font-style:normal}.attendance-month-notice>div{flex:1;min-width:0}.attendance-month-notice strong{color:#725d31;font-size:12px}.attendance-month-notice p{display:inline;margin:0 0 0 12px;font-size:11px;color:#8c7e61}.attendance-month-notice>a{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:8px 12px;border:1px solid #dfc88d;border-radius:7px;color:#806323;background:#fffdf6;font-weight:600;font-size:11px;line-height:1.3;text-decoration:none;white-space:nowrap;flex-shrink:0}.attendance-month-notice>a:hover{background:#fff2cc;border-color:#bb9848}.attendance-month-notice>a:focus-visible{outline:2px solid #0085cf;outline-offset:3px}@media(max-width:1200px){.attendance-month-notice p{display:block;margin:3px 0 0}}@media(max-width:650px){.app-main>.attendance-month-notice{margin:10px 12px 0;padding:12px;gap:10px;flex-wrap:wrap}.attendance-month-notice>div{flex-basis:calc(100% - 40px)}.attendance-month-notice>a{margin-left:35px}.attendance-month-notice p{font-size:10px}}