#view-attendance .attendance-detail{display:grid;gap:20px;min-width:0}
#view-attendance .attendance-summary,#view-attendance .attendance-history{min-width:0;background:#fff;border:1px solid rgba(65,94,128,.35);border-radius:8px;padding:24px;box-shadow:0 6px 20px rgba(30,48,70,.04)}
#view-attendance .attendance-summary{display:flex;align-items:center;justify-content:space-between;gap:24px}
#view-attendance h2{font-family:var(--font-display);font-size:20px;margin:0 0 10px;color:var(--ink)}
#view-attendance p{margin:0;color:var(--muted);line-height:1.5}
#view-attendance .attendance-history-head{display:flex;align-items:end;justify-content:space-between;gap:18px;flex-wrap:wrap}
#view-attendance .attendance-filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap}
#view-attendance .attendance-filters label{display:grid;gap:5px;font-size:13px;color:var(--muted)}
#view-attendance .attendance-table-wrap{overflow-x:auto;margin-top:18px}
#view-attendance table{border-collapse:collapse;width:100%;min-width:480px;text-align:left}
#view-attendance th,#view-attendance td{padding:13px 12px;border-bottom:1px solid var(--line);font-size:14px;white-space:nowrap}
#view-attendance th{color:var(--muted);background:var(--mist)}
#view-attendance #attendance-feedback{min-height:22px;margin-top:12px}
#view-attendance #attendance-feedback[data-error=true],#view-attendance #attendance-detail-status[data-error=true]{color:#aa3636}
#view-attendance #attendance-empty{padding:24px 0;text-align:center}
.attendance-widget .attendance-home-feedback{margin:8px 0 0;font-size:12px;line-height:1.4;color:#345c7e}
.attendance-widget .attendance-home-feedback:empty{display:none}
.attendance-widget .attendance-home-feedback[data-error=true]{color:#aa3636}
@media(max-width:600px){#view-attendance .attendance-summary{align-items:stretch;flex-direction:column}#view-attendance .attendance-summary button{align-self:flex-start}#view-attendance .attendance-summary,#view-attendance .attendance-history{padding:18px}}
#view-attendance .attendance-workflow{display:grid;gap:16px}
#view-attendance .attendance-workflow h3{margin:12px 0 0;font-size:16px}
#view-attendance .attendance-workflow details{min-width:0;border-top:1px solid var(--line);padding-top:12px}
#view-attendance .attendance-workflow summary{cursor:pointer;font-weight:600;padding:5px 0}
#view-attendance .aw-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
#view-attendance .aw-form label{display:grid;gap:6px;font-size:14px;min-width:0}
#view-attendance .aw-form .aw-wide{grid-column:1/-1}
#view-attendance .aw-form .aw-check{display:inline-flex;align-items:center;gap:6px;margin-right:10px}
#view-attendance .aw-form .aw-check input{width:auto}
#view-attendance .attendance-workflow input,#view-attendance .attendance-workflow select,#view-attendance .attendance-workflow textarea{font:inherit;min-width:0;max-width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:5px;padding:8px;background:white;color:var(--ink)}
#view-attendance .attendance-workflow button,#view-attendance td button{font:inherit;border:1px solid #9aafbf;border-radius:5px;padding:8px 12px;cursor:pointer;background:#f1f5f8;color:#284e6c;white-space:normal}
#view-attendance .attendance-workflow button:disabled{opacity:.55;cursor:wait}
#view-attendance .aw-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#view-attendance .aw-cards{display:grid;gap:10px;min-width:0}
#view-attendance .aw-card{border:1px solid var(--line);border-radius:6px;padding:14px;display:grid;gap:8px;overflow-wrap:anywhere;min-width:0}
#view-attendance .aw-cards p,#view-attendance .aw-card strong{overflow-wrap:anywhere}
#view-attendance .aw-form fieldset{border:1px solid var(--line);min-width:0}
#view-attendance [data-aw-kind][hidden]{display:none}
#view-attendance #aw-feedback[data-error=true]{color:#aa3636}
@media(max-width:600px){#view-attendance .aw-form{grid-template-columns:minmax(0,1fr)}#view-attendance .aw-actions{align-items:stretch}#view-attendance .aw-actions input{width:100%}}
/* Attendance navigation and panels, matching the Jinigram card-to-header flow. */
#view-attendance{--at-ink:#111827;--at-muted:#5B6472;--at-primary:#1F3A68;--at-line:#DDE3EC;width:calc(100% - 48px);max-width:1600px;color:var(--at-ink);font-size:14px;word-break:keep-all;font-variant-numeric:tabular-nums}
#view-attendance [hidden]{display:none!important}
#view-attendance .at-layout{display:grid;grid-template-columns:minmax(220px,1fr) minmax(740px,850px);align-items:center;gap:24px}
#view-attendance .at-heading{display:flex;gap:20px;align-items:center;min-width:0}
#view-attendance .at-home{font-family:var(--font-display);font-size:30px;font-weight:700;text-decoration:none;color:var(--at-ink);flex-shrink:0}
#view-attendance .at-heading p{font-size:14px;color:var(--at-muted);line-height:1.6;max-width:230px}
#view-attendance .at-menu{display:grid;grid-template-columns:repeat(5,minmax(136px,1fr));gap:12px;min-width:0}
#view-attendance .at-menu a{position:relative;display:flex;align-items:center;min-height:72px;background:white;border:1px solid #c6d0de;border-radius:8px;text-decoration:none;color:var(--at-ink);transform-origin:top left;transition:transform 360ms ease,box-shadow 360ms ease,border-color 360ms ease}
#view-attendance .at-menu a:hover{transform:scale(1.035);box-shadow:0 8px 22px #2036501f;z-index:2}
#view-attendance .at-menu a:active{transform:scale(.97)}
#view-attendance .at-menu a[aria-current=page]{box-shadow:inset 0 0 0 1px var(--at-primary),0 3px 10px #1f3a6812;border-color:var(--at-primary);background:#f6f8fc}
#view-attendance .at-menu-copy{position:relative;z-index:1;display:grid;gap:8px;padding:12px;width:76%;min-width:0}
#view-attendance .at-menu-copy strong{font-size:14px;white-space:nowrap}
#view-attendance .at-menu-copy>span{display:none;color:var(--at-muted);font-size:12px;line-height:1.5}
#view-attendance .at-menu svg{position:absolute;width:62px;height:62px;object-fit:contain;right:-6px;top:4px;pointer-events:none}
#view-attendance.at-landing{min-height:calc(100dvh - 110px)}
#view-attendance.at-landing .at-layout{min-height:calc(100dvh - 170px);grid-template-columns:1fr;grid-template-rows:auto 1fr;align-items:start}
#view-attendance.at-landing .at-menu{align-self:center;grid-template-columns:repeat(5,minmax(210px,1fr));width:100%;gap:12px;margin:0 0 80px}
#view-attendance.at-landing .at-menu a{min-height:132px}
#view-attendance.at-landing .at-menu-copy{padding:24px 14px 24px 20px;width:70%}
#view-attendance.at-landing .at-menu-copy strong{font-size:17px}
#view-attendance.at-landing .at-menu-copy>span{display:block;max-width:158px}
#view-attendance.at-landing .at-menu svg{width:100px;height:110px;right:-8px;top:-6px}
#view-attendance .at-content{grid-column:1/-1;width:100%;max-width:1200px;justify-self:center;min-width:0}
#view-attendance .at-toolbar,#view-attendance .at-day-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}
#view-attendance .at-toolbar h1,#view-attendance .at-day-heading h2{font-size:22px;margin:0;font-family:var(--font-display);color:var(--at-ink)}
#view-attendance .at-day-heading span{color:var(--at-muted);font-size:13px}
#view-attendance .at-card,#view-attendance .attendance-history{background:#fff;border:1px solid var(--at-line);border-radius:12px;padding:24px;min-width:0;box-shadow:none}
#view-attendance .at-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
#view-attendance .at-card h2{font-size:15px;font-family:var(--font-display);margin:0;color:var(--at-ink)}
#view-attendance .at-card h3{font-size:14px;margin-top:24px}
#view-attendance .at-button,#view-attendance .at-pill,#view-attendance .at-segment button,#view-attendance .attendance-workflow button,#view-attendance .aw-form button{font:inherit;min-height:44px;border:1px solid var(--at-line);border-radius:10px;padding:10px 16px;background:#fff;color:var(--at-primary);cursor:pointer;white-space:normal}
#view-attendance .at-button.primary,#view-attendance .aw-form button[type=submit]{background:var(--at-primary);border-color:var(--at-primary);color:white}
#view-attendance button:disabled{opacity:.4;cursor:not-allowed}
#view-attendance .at-link{background:none;border:0;color:var(--at-primary);font:inherit;cursor:pointer;min-height:44px;padding:4px 0;text-align:left}
#view-attendance button:focus-visible,#view-attendance a:focus-visible,#view-attendance input:focus-visible,#view-attendance select:focus-visible,#view-attendance summary:focus-visible{outline:3px solid #769ad1;outline-offset:3px}
#view-attendance .at-today-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
#view-attendance .at-stack{display:grid;gap:16px;min-width:0}
#view-attendance .at-clock-state{display:flex;align-items:center;gap:8px;margin-bottom:20px}
#view-attendance .at-badge{display:inline-block;border-radius:999px;padding:4px 9px;background:#f3f5f9;color:#4b5563;font-size:12px;font-weight:700;line-height:1.5;white-space:nowrap}
#view-attendance .at-badge.working,#view-attendance .at-badge.approved{background:#e6edf7;color:var(--at-primary)}
#view-attendance .at-badge.working:before{content:'';display:inline-block;width:6px;height:6px;background:#1f3a68;border-radius:50%;margin-right:6px}
#view-attendance .at-badge.remote{background:#E4ECF8;color:#1F3F73}
#view-attendance .at-badge.warning,#view-attendance .at-badge.rejected{background:#FBEBDD;color:#7A3A08}
#view-attendance .at-badge.pending{background:#fff;border:1px dashed #8c96a8}
#view-attendance .at-clock-times{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#view-attendance .at-clock-times>div{padding:18px;background:#F3F5F9;border-radius:10px;display:grid;gap:10px}
#view-attendance .at-clock-times span{font-size:12px;color:#4B5563}
#view-attendance .at-clock-times strong{font-size:32px}
#view-attendance .at-clock-action{width:100%;height:52px;font-size:16px;font-weight:700;margin-top:16px}
#view-attendance .at-map{height:210px;margin-top:16px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;border:1px solid var(--at-line);border-radius:10px;background:radial-gradient(circle at 50% 40%,#e6edf7,transparent 60%),#f3f5f9;color:var(--at-muted);font-size:12px}
#view-attendance .at-map-marker{font-size:34px;color:#91a1b8}
#view-attendance .at-map strong{font-size:14px;color:#4b5563}
#view-attendance .at-big-number{display:block;font-size:34px;line-height:1.3;margin:8px 0 24px;font-weight:700}
#view-attendance .at-metrics-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:18px;border-top:1px solid var(--at-line)}
#view-attendance .at-metrics-mini>div{display:grid;gap:10px;font-size:12px}
#view-attendance .at-metrics-mini span{color:var(--at-muted)}
#view-attendance .at-metrics-mini strong{font-size:14px}
#view-attendance .at-timeline{margin-top:16px}
#view-attendance .at-timeline summary{color:var(--at-primary);min-height:44px;cursor:pointer;padding:12px 0}
#view-attendance .at-timeline-track{height:36px;position:relative;background:#f3f5f9;border-radius:6px;overflow:hidden}
#view-attendance .at-timeline-track span{position:absolute;height:100%;background:var(--at-primary)}
#view-attendance .at-ticks{display:flex;justify-content:space-between;font-size:12px;color:var(--at-muted);padding-top:8px}
#view-attendance .at-muted{font-size:12px;color:var(--at-muted)}
#view-attendance .at-line{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #edf0f5;flex-wrap:wrap}
#view-attendance .at-warning{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border-radius:10px;border:1px solid #efc9a7;background:#fff9f3;color:#7a3a08;margin-bottom:16px}
#view-attendance .at-empty{border:1px dashed #c8d0dc;border-radius:10px;padding:20px;color:var(--at-muted);font-size:13px;margin:10px 0}
#view-attendance #at-feedback:empty{display:none}
#view-attendance #at-feedback{border-radius:10px;padding:12px;background:#E6EDF7;margin-bottom:16px}
#view-attendance #at-feedback[data-error=true]{color:#7A3A08;background:#FBEBDD}
#view-attendance .at-tabs{display:flex;gap:28px;border-bottom:1px solid var(--at-line);margin-bottom:24px;overflow-x:auto}
#view-attendance .at-tab{font:inherit;min-height:48px;background:none;border:0;border-bottom:3px solid transparent;color:var(--at-muted);font-weight:600;padding:12px 2px;white-space:nowrap;cursor:pointer}
#view-attendance .at-tab[aria-selected=true]{border-color:var(--at-primary);color:var(--at-primary)}
#view-attendance .at-request-grid,#view-attendance .at-approval-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);gap:16px;align-items:start}
#view-attendance .at-approval-grid{grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr)}
#view-attendance .at-request-kinds{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
#view-attendance .at-pill{border-radius:999px;min-height:40px;padding:8px 16px}
#view-attendance .at-pill[aria-pressed=true]{background:var(--at-primary);color:white;border-color:var(--at-primary)}
#view-attendance .aw-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-attendance .aw-form label{display:grid;gap:8px;font-size:13px;color:#4B5563;min-width:0}
#view-attendance .aw-form .aw-wide{grid-column:1/-1}
#view-attendance .aw-form input,#view-attendance .aw-form select,#view-attendance .aw-form textarea,#view-attendance .attendance-filters input,#view-attendance .attendance-filters select,#view-attendance .aw-card input,#view-attendance .aw-card select{min-width:0;width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--at-line);border-radius:10px;font:inherit;background:#fff;color:var(--at-ink);box-sizing:border-box}
#view-attendance .aw-form .aw-check{display:flex;gap:8px;align-items:center;font-size:12px}
#view-attendance .aw-form .aw-check input{width:18px;min-height:18px}
#view-attendance .aw-form fieldset{border:1px solid var(--at-line);border-radius:10px;padding:16px}
#view-attendance .at-form-note{font-size:12px;margin-top:16px;color:var(--at-muted)}
#view-attendance .aw-card{margin-bottom:12px;border-radius:10px;padding:18px;border-color:var(--at-line)}
#view-attendance .aw-card p{font-size:13px}
#view-attendance .aw-card .aw-actions{display:flex;flex-wrap:wrap;gap:8px}
#view-attendance .aw-card button{min-height:44px;border:1px solid var(--at-line);background:#fff;color:var(--at-primary);border-radius:8px;padding:8px 14px;font:inherit;cursor:pointer}
#view-attendance .at-approval-item,#view-attendance .at-member{width:100%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;text-align:left;background:#fff;border:1px solid var(--at-line);border-radius:10px;padding:16px;margin-bottom:10px;font:inherit;cursor:pointer;min-height:72px;color:var(--at-ink)}
#view-attendance .at-approval-item>span:last-child{width:100%;font-size:13px;color:var(--at-muted)}
#view-attendance .at-approval-item[aria-pressed=true],#view-attendance .at-member[aria-pressed=true]{border-color:var(--at-primary);background:#E6EDF7}
#view-attendance .at-segment{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:16px}
#view-attendance .at-segment .selected{background:var(--at-primary);color:#fff;border-color:var(--at-primary)}
#view-attendance .at-calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}
#view-attendance .at-calendar-scroll{overflow-x:auto;min-width:0}
#view-attendance .at-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));min-width:700px;gap:1px;background:var(--at-line);border:1px solid var(--at-line);border-radius:10px;overflow:hidden}
#view-attendance .at-calendar-day{min-width:0;min-height:108px;padding:10px;display:flex;flex-direction:column;gap:6px;align-items:stretch;text-align:left;background:white;border:0;cursor:pointer;font:inherit;color:var(--at-ink)}
#view-attendance .at-calendar-day.weekend{background:#f8f9fc}
#view-attendance .at-calendar-day[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--at-primary)}
#view-attendance .at-calendar-day .at-badge{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;border-radius:5px;text-align:left;padding:3px 5px}
#view-attendance .at-day-number{width:28px;min-height:28px;line-height:28px;text-align:center}
#view-attendance .at-day-number.is-today{color:white;background:var(--at-primary);border-radius:50%}
#view-attendance .at-weekday{padding:12px;text-align:center;background:#F3F5F9;color:var(--at-muted);font-size:12px}
#view-attendance .at-weekday:first-child{color:#b24f50}#view-attendance .at-weekday:nth-child(7){color:#4166a4}
#view-attendance .at-calendar-blank{min-height:108px;background:#f8f9fc}
#view-attendance .at-legend{display:flex;gap:8px;margin-bottom:16px}
#view-attendance .at-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:20px}
#view-attendance .at-stat{background:#fff;border:1px solid var(--at-line);border-radius:12px;padding:20px 18px;display:grid;gap:12px;min-width:0}
#view-attendance .at-stat:last-child{background:#E6EDF7;color:var(--at-primary)}
#view-attendance .at-stat span{font-size:12px;color:var(--at-muted)}
#view-attendance .at-stat strong{font-size:22px}
#view-attendance .at-table-wrap{overflow-x:auto;min-width:0}
#view-attendance table{min-width:740px;width:100%;font-variant-numeric:tabular-nums}
#view-attendance th{font-size:12px;font-weight:600;background:#F3F5F9}
#view-attendance td{font-size:13px;padding:14px 12px}
#view-attendance .at-settings-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;align-items:start}
#view-attendance .at-member>span{font-size:12px;color:var(--at-muted)}
#view-attendance .attendance-filters{gap:10px}
#view-attendance .attendance-filters label{font-size:12px}
#view-attendance #attendance-totals{margin:12px 0;font-size:13px}
#view-attendance .at-button,#view-attendance .at-menu a{transition:background 180ms ease,box-shadow 240ms ease,transform 360ms ease}
@media(max-width:1200px){#view-attendance .at-layout{grid-template-columns:1fr;gap:20px}#view-attendance .at-menu{overflow-x:auto;padding:4px;grid-template-columns:repeat(5,minmax(150px,1fr))}#view-attendance.at-landing .at-menu{grid-template-columns:repeat(3,minmax(210px,1fr));overflow:visible;margin-top:48px}}
@media(max-width:900px){#view-attendance .at-today-grid,#view-attendance .at-request-grid,#view-attendance .at-approval-grid,#view-attendance .at-calendar-layout{grid-template-columns:1fr}#view-attendance .at-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){#view-attendance{width:calc(100% - 32px)}#view-attendance .at-heading{align-items:flex-start;gap:8px;flex-direction:column}#view-attendance .at-heading p{max-width:none;font-size:13px}#view-attendance.at-landing .at-menu{grid-template-columns:1fr;gap:12px;margin:24px 0}#view-attendance.at-landing .at-menu a{min-height:112px}#view-attendance .at-menu-copy{width:78%}#view-attendance .at-card,#view-attendance .attendance-history{padding:18px}#view-attendance .at-toolbar{align-items:flex-start}#view-attendance .at-metrics-mini{grid-template-columns:1fr}#view-attendance .at-metrics-mini>div{display:flex;justify-content:space-between}#view-attendance .at-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#view-attendance .at-stat{padding:16px}#view-attendance .at-stat strong{font-size:20px}#view-attendance .at-settings-grid{grid-template-columns:1fr}#view-attendance .aw-form{grid-template-columns:1fr}#view-attendance .at-menu{max-width:100%;grid-template-columns:repeat(5,150px)}#view-attendance .at-big-number{font-size:30px}#view-attendance .at-clock-times strong{font-size:28px}#view-attendance .at-warning{align-items:flex-start}#view-attendance .at-calendar-layout>.at-card{padding:14px}#view-attendance .at-toolbar h1{font-size:20px}}
@media(prefers-reduced-motion:reduce){#view-attendance *,#view-attendance *:before{transition:none!important;scroll-behavior:auto!important}}

.at-map{display:block;height:auto;min-height:210px;overflow:hidden;background:#f3f4f6}.at-kakao-canvas{height:210px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.at-map-caption{margin:8px 12px;font-size:12px;color:#506782}.at-map-caption.warning{color:#b15d22}.at-map-pin{display:block;padding:4px 8px;border-radius:20px;background:#506782;color:white;font-size:12px;white-space:nowrap}.at-map-pin.stop{background:#c87837}.at-location-consent{max-width:420px;width:calc(100% - 32px);border:1px solid #d5d9df;border-radius:12px;padding:24px;color:#263346}.at-location-consent::backdrop{background:#0005}.at-location-consent p{line-height:1.6}.at-location-consent button{margin:6px 4px 0 0}.at-location-form{display:grid;gap:12px;margin-top:16px}.at-location-form label{display:grid;gap:6px}.at-location-form input,.at-location-form select{padding:10px;border:1px solid #d5d9df;border-radius:6px;min-width:0;background:white;color:inherit}

#view-attendance #at-settings>.at-segment{justify-content:flex-start;border-bottom:1px solid var(--at-line);gap:12px;margin-bottom:24px;padding:0;border-radius:0;background:none}#view-attendance #at-settings>.at-segment button{border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--at-muted);padding:12px 16px}#view-attendance #at-settings>.at-segment button[aria-pressed=true]{color:var(--at-ink);border-bottom:2px solid var(--at-primary);font-weight:700}#view-attendance .at-connection-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;align-items:start}#view-attendance .at-location-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--at-line);padding-top:16px;margin-top:8px}#view-attendance .at-address-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}#view-attendance .at-location-preview{height:250px;background:#f2f5f8;border-radius:8px;overflow:hidden;display:grid;place-items:center}#view-attendance .at-radius-options{display:flex;gap:4px;flex-wrap:wrap}#view-attendance .at-radius-options button{min-height:36px;padding:6px 14px;background:#eef2f8;border:0}#view-attendance .at-radius-options button[aria-pressed=true]{background:white;box-shadow:0 0 0 2px #cbd5e4;font-weight:700}#view-attendance .at-place-list{display:grid;gap:10px}#view-attendance .at-place-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:white;border:1px solid var(--at-line);border-radius:8px;padding:16px;color:var(--at-ink);cursor:pointer}#view-attendance .at-place-item[aria-pressed=true]{border-color:var(--at-primary);box-shadow:inset 0 0 0 1px var(--at-primary)}#view-attendance .at-place-item strong{flex:1;min-width:0;font-size:13px}#view-attendance .at-connection-results{background:#f3f5fa;padding:16px;border-radius:8px;margin-top:20px}#view-attendance .at-connection-preview:not(:empty){height:180px;border-radius:8px;overflow:hidden;margin-top:12px}#view-attendance .at-settings-grid{grid-template-columns:230px minmax(0,1fr)}@media(max-width:700px){#view-attendance .at-connection-grid,#view-attendance .at-settings-grid{grid-template-columns:minmax(0,1fr)}#view-attendance .at-place-item{flex-wrap:wrap}#view-attendance .at-place-item .at-muted{width:100%}#view-attendance .at-address-row{grid-template-columns:minmax(0,1fr)}#view-attendance .at-location-preview{height:210px}}

#view-attendance .at-place-row{display:flex;align-items:center;gap:12px}#view-attendance .at-place-item{min-width:0;flex:1}#view-attendance .at-place-copy{display:grid;gap:4px;flex:1;min-width:0}#view-attendance .at-place-copy strong{flex:none}#view-attendance .at-place-copy .at-muted{font-size:12px}#view-attendance .at-place-toggle{height:24px;width:42px;border:0;border-radius:20px;background:#aab5c5;position:relative;flex-shrink:0;cursor:pointer}#view-attendance .at-place-toggle:after{content:'';width:18px;height:18px;position:absolute;top:3px;left:3px;background:white;border-radius:50%;transition:left .16s}#view-attendance .at-place-toggle[aria-checked=true]{background:var(--at-primary)}#view-attendance .at-place-toggle[aria-checked=true]:after{left:21px}#view-attendance .at-location-fields,#view-attendance .at-location-policy{display:grid;grid-template-columns:1fr 1fr;gap:16px}#view-attendance .at-location-fields label:last-child{grid-column:1/-1}#view-attendance .at-location-policy>p,#view-attendance .at-location-policy>button{grid-column:1/-1}#view-attendance .at-usage-row{padding:10px 0}#view-attendance .at-usage-row:last-of-type{border-top:1px solid var(--at-line);margin-top:12px;padding-top:18px}#view-attendance .at-usage-row>div{display:flex;justify-content:space-between;gap:12px;font-size:12px}#view-attendance .at-usage-row progress{width:100%;height:6px;appearance:none;border:0;border-radius:6px;overflow:hidden}#view-attendance .at-usage-row progress::-webkit-progress-bar{background:#edf1f6}#view-attendance .at-usage-row progress::-webkit-progress-value{background:var(--at-primary);min-width:2px}.at-location-consent textarea{width:100%;min-height:90px;border:1px solid #d5d9df;border-radius:8px;padding:10px;box-sizing:border-box}@media(max-width:600px){#view-attendance .at-location-fields,#view-attendance .at-location-policy{grid-template-columns:1fr}#view-attendance .at-place-item .at-muted{width:auto}#view-attendance .at-place-copy{flex-basis:70%}}

#view-attendance .at-location-preview{height:auto!important;aspect-ratio:1/1;width:100%;max-width:600px;justify-self:center}#view-attendance .at-today-grid{align-items:stretch}#view-attendance .at-clock-card{display:flex;flex-direction:column;gap:0}#view-attendance .at-clock-card>.at-map{flex:1;display:flex;flex-direction:column;min-height:300px;margin-bottom:16px}#view-attendance .at-clock-card .at-kakao-canvas{height:auto;min-height:300px;flex:1}#view-attendance .aw-correction-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}#view-attendance .aw-correction-fields label:first-child{grid-column:1/-1}#view-attendance .aw-correction-fields input[readonly]{background:#f3f5f9}#view-attendance .aw-request-rejected{border-color:#ecc2a6;background:#fffaf6}#view-attendance .at-form-approver{font-size:12px;border-top:1px solid var(--at-line);padding-top:16px;margin-top:16px}.home-work-location{padding:18px;margin:0}.home-work-location .office-card-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.home-work-location h2{font-size:18px;margin:0}.home-work-location a{font-size:12px;color:#1f3a68}.home-work-location p{font-size:12px;color:#506782;line-height:1.5;margin:8px 0}.home-work-location strong{display:block;margin-top:14px;font-size:14px}@media(max-width:700px){#view-attendance .at-clock-card>.at-map,#view-attendance .at-clock-card .at-kakao-canvas{min-height:280px}#view-attendance .aw-correction-fields{grid-template-columns:1fr}}

#view-attendance .aw-correction-fields{display:contents}#view-attendance .aw-correction-fields[hidden]{display:none!important}#view-attendance .aw-correction-fields label:first-child{grid-column:auto}

.home-work-location .home-location-map{width:100%;aspect-ratio:4/3;min-height:180px;margin-top:12px;border-radius:8px;overflow:hidden;background:#f3f5f8;display:grid;place-items:center}.home-work-location .home-location-map p{padding:12px;text-align:center}

.at-consent-choice{display:flex!important;align-items:center;gap:10px}.at-consent-choice input{width:18px!important;height:18px;flex:none;accent-color:#1f3a68}

.at-consent-facts{display:grid;grid-template-columns:minmax(100px,140px) minmax(0,1fr);gap:10px 18px;margin:18px 0 24px}.at-consent-facts dt{color:#64748b}.at-consent-facts dd{margin:0;overflow-wrap:anywhere}.at-consent-members{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.at-consent-member{border:1px solid #dce4ef;border-radius:12px;padding:18px}.at-consent-member .at-consent-facts{font-size:12px;margin-bottom:0}@media(max-width:820px){.at-consent-members{grid-template-columns:1fr}}

.at-consent-history{margin-top:24px;border-top:1px solid #d8e1ef;padding-top:16px}.at-consent-event{padding:12px 0;border-bottom:1px solid #e5eaf2}.at-consent-notice{white-space:pre-line;line-height:1.7}.at-consent-hash{overflow-wrap:anywhere;font-size:11px}

.aw-visit-row{display:grid;grid-template-columns:1fr 2fr;gap:12px;padding:16px 0;border-bottom:1px solid #d8e1ef}.aw-visit-row label:last-of-type,.aw-visit-row .aw-actions{grid-column:1/-1}.at-travel{margin-top:16px;padding-top:16px;border-top:1px solid #d8e1ef}.at-travel>button{margin:4px 8px 4px 0}.at-travel details{padding:10px 0}@media(max-width:600px){.aw-visit-row{grid-template-columns:1fr}}

.home-current-pin{display:block;background:#1f69d5;color:white;border:2px solid white;border-radius:20px;padding:5px 10px;font-size:12px;box-shadow:0 2px 6px #17365355}.home-current-status{font-size:12px;line-height:1.6;color:#1f3a68;overflow-wrap:anywhere}.home-current-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.home-current-retry{border:1px solid #cbd5e5;border-radius:6px;background:white;color:#1f3a68;padding:7px 10px;font:inherit;font-size:12px;cursor:pointer}.home-current-retry:disabled{opacity:.5;cursor:default}

.at-transport-modes{border:1px solid #d5ddea;border-radius:10px;display:flex;flex-wrap:wrap;gap:10px;padding:12px;min-width:0}.at-transport-modes label{display:flex;align-items:center;gap:5px;font-size:14px}.at-transport-modes small{flex-basis:100%;color:#67758d}.at-transport-form{display:grid;gap:14px;min-width:0}.at-transport-form label{display:grid;gap:6px;font-size:13px}.at-transport-form input,.at-transport-form select,.at-transport-form textarea{width:100%;min-width:0;box-sizing:border-box;border:1px solid #ced8e8;border-radius:8px;padding:10px;font:inherit}.at-expense-dialog{max-height:85vh;overflow:auto;box-sizing:border-box}.at-expense-dialog button{border:1px solid #ced8e8;border-radius:8px;padding:10px;background:white;color:#1f3a68;cursor:pointer}.at-expense-dialog button.primary{background:#1f3a68;color:white}.at-transport-form [hidden]{display:none!important}

/* Shared workplace member assignment */
.at-location-fields fieldset{grid-column:1/-1;min-width:0;max-height:240px;overflow:auto;border:1px solid #d6deea;border-radius:8px;padding:12px}.at-location-fields .at-place-assignee{display:inline-flex;align-items:center;gap:8px;margin:6px 18px 6px 0}.at-location-fields .at-place-assignee input{width:18px;min-height:18px;height:18px}.at-location-fields [hidden]{display:none!important}

.at-mode-costs{display:grid;gap:12px;min-width:0}.at-mode-costs fieldset{display:grid;gap:10px;min-width:0;border:1px solid #ced8e8;border-radius:10px;padding:12px}.at-mode-costs input[type=checkbox]{width:auto;justify-self:start}.at-mode-costs p,.at-mode-costs small{margin:0;overflow-wrap:anywhere}

/* Compact home location states, separate from recorded attendance maps. */
#view-home .home-work-location{padding:20px;border-radius:14px}
#view-home .home-work-location .office-card-header{margin-bottom:18px}
#view-home .home-work-location h2{font-size:17px}
#view-home .home-work-location .office-card-header>a{color:#64748b;text-decoration:none;white-space:nowrap}
#view-home .home-work-location .home-location-name{margin:0;font-size:14px;line-height:1.5}
#view-home .home-work-location .home-location-address{margin:2px 0 14px;font-size:12px;color:#64748b;overflow-wrap:anywhere}
#view-home .home-current-status{display:flex;gap:10px;background:#f2f4f7;border-radius:11px;padding:14px;margin-bottom:14px;color:#475569}
#view-home .home-current-status[data-state="inside"]{background:#eaf7f0;color:#138365}
#view-home .home-current-status[data-state="warning"]{background:#fff3e8;color:#bd5424}
#view-home .home-location-icon{flex:0 0 16px;width:16px;height:16px;margin-top:2px;border:1.5px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;line-height:1}
#view-home .home-location-state-copy{min-width:0;flex:1}
#view-home .home-location-state-title{font-size:12px;margin:0;line-height:1.5;color:inherit}
#view-home .home-location-state-detail{font-size:11px;margin:2px 0 0;line-height:1.5;color:#64748b}
#view-home .home-current-status .home-current-retry,#view-home .home-location-consent-link,#view-home .home-location-permission>summary{display:inline-flex;align-items:center;justify-content:center;margin-top:10px;min-height:36px;padding:7px 12px;border:1px solid #d5dce7;border-radius:7px;background:white;color:#334155;text-decoration:none;font-size:12px;font-weight:600;cursor:pointer;list-style:none}
#view-home .home-location-permission>summary::-webkit-details-marker{display:none}
#view-home .home-current-status [hidden]{display:none!important}
#view-home .home-location-permission p{font-size:12px;line-height:1.6;margin:10px 0 0}
#view-home .home-current-status[data-state="checking"]{display:block}
#view-home .home-current-status[data-state="checking"] .home-location-icon{border:0;width:auto;height:25px;display:block;margin:0 0 8px}
#view-home .home-location-map{margin:0;aspect-ratio:2.05/1;min-height:120px;display:block;border-radius:11px;overflow:hidden}
#view-home .home-location-legend{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:12px;color:#64748b;font-size:11px;line-height:1.5}
#view-home .home-location-legend>span{display:inline-flex;align-items:center;gap:5px}
#view-home .home-location-range-legend:before{content:"";width:10px;height:10px;border:1px dashed #8d99ab;border-radius:50%;background:#64748b1a}
#view-home .home-location-current-legend:before{content:"";width:7px;height:7px;border-radius:50%;background:#2872f5;box-shadow:0 0 0 3px #2872f520}
#view-home .home-location-current-legend[hidden]{display:none}
#view-home .home-current-pin{width:15px;height:15px;border:2px solid white;border-radius:50%;padding:0;background:#2872f5;box-shadow:0 0 0 5px #2872f52b}
#view-home .home-location-details{margin-top:10px;color:#64748b;font-size:11px}
#view-home .home-location-details>summary{cursor:pointer;font-size:11px}
#view-home .home-location-details p{font-size:11px;line-height:1.5}
#view-home .home-work-location :is(button,a,summary):focus-visible{outline:2px solid #1f3a68;outline-offset:3px}

.home-map-controls{display:flex;justify-content:flex-end;margin-top:8px}.home-map-controls:has(button[hidden]){display:none}.home-map-view-toggle{padding:6px 10px;border:1px solid #d5deea;border-radius:7px;background:#fff;color:#334b70;font-size:12px;cursor:pointer}.home-map-view-toggle:focus-visible{outline:2px solid #326fe4;outline-offset:2px}

.at-fieldwork-list{display:grid;gap:12px}.at-fieldwork-option{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:18px 20px;border:2px solid #bdc9dc;border-radius:16px;background:#fff;color:#102044;text-align:left;cursor:pointer}.at-fieldwork-option strong{font-size:18px;overflow-wrap:anywhere}.at-fieldwork-option small{font-size:14px;color:#64748b;white-space:nowrap}.at-fieldwork-option:hover{background:#f1f5fb}.at-fieldwork-choice{width:min(540px,calc(100vw - 32px));box-sizing:border-box}.at-fieldwork-choice h2{color:#102044}.at-fieldwork-choice>p{overflow-wrap:anywhere;word-break:keep-all}.at-fieldwork-choice .at-muted{text-align:center}.at-fieldwork-choice .at-fieldwork-list>.at-button{border:0;background:transparent;color:#506782;text-decoration:underline;padding:10px;font:inherit;cursor:pointer}@media(max-width:420px){.at-fieldwork-option{padding:14px;gap:10px}.at-fieldwork-option strong{font-size:16px}.at-fieldwork-option small{font-size:12px}}
#attendance-overtime-dialog{box-sizing:border-box;max-height:calc(100dvh - 32px);overflow:auto}
#attendance-overtime-dialog .at-button,#attendance-overtime-request{min-height:44px;padding:10px 14px;border:1px solid #d5d9df;border-radius:10px;background:#fff;color:#102044;font:inherit;cursor:pointer;white-space:normal}
#attendance-overtime-dialog .at-button.primary{background:#102044;border-color:#102044;color:#fff}
#attendance-overtime-dialog .at-button:disabled{opacity:.5;cursor:wait}
#attendance-overtime-request{margin-top:10px;width:100%;font-size:13px}

/* External check-in stays inside the home attendance card. */
.at-fieldwork-inline{margin:20px 0 0;color:#102044;text-align:left;min-width:0}
.at-fieldwork-inline .at-fieldwork-panel{padding:16px;background:#f4f6fa;border:1px solid #d9e2ef;border-radius:14px}
.at-fieldwork-inline h2{font-size:18px;line-height:1.35;margin:0 0 3px;font-weight:800;outline:none}
.at-fieldwork-inline .at-fieldwork-panel>p{font-size:14px;line-height:1.4;color:#485872;white-space:pre-line;margin:0 0 14px}
.at-fieldwork-inline .at-fieldwork-list{gap:8px}
.at-fieldwork-inline .at-fieldwork-option{padding:17px 15px;border-width:1px;border-radius:12px;gap:10px;min-width:0;flex-wrap:wrap}
.at-fieldwork-inline .at-fieldwork-option strong{font-size:16px;line-height:1.4}
.at-fieldwork-inline .at-fieldwork-option small{font-size:12px;line-height:1.4;margin-left:auto}
.at-fieldwork-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}
.at-fieldwork-actions .at-fieldwork-option{justify-content:center;padding:12px 6px}
.at-fieldwork-inline .at-fieldwork-cancel{border:0;background:transparent;text-decoration:underline;color:#385778;margin:6px auto 0;display:block;padding:10px}
.at-fieldwork-inline>.at-muted{font-size:13px;line-height:1.5;text-align:center;color:#5e6c84;margin:16px 0 0}