/* RM4 Click Agent -- this track's one stylesheet of the redesign (GOAL-redesign-wave 4절 CSS). Its parts are
   redesign-rf1.css's (prefix lx-); index.html links it after them. Only this track writes here.

   What is here is what the parts do not give: the places of Click's own pieces (lo-: the tabs, lt-: the header's input
   and Click inside another screen). A control of these screens that is no part (a card's head, the ask line) undoes
   the old sheets' button rules itself, as the parts' sheet does for the parts. Colours are tokens only. */
/* ---------- what the four tabs, the ask window and the Click Agent 칸 stood on in the older sheets ----------
   (screens-operations.css and screens-click.css, wave 4절: those sheets leave the index). Every rule there that a
   piece these files still draw takes is here, in px (the older size tokens go with those sheets), before the
   redesign's own rules below so that those still win where both speak. A rule of a class no file draws any more
   was not brought. */
[data-click-incident],[data-click-excluded]{min-height:0;margin-top:12px}
article[data-click-incident],article[data-click-excluded]{padding:16px 20px}
article:is([data-click-incident],[data-click-excluded])>:first-child{margin-top:0}
article:is([data-click-incident],[data-click-excluded])>:last-child{margin-bottom:0}
:is([data-click-approval],article[data-click-excluded])>[data-click-ids]{position:relative;left:-4px}
.lo-tool-line{margin:1em 0}
:is(.lo-tool-line,.lo-ask-action)>[data-click-ids]>summary{vertical-align:top}
.lo-ask-action{margin:4px 0;overflow-wrap:anywhere}
.lo-said-line [data-click-original]>summary{vertical-align:top}
[data-click-single-result]:has(>.lo-said-line){display:block}
[data-click-single-result]>.lo-said-line{margin:4px 0}
[data-click-owners]{display:block;margin-top:4px;color:var(--ds-text-2);font-size:13px}
[data-click-errors],[data-click-handled-error]{overflow-wrap:anywhere;min-width:16ch}
[data-click-owner]{white-space:nowrap}
[data-page^="click-"] [data-click-state]{margin-bottom:12px}
[data-page^="click-"] .lo-digest{background:var(--ds-surface);border:1px solid var(--ds-line);border-radius:12px;box-shadow:var(--ds-shadow)}
[data-page^="click-"] .lo-digest{padding:16px 20px}
[data-page^="click-"] [id$="-root"]>h4{margin:20px 0 8px;font-size:15px}
.lo-digest{display:grid;gap:12px}
.lo-digest-basis{margin:0;color:var(--ds-text-2);font-size:14px}
.lo-digest-basis small{color:var(--ds-text-3)}
.lo-digest ul{margin:4px 0 0;padding-left:1.2em;font-size:14px}
.lo-digest li{margin:2px 0}
.lo-digest li.lo-sub{margin-left:1.2em;list-style:circle;color:var(--ds-text-2)}
.lo-digest-counts{list-style:none;padding-left:0!important;display:flex;flex-wrap:wrap;gap:4px 16px}
.lo-digest-part p{margin:0}
.lo-digest-part [data-click-go]{padding:0 2px;min-height:24px;text-decoration:underline;text-underline-offset:2px}
.lo-limits{display:flex;flex-wrap:wrap;gap:8px 20px;margin:8px 0}
.lo-limit{display:inline-flex;align-items:baseline;gap:4px;color:var(--ds-text-2);font-size:14px}
.lo-limit b{color:var(--ds-text);font-size:14px;font-variant-numeric:tabular-nums}
.lo-models{display:flex;flex-wrap:wrap;gap:4px 8px;margin:8px 0 0}
.lo-models code{white-space:nowrap}
.lo-section{margin:0 0 20px}
.lo-rules [data-click-name]{display:block;font-weight:600;color:var(--ds-text)}
.lo-rules [data-click-rule]{display:inline;margin:0}
.lo-rules [data-click-mode]{width:auto;min-width:11.5em;max-width:16em;margin:0}
.lo-safety{padding:16px;border:1px solid var(--ds-line);border-left:3px solid var(--ds-accent);border-radius:8px;background:var(--ds-surface)}
.lo-safety h4{margin:0 0 8px}
.lo-pending{margin:0;color:var(--ds-text-2);font-size:14px}
[data-click-used-means]{margin:8px 0 4px}
.lo-save [data-click-go]{display:inline;min-height:24px;padding:0 2px;text-decoration:underline;text-underline-offset:2px}
@media (max-width:640px){
  /* A phone: one action a card -- its rule, then mode, cap and today's use side by side (the older sheet's way, kept
     under .table-wrap alone: as the parts' table the cells stayed 46px high blocks and the rule's last line, the mode
     and the two figures stood over each other at 390, PC narrow 10-13). */
  table.lo-rules,.lo-rules tbody,.lo-rules thead tr,.lo-rules td{display:block}
  .lo-rules thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .lo-rules tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:end;padding:12px 16px;border-bottom:1px solid var(--ds-line)}
  .lo-rules tbody tr:last-child{border-bottom:0}
  .lo-table>table.lx-t.lo-rules tr>td{height:auto;min-width:0;padding:0;border:0;white-space:normal}
  .lo-rules td:first-child{grid-column:1 / -1}
  .lo-rules td[data-label]:not(:first-child)::before{content:attr(data-label);display:block;margin-bottom:2px;color:var(--ds-text-2);font-size:13px;text-align:left}
  .lo-rules [data-click-mode]{min-width:0;width:100%}
  .lo-save{display:contents}
  .lo-savebar{position:sticky;bottom:0;z-index:1;padding:8px 0;border-top:1px solid var(--ds-line);background:var(--ds-bg)}
}
[data-page^="click-"] :is(h5,h6){font-size:14px}
[data-page^="click-"] details>summary{min-height:24px;line-height:24px}
.lo-figures{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin:0 0 16px}
@media (max-width:600px){
  .lo-figures{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.lo-wait{display:grid;gap:16px}
[data-click-section]:focus-visible{outline:2px solid var(--ds-accent);outline-offset:2px}
.lo-many>ul>li{margin:0 0 2px}
.lo-many>ul code{font-size:13px}
.lo-why>summary{display:flex;align-items:baseline;gap:4px;cursor:pointer;list-style:none}
.lo-why>summary::-webkit-details-marker{display:none}
.lo-why>summary::before{content:"\25B8";flex:none;color:var(--ds-text-2)}
.lo-why[open]>summary::before{content:"\25BE"}
.lo-why-line{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lo-why[open] .lo-why-line{overflow:visible;white-space:normal}
/* A reason of parts (이슈 · 사람 · 팀): each part stays in sight on the one line, a long one cut (UR25 h10click). */
:is(.lo-why-line,.lo-card-sub):has(>.lo-why-part){display:flex;min-width:0}
.lo-why-part{flex:0 1 auto;min-width:3em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lo-why-part.lo-why-fix{flex:none;min-width:0}
.lo-why-sep{flex:none;white-space:pre}
.lo-why[open] .lo-why-line{display:block}
.lo-why[open] .lo-why-part{white-space:normal;overflow-wrap:anywhere}
.lo-why-more{margin:4px 0 0 calc(1em + 4px);color:var(--ds-text-2);font-size:13px}
.lo-why-more :is(p,.lo-said-line){margin:0 0 4px}
.lo-why-more code{font-size:inherit}
[data-click-undo]{color:var(--ds-text-2);font-size:13px}
.lo-held{display:grid;gap:8px;margin:0 0 16px;font-size:14px}
.lo-held>div{display:grid;grid-template-columns:11.5em minmax(0,1fr);gap:16px;align-items:baseline}
.lo-held dt{color:var(--ds-text-3);font-size:13px}
.lo-held dd{margin:0;color:var(--ds-text);overflow-wrap:anywhere}
.lo-held dd small{color:var(--ds-text-2);font-size:13px}
@media (max-width:600px){
  .lo-held{gap:4px}
  .lo-held>div{grid-template-columns:1fr;gap:0}
  .lo-held>div+div{margin-top:8px}
}
code.lo-id{display:inline-flex;max-width:14em;white-space:nowrap;vertical-align:bottom;overflow-wrap:normal;word-break:normal}
code.lo-id .lo-cut{flex:0 1 auto;min-width:2ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
code.lo-id .lo-end{flex:none}
code.lo-id.lo-ref{max-width:100%;color:var(--ds-text-3);font-size:12px}
.lo-none,.lo-unknown{color:var(--ds-text-2)}
.lo-requests td.lo-run small{display:block;margin-top:2px}
.lo-off{margin:0 0 12px}
.lo-off-group{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0 0 8px;font-size:14px}
div.lo-unread{padding:12px 16px;border:1px solid var(--ds-line-strong);border-left:3px solid var(--ds-danger);border-radius:8px;font-size:14px;color:var(--ds-text-2)}
div.lo-unread b{display:block;color:var(--ds-text);font-size:14px;font-weight:600}
div.lo-unread p{margin:4px 0 0;max-width:60em}
.lo-save:has([data-click-pending]:not([data-click-pending="0"])){display:contents}
.lo-savebar:has([data-click-pending]:not([data-click-pending="0"])){position:sticky;bottom:0;z-index:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:8px 0;border-top:1px solid var(--ds-line);background:var(--ds-bg)}
@media (max-width:640px){
  .lo-savebar:not(:has([data-click-pending]:not([data-click-pending="0"]))){position:static;border-top:0;padding:0}
}
.lo-again{margin:0 0 8px 16px}
[data-click-finding] summary [data-click-action-mark]{margin-left:8px}
[data-page^="click-"] .lt-card{padding:16px 20px;border:1px solid var(--ds-line);border-radius:12px;background:var(--ds-surface);box-shadow:none}
[data-click-quiet-toggle]::before{content:"\25B8";display:inline-block;margin-right:4px;text-decoration:none}
[data-page^="click-"] button[data-click-open][aria-expanded="true"],[data-page^="click-"] button[data-click-open][aria-expanded="true"]:hover{background:var(--ds-surface-2);border:1px solid var(--ds-text-3);color:var(--ds-text);box-shadow:inset 0 -2px 0 var(--ds-accent)}
.lt-reports{max-width:34rem;margin:8px 0 0;padding:0;list-style:none;border:1px solid var(--ds-line);border-radius:12px;background:var(--ds-surface);box-shadow:var(--ds-shadow)}
.lt-reports>li{padding:8px 20px;border-bottom:1px solid var(--ds-line)}
.lt-reports>li:last-child{border-bottom:0}
.lt-reports [data-click-report]{display:flex;align-items:baseline;justify-content:space-between;gap:12px;width:100%;min-height:24px;padding:0;font-size:14px;font-weight:600;text-align:left}
.lt-report-at{color:var(--ds-text-2);font-size:13px;font-weight:400;font-variant-numeric:tabular-nums;white-space:nowrap}
.lt-reports-more{margin-top:8px}
.lt-reports-more>.lt-reports{box-shadow:none}
.lt-report-head{margin:16px 0 4px}
[data-page="click-patrol"] ul[data-click-report-schedule]{margin:0 0 8px;padding:0;list-style:none;color:var(--ds-text-2);font-size:14px}
.lt-unsaid{margin:-8px 0 8px;line-height:1.7}
.lt-unsaid small{margin-left:4px}
#click-ask-dialog .lt-ask-field :is(select,textarea){width:100%;margin:0;font-weight:400}
#click-ask-dialog .lt-ask-field textarea{min-height:96px;resize:vertical}
#click-ask-dialog .lt-ask-chips:empty{display:none}
#click-ask-dialog .lt-ask-chips>button{justify-self:start;max-width:100%;height:auto;min-height:32px;padding:4px 12px;text-align:left;white-space:normal}
#click-ask-dialog .lt-ask-turn [data-click-ask-answer]>p{margin:0}
#click-ask-dialog [data-click-ask-log]:empty{display:none}
#click-ask-dialog .lt-ask-send{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
#click-ask-open[data-click-needs]{position:relative}
#click-ask-open[data-click-needs]::after{content:"";position:absolute;top:3px;right:3px;width:12px;height:12px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='10' width='16' height='12' rx='2.5' fill='%23000'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3' fill='none' stroke='%23000' stroke-width='2.6'/%3E%3C/svg%3E") center/12px 12px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='10' width='16' height='12' rx='2.5' fill='%23000'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3' fill='none' stroke='%23000' stroke-width='2.6'/%3E%3C/svg%3E") center/12px 12px no-repeat}
#click-ask-dialog .lt-ask-instead li>button{padding:0;font-size:14px}
.lt-registration>.lo-tool-line:first-child{margin-top:0}
.lt-registration>:last-child{margin-bottom:0}
.lt-declared{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0 0 4px}
.lt-tz{margin-left:8px;color:var(--ds-text-2);font-size:13px;white-space:nowrap}
.lt-h-note{margin-left:8px;font-weight:400}
.lt-plan{margin:0 0 16px;padding:12px 20px;border:1px solid var(--ds-line);border-radius:12px;background:var(--ds-surface);box-shadow:var(--ds-shadow)}
.lt-plan[data-click-patrol-verdict="check"]{border-left:3px solid var(--ds-line-strong)}
.lt-plan-verdict{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0;font-size:14px}
.lt-plan-verdict b{font-weight:600}
.lt-plan-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:12px 16px;margin:12px 0 0;padding-top:12px;border-top:1px solid var(--ds-line)}
.lt-plan-facts>div{min-width:0}
.lt-plan-facts dt{color:var(--ds-text-2);font-size:13px;font-weight:600}
.lt-plan-facts dd{margin:4px 0 0;font-size:14px;font-variant-numeric:tabular-nums}
.lt-plan-facts dd small{display:block;color:var(--ds-text-2);font-size:13px}
.lt-plan-facts b.lo-unknown,.lt-plan b[data-click-check]{color:var(--ds-text-2);font-weight:600}
.lt-basis{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin:0 0 8px}
.lt-basis>span{white-space:nowrap}
.lt-basis b{color:var(--ds-text);font-weight:600;font-variant-numeric:tabular-nums}
@media (max-width:600px){
  .lt-basis>span{white-space:normal}
}
#click-ask-dialog .lt-ask-turn .lt-basis{margin:4px 0 0}
.lo-digest li.lt-digest-same{margin-left:1.2em;list-style:none}
[data-page="click-control"] .lt-live-act{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 12px;font-size:14px}
[data-page="click-control"] .lt-live-act:empty{display:none}
.lo-dot{white-space:nowrap}
.lo-keep{white-space:nowrap}
:where(.lo-keep > :not(.lo-dot)){white-space:normal;max-width:calc(100% - 1em)}
.lt-today ol{margin:4px 0;padding-left:20px}
table.lt-rows a.lt-open{color:var(--ds-accent-text);text-underline-offset:2px}
.lt-next{display:block;margin-top:4px;color:var(--ds-text-2);font-size:14px}
.lt-models code{white-space:normal;overflow-wrap:anywhere}
@media (max-width:600px){
  table.lt-rows,table.lt-rows>tbody,table.lt-rows>tbody>tr{display:block;width:100%}
  table.lt-rows>thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  table.lt-rows td[data-label]::before{content:attr(data-label);display:inline-block;width:6.5em;margin-right:8px;vertical-align:top;color:var(--ds-text-2);font-size:13px;font-weight:600;line-height:1.6}
  table.lt-rows td[data-label]:empty{display:none}
  table.lt-rows code{white-space:normal;overflow-wrap:anywhere}
  table.lt-rows tr[data-click-same-run]::after{content:"실행 · 위 요청과 같은 실행";display:block;padding:2px 0;color:var(--ds-text-2);font-size:13px}
}
.lo-wait .ui-skeleton[data-skeleton="tiles"]{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.lo-wait .ui-skeleton-tile{height:95px}
.lo-wait .ui-skeleton-row{height:46px}
.lo-wait .ui-skeleton-line,.lo-wait .ui-skeleton-line:first-of-type{height:16px;width:min(100%,46em)}
[data-click-wait="control"] .ui-skeleton[data-skeleton="tiles"]{grid-template-columns:repeat(auto-fit,minmax(144px,1fr))}
[data-click-wait="control"] .ui-skeleton-tile{height:104px}
[data-click-wait="autonomy"] .ui-skeleton-row{height:62px}
[data-click-wait="patrol"] .ui-skeleton[data-skeleton="tiles"]{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
[data-click-quiet-toggle][aria-expanded="true"]::before{content:"\25BE"}
@media (max-width:600px){
  .lo-wait .ui-skeleton[data-skeleton="tiles"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-click-wait="activity"] .ui-skeleton-tile:first-of-type{grid-column:1 / -1}
  [data-click-wait="control"] .ui-skeleton[data-skeleton="tiles"]{grid-template-columns:1fr}
  [data-click-wait="control"] .ui-skeleton-tile{height:74px}
}
.lo-bypass{flex-wrap:wrap}
p.lo-bypass{display:flex;align-items:baseline;gap:4px 8px}
p.lo-bypass strong{color:var(--ds-text);font-size:15px;font-variant-numeric:tabular-nums}
[data-page^="click-"] [data-click-approval]:has([data-click-confirm]) button[data-click-open]:not([aria-expanded="true"]){background:var(--ds-surface);border:1px solid var(--ds-line-strong);color:var(--ds-text)}
[data-click-approval]>[data-click-ids]+.lx-row{margin-top:8px}
:is(.lx-card,.lo-fold-card) .lo-said-line{margin:4px 0;overflow-wrap:anywhere}
.lx-bdg[data-click-actor="agent"]{background:transparent;color:var(--ds-text-2);outline:1px solid var(--ds-line-strong);outline-offset:-1px}

/* ---------- controls that are no part ---------- */
button:is(.lo-ask-open,.lt-cmd-row),button:is(.lo-ask-open,.lt-cmd-row):is(:hover,:active,:focus,:disabled){margin:0;min-height:0;box-shadow:none;filter:none;transform:none;text-transform:none;letter-spacing:inherit;font:400 14px/1.5 var(--ds-font);text-align:left;cursor:pointer}

/* ---------- 활동: the first line, the three facts, two columns ---------- */
.lo-activity .lo-first{align-items:flex-start}
.lo-activity .lo-first>.lx-btn{flex:none}
.lo-activity .lo-said-line:empty{display:none}
.lo-state{padding:8px}
.lo-state .lx-cols{gap:4px}
.lo-state-value{color:var(--ds-text);font-size:15px;font-weight:600;line-height:1.5}
.lo-state-value b{font-weight:750}
.lo-state-value .lx-st{font-weight:700}
.lo-state-value>.lx-bdg.lx-bdg-st:first-child{margin-left:0}
.lo-state-sub{line-height:1.5}
.lo-state-cell[data-click-state-cell="today"] .lo-state-value{font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.2}
.lo-state-cell>.lx-lk{margin-top:4px;font-size:13px}
/* 16절 10-18 (V12): the two counts a person decides are the tab's largest figures, a card each across the top; above
   0 in its state's colour (승인 대기 caution, 판단 필요 info) with 검토, a 0 grey. The three facts are one small line of
   what is only read, after the decisions, not cards of their own. */
.lo-counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.lo-activity .lo-count{gap:6px;min-width:0;padding:14px 18px 16px;border:1px solid var(--ds-line);border-radius:12px;background:var(--ds-surface)}
.lo-activity .lo-count[data-click-count-on][data-click-count="approval"]{border-color:var(--ds-caution);box-shadow:inset 0 0 0 1px var(--ds-caution)}
.lo-activity .lo-count[data-click-count-on][data-click-count="judgement"]{border-color:var(--ds-info);box-shadow:inset 0 0 0 1px var(--ds-info)}
.lo-count>.lx-lbl{color:var(--ds-text);font-size:14px;font-weight:600}
.lo-count-line{display:flex;align-items:center;gap:12px;min-height:44px}
.lo-count-n{font-size:36px;font-weight:700;letter-spacing:-.03em;line-height:1.1;font-variant-numeric:tabular-nums}
.lo-count-go{flex:none;margin-left:auto}
.lo-activity .lo-state-line{padding:8px 14px;border-radius:10px;background:var(--ds-surface-2)}
.lo-activity .lo-state-line>.lx-cols{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0}
.lo-activity .lo-state-line .lo-state-cell{flex-direction:row;flex-wrap:wrap;align-items:center;gap:2px 8px;margin:0 16px 0 0;padding:0 16px 0 0;border-right:1px solid var(--ds-line-strong);border-radius:0;font-size:13px;line-height:20px}
.lo-activity .lo-state-line .lo-state-cell:last-child{margin-right:0;padding-right:0;border-right:0}
.lo-activity .lo-state-line .lo-state-cell>.lx-lbl:first-child{color:var(--ds-text);font-weight:600}
.lo-activity .lo-state-line .lo-state-value,.lo-activity .lo-state-line .lo-state-cell[data-click-state-cell="today"] .lo-state-value{font-size:13px;font-weight:600;letter-spacing:0;line-height:20px}
.lo-activity .lo-state-line .lx-fig-s{font-size:13px;font-weight:700;letter-spacing:0;line-height:20px}
.lo-activity .lo-state-line .lo-state-cell>.lx-lk{margin-top:0}
/* 검토 and a head brought up stand below the frame's sticky top bar, not under it */
.lo-activity :is([data-click-incident],[data-click-section]){scroll-margin-top:84px}
.lo-ask-head{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin:0}
.lo-ask-head>small{color:var(--ds-text-2);font-size:13px}
.lo-decide-row:empty{display:none}
.lo-decide-row{margin:0 0 16px}
.lo-two{align-items:start}
.lo-did,.lo-hand{min-width:0}
.lo-part>.lx-card-h{margin-bottom:10px}
.lo-part>.lx-card-h>.lx-push{font-size:13px}
.lo-more-line{margin:10px 0 0;font-size:13px}

/* ---------- 순찰: the first line, the schedule, the summary, one view at a time ---------- */
.lo-first>[role="status"]:empty{display:none}
.lo-first>[role="status"]{color:var(--ds-text-2);font-size:13px}
.lo-first>[role="status"]:has(>:is(.lo-said-line,.empty,.lx-empty)){flex:1 0 100%;min-width:0}
.lo-lede-more{color:var(--ds-text-2);font-size:14px;font-weight:400;letter-spacing:0}
.lo-plan-card{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.lo-digest-block{display:flex;flex-direction:column;gap:10px}
.lo-digest-figures{display:flex;flex-wrap:wrap;gap:8px 28px;margin:0}
.lo-digest-recent{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}
.lo-digest-more>summary{color:var(--ds-text-2);font-size:13px}
.lo-rule-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.lo-views{align-self:flex-start}
.lo-view{min-width:0}
.lo-view[hidden]{display:none}
.lo-findings{display:flex;flex-direction:column;min-width:0}
button.lo-finding-row{flex-wrap:wrap;gap:4px 10px;padding:10px 8px;border-width:0 0 1px;border-radius:0;background:transparent;color:var(--ds-text);font:400 14px/1.45 var(--ds-font);text-align:left}
button.lo-finding-row:is(:hover,[aria-current="true"]){background:color-mix(in srgb,var(--ds-accent) 8%,transparent);color:var(--ds-text)}

/* ---------- 조치 권한 · 판단 모델: the first line, then each part as one block ---------- */
:is(.lo-autonomy,.lo-control) .lo-first>.lx-btn{flex:none}
.lo-modes{gap:8px}
.lo-sec{min-width:0}
.lo-sec>h4:first-child{margin-top:0}
.lo-sec>h4 a.lo-head-link{margin-left:10px;color:var(--ds-accent-text);font-size:13px;font-weight:500}
.lo-track td:is(:first-child,:nth-child(2)){white-space:nowrap}
.lo-range{margin-left:10px;vertical-align:middle}
button.lo-decision{height:26px;padding:0 10px}

/* ---------- 한 일: the filters, a card, its steps ---------- */
.lo-filter{gap:8px 12px}
.lo-filter .lt-seek{flex:1 1 280px;gap:6px;margin:0}
.lo-filter .lt-seek>.lx-find{flex:1 1 180px;min-width:0}
.lo-filter .lo-period>select.lx-sel{width:auto;margin:0;padding:0 30px 0 10px}
.lo-kinds{gap:6px}
.lo-cards{gap:12px}
.lo-card>.lx-inc-h{flex-wrap:nowrap;align-items:center}
.lo-card-title{flex:0 1 auto;min-width:0;height:22px;line-height:21px}
.lo-card-title .lo-card-toggle{font-weight:650;line-height:21px}
.lo-card-toggle{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lo-card>.lx-inc-h{cursor:pointer}
.lo-card>.lx-inc-h::after{content:"";flex:none;width:6px;height:6px;margin:0 4px 3px 2px;border-right:1.5px solid var(--ds-text-3);border-bottom:1.5px solid var(--ds-text-3);transform:rotate(45deg);transition:transform var(--ds-dur-fast) var(--ds-ease)}
.lo-card>.lx-inc-h:has(.lo-card-toggle[aria-expanded="true"])::after{margin-bottom:-3px;transform:rotate(-135deg)}
.lo-card-about{color:var(--ds-text-2);font-weight:500}
.lo-card-sub{flex:1 1 0;min-width:0}
.lo-card [data-click-card-when]{flex:none;white-space:nowrap}
.lo-card-raw{margin-top:10px}
.lo-more{position:relative;flex:none;display:flex;align-items:center;height:22px}
.lo-more>summary{height:22px;min-height:0;padding:0 6px;list-style:none;cursor:pointer}
.lo-more>summary::-webkit-details-marker{display:none}
.lo-more-menu{position:absolute;z-index:3;top:calc(100% + 4px);right:0;display:flex;flex-direction:column;align-items:stretch;gap:2px;min-width:168px;padding:6px;border:1px solid var(--ds-line);border-radius:10px;background:var(--ds-surface);box-shadow:var(--ds-shadow-pop)}
.lo-more-menu>.lx-btn{justify-content:flex-start;width:100%}
.lo-step{min-width:0}
.lo-step-what{font-weight:600}
.lo-step .lo-why,.lo-step .lo-step-undo{flex-basis:100%;min-width:0}
.lo-step .lo-why>summary{color:var(--ds-text-2);font-size:13px;cursor:pointer}
.lo-step .lo-why-more{display:flex;flex-direction:column;gap:6px;margin-top:6px;padding:10px 12px;border-radius:8px;background:var(--ds-surface-2);font-size:13px}
.lo-step .lo-basis{overflow-wrap:anywhere}
.lo-step .lo-made-line{display:block}
.lo-step-undo>[data-click-form]:not(:empty){margin-top:8px}
.lo-bypass{background:var(--ds-danger-soft);color:var(--ds-danger-text);font-weight:600}
.lo-confirm{flex-direction:column;align-items:stretch}
.lo-confirm ul{margin:6px 0 10px;padding-left:18px;list-style:disc}
.lo-nowrap{white-space:nowrap}

/* ---------- 사람이 맡을 일: a decision, a kept target, a waiting line, the ask line ---------- */
.lo-incident>.lx-inc-b{gap:12px}
/* A decision's head as v24 Lotse.html inc-h (UR25 A13): its name, its badges, whose it is and what is open as a grey
   line that wraps -- the owner and the team never cut -- and the due day at the end. */
.lo-incident-title{flex:0 1 auto;min-width:0;overflow-wrap:anywhere}
.lo-incident .lo-card-toggle{white-space:normal;text-align:left}
.lo-incident-title~*{flex:none}
.lo-incident-title~.lo-incident-facts{flex:0 1 auto;min-width:0;overflow-wrap:anywhere}
.lo-incident-due{white-space:nowrap}
[data-click-decisions]>[data-click-incident]{margin-top:0}
.lo-sec{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:14px}
.lo-sec>p,.lo-sec>small{margin:0}
.lo-sec+.lo-sec{padding-top:12px;border-top:1px solid var(--ds-line)}
.lo-acts{gap:8px}
/* 결정 필요: what a yes will run stands in the parts' inset, its head a label, and the buttons stand off from the
   words (PC 눈 대조 10-13: reason, change and buttons were one stack of the same weight in the narrow card). Every
   line is kept. */
.lo-incident .lo-sec>[data-click-frozen]{gap:4px;margin:4px 0;padding:12px 14px;border-radius:10px;background:var(--ds-surface-2)}
.lo-incident .lo-sec>[data-click-frozen]>small{color:var(--ds-text-3);font-size:13px}
.lo-incident .lo-sec>[data-click-frozen]>.lx-lbl{margin-top:4px}
.lo-incident .lo-sec>.lo-acts{margin-top:6px}
/* (PC 눈 대조 10-13 recheck-4 eye 03: the card still read as one run of small letters beside 한 일. Why Click raised it
   and why a person is asked are the card's own letters, not a label's; the standing note of the inset stands under a
   rule; the buttons a step further off.) */
.lo-incident .lo-sec[data-click-approval]{gap:8px}
.lo-incident .lo-sec[data-click-approval]>p.lx-lbl{color:var(--ds-text-2);font-size:14px;line-height:1.55}
.lo-incident .lo-sec>[data-click-frozen]>.lx-lbl{margin-top:8px;padding-top:8px;border-top:1px solid var(--ds-line);line-height:1.55}
.lo-incident .lo-sec[data-click-approval]>.lo-acts{margin-top:10px}
.lo-plan{display:flex;flex-direction:column;gap:10px}
.lo-plan-what{font-weight:400}
.lo-acts>[data-click-bundle]{margin:0 0 0 4px}
.lo-plan-summary{display:flex;flex-direction:column;gap:4px}
.lo-options{gap:8px}
.lo-opt{position:relative}
.lo-opt>input{position:absolute;width:1px;height:1px;margin:0;opacity:0}
.lo-opt:has(>input:checked){border-color:var(--ds-click);box-shadow:0 0 0 3px var(--ds-click-soft)}
.lo-opt:has(>input:checked) .lx-opt-n{background:var(--ds-click);color:var(--ds-surface)}
.lo-opt:has(>input:focus-visible){outline:2px solid var(--ds-focus);outline-offset:2px}
.lo-opt:has(>input:disabled){cursor:default}
.lo-opt-body{flex:1 1 0;min-width:0}
.lo-opt-body>b{display:inline}
.lo-not-offered>ul{margin:0;padding-left:18px;list-style:disc}
.lo-many>ul{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}
.lo-kept{display:flex;flex-direction:column;gap:6px;padding-top:12px;border-top:1px solid var(--ds-line)}
.lo-kept:first-child{padding-top:0;border-top:0}
.lo-kept>p{margin:0}
.lo-kept>.lx-row>.lx-grow{flex-basis:100%}
.lo-kept .lx-st{align-items:baseline;height:auto;min-height:18px;white-space:normal;overflow-wrap:anywhere}
.lo-kept>.lx-btn{align-self:flex-start}
.lo-wait-row{display:flex;flex-direction:column;gap:2px;padding:10px 0;border-top:1px solid var(--ds-line)}
.lo-wait-row:first-child{padding-top:0;border-top:0}
.lo-wait-row:last-child{padding-bottom:0}
.lo-wait-what{min-width:0;overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.lo-wait-more>summary{display:flex;padding:10px 0 0;border-top:1px solid var(--ds-line);color:var(--ds-text-2);font-size:13px}
.lo-wait-more[open]>summary{padding-bottom:0}
.lo-wait-open{font-weight:600}
button.lo-ask-open,button.lo-ask-open:is(:hover,:active,:focus,:disabled){min-height:46px}
.lo-ask-open>.lx-i{color:var(--ds-click-text)}
.lo-ask-go{width:38px;padding:0}
button.lo-ask-open{width:100%;padding:0 6px 0 14px;border:1px solid var(--ds-click-line);border-radius:12px;background:var(--ds-surface);color:var(--ds-text-3)}
button.lo-ask-open:hover{border-color:var(--ds-click);background:var(--ds-surface);color:var(--ds-click-text)}

/* ---------- the header's one input (⌘K) ---------- */
dialog.lt-cmd{width:min(640px,calc(100vw - 32px));max-height:min(560px,calc(100vh - 96px));margin:72px auto auto;padding:0;overflow:hidden;border:1px solid var(--ds-line);border-radius:14px;background:var(--ds-surface);box-shadow:var(--ds-shadow-pop)}
.lt-cmd-box{display:flex;flex-direction:column;max-height:inherit}
.lt-cmd-field{display:flex;align-items:center;flex:none;height:44px;margin:0;padding:0 14px;border-bottom:1px solid var(--ds-line)}
.lt-cmd-field>input{width:100%;height:auto;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--ds-text);font:400 15px/1.5 var(--ds-font);outline:0}
.lt-cmd-list{display:flex;flex-direction:column;gap:2px;min-height:0;padding:6px;overflow-y:auto}
button.lt-cmd-row,div.lt-cmd-row{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--ds-text)}
button.lt-cmd-row:is(:hover,[aria-selected="true"]){background:color-mix(in srgb,var(--ds-accent) 8%,transparent);color:var(--ds-text)}
.lt-cmd-kind{flex:none;min-width:64px;color:var(--ds-text-3);font-size:13px}
.lt-cmd-words{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lt-cmd-row.lt-cmd-ask{margin-top:4px;background:var(--ds-click-soft)}
.lt-cmd-row.lt-cmd-ask .lt-cmd-kind{color:var(--ds-click-text);font-weight:650}
button.lt-cmd-row.lt-cmd-ask:is(:hover,[aria-selected="true"]){background:var(--ds-click-soft);box-shadow:inset 0 0 0 1px var(--ds-click)}
.lt-cmd-row.lt-cmd-ask.lt-cmd-off{flex-wrap:wrap;color:var(--ds-text-2);font-size:13px}
.lt-cmd-note{margin:0;padding:8px 10px;color:var(--ds-text-3);font-size:13px}
.lt-cmd-keys{margin:0;padding:8px 16px;border-top:1px solid var(--ds-line);color:var(--ds-text-3);font-size:13px;line-height:1.5}

/* ---------- Click inside another screen ---------- */
.lo-target{display:flex;flex-direction:column;gap:6px}
.lo-target>p{margin:0}

/* The Click sheet's own parts where the shared parts (RF1) hold none: a fold, a table's box, a figure tile, a help
   mark, a block of the Agent's own text. The old generic classes (tag, inventory-note, empty, detail-section, so-fold,
   inline-details, toolbar-row, table-wrap, ov-metric) are no longer written by the Click files. */
.lo-fold{min-width:0}
.lo-fold>summary{display:inline-flex;align-items:center;gap:6px;min-height:24px;color:var(--ds-text-2);font-size:13px;font-weight:500;cursor:pointer;list-style:none}
.lo-fold>summary::-webkit-details-marker{display:none}
.lo-fold>summary::before{content:"";flex:none;width:5px;height:5px;margin:0 2px 1px 1px;border-right:1.5px solid var(--ds-text-3);border-bottom:1.5px solid var(--ds-text-3);transform:rotate(-45deg);transition:transform var(--ds-dur-fast) var(--ds-ease)}
.lo-fold[open]>summary::before{margin-bottom:3px;transform:rotate(45deg)}
.lo-fold[open]>summary{margin-bottom:6px}
.lo-fold-in{display:contents}
.lo-fold-in::details-content{display:contents}
.lo-fold-in:not([open])>:not(summary){display:none}
.lo-fold-in>summary{height:24px;min-height:0;vertical-align:top;color:var(--ds-text-3)}
.lo-fold-in[open]>summary{margin-bottom:0}
.lo-fold-in[open]>:not(summary){display:block;contain:inline-size;max-width:100%;margin:6px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;text-align:left}
.lo-fold-list{display:flex;flex-direction:column;gap:2px;margin:0;padding:0 0 0 14px;list-style:none;font-size:13px}
.lo-fold-card{padding:12px 16px;border:1px solid var(--ds-line);border-radius:12px;background:var(--ds-surface)}
.lo-fold-card>summary{display:flex;flex-wrap:wrap;gap:6px 10px;min-height:22px;color:var(--ds-text);font-size:14px;font-weight:400}
.lo-fold-card>summary::before{order:9;margin:0 4px 3px auto;width:6px;height:6px;transform:rotate(45deg)}
.lo-fold-card[open]>summary::before{margin-bottom:-3px;transform:rotate(-135deg)}
.lo-table{min-width:0;overflow-x:auto;border:1px solid var(--ds-line);border-radius:12px;background:var(--ds-surface)}
.lo-table>table.lx-t :is(th,td):first-child{padding-left:16px}
.lo-table>table.lx-t :is(th,td):last-child{padding-right:16px}
.lo-table+.lx-lbl{margin-top:8px}
.lo-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:4px;min-width:0;padding:8px;border:1px solid var(--ds-line);border-radius:12px;background:var(--ds-surface)}
.lo-tile>span:first-child{color:var(--ds-text-3);font-size:13px}
.lo-tile>strong{color:var(--ds-text);font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.2;font-variant-numeric:tabular-nums}
button.lo-help,button.lo-help:is(:hover,:focus,:active){display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;min-height:0;margin:0 0 0 4px;padding:0;border:1px solid var(--ds-line-strong);border-radius:50%;background:var(--ds-surface);color:var(--ds-text-3);font:600 11px/1 var(--ds-font);box-shadow:none;cursor:help;vertical-align:middle}
.lo-pre{margin:0;overflow:auto;font:400 13px/1.55 var(--ds-font-mono);white-space:pre-wrap;overflow-wrap:anywhere}
.lo-check{align-items:flex-start;font-size:14px;line-height:1.5}
.lo-reason{color:var(--ds-text)}
:is(.lo-activity,.lo-patrol,.lo-autonomy,.lo-control) .lx-row>[role="status"]:has(>:is(.lo-said-line,.lx-empty)){flex:1 0 100%;min-width:0}
.lo-savebar:has([data-click-pending]:not([data-click-pending="0"])) .lx-row:has(>[role="status"]:not(:empty)){display:contents}
.lo-savebar:has([data-click-pending]:not([data-click-pending="0"])) .lx-row:has(>[role="status"]:not(:empty))>[data-click-save]{margin-right:12px}
.lo-savebar:has([data-click-pending]:not([data-click-pending="0"])) .lx-row>[role="status"]:not(:empty){flex:1 0 100%;min-width:0}
.lo-patrol .lt-plan,.lo-patrol .lt-plan[data-click-patrol-verdict]{margin:0;padding:20px;border:1px solid var(--ds-line);border-radius:12px;box-shadow:none}
.lo-autonomy .lo-safety{padding:20px;border:1px solid var(--ds-line);border-radius:12px;background:var(--ds-surface)}
.lo-autonomy .lo-bypass{margin:0;padding:10px 14px;border-radius:10px;font-size:13px;font-weight:500;line-height:1.5}
.lo-autonomy p.lo-bypass[data-click-bypass-count="0"],.lo-autonomy p.lo-bypass[data-click-bypass-count="unknown"]{background:var(--ds-surface-2);color:var(--ds-text-2)}
/* Inside the frame's page (RF2 main.lx-page) the four pages add no padding of their own: one margin, the frame's. */
main.lx-page .lx-page:is(.lo-activity,.lo-patrol,.lo-autonomy,.lo-control){padding:0}
/* What an approval will run: a short list in the card's own letters (명세 8.7; PC3) */
.lo-call{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;font-size:14px;line-height:1.5}
[data-click-frozen] code{padding:0;border:0;background:none;color:inherit;font:inherit}
/* Click에게 묻기 (the header's panel, click-ask.js): the panel part's shape as a dialog at the right edge */
dialog.lt-ask-dialog{position:fixed;inset:0 0 0 auto;display:none;flex-direction:column;gap:16px;width:min(560px,100vw);max-width:100vw;height:100vh;max-height:100vh;margin:0;padding:20px 22px 32px;overflow-y:auto;border:0;border-left:1px solid var(--ds-line);border-radius:0;background:var(--ds-surface);color:var(--ds-text);box-shadow:none}
dialog.lt-ask-dialog[open]{display:flex}
dialog.lt-ask-dialog::backdrop{background:rgba(15,23,42,.28)}
.lt-ask-over{color:var(--ds-click-text);font-weight:600}
#click-ask-dialog .lt-ask-bar button.lx-btn-s{height:28px;min-height:0}
#click-ask-dialog .lt-ask-bar select.lx-in{height:34px;min-height:34px}
#click-ask-dialog .lt-ask-field textarea.lx-in{min-height:96px}
/* The window's parts apart from each other: the purpose, the conversation's line, the examples, the turns, the
   question at its foot. The older sheet's rules for these stood on the window's id; the same weight here, later. */
#click-ask-dialog .lt-ask{display:flex;flex-direction:column;gap:16px}
#click-ask-dialog .lt-ask>*{margin:0}
#click-ask-dialog .lt-ask-field{display:flex;flex-direction:column;gap:6px;min-width:0;color:var(--ds-text-2);font-size:13px;font-weight:600}
#click-ask-dialog .lt-ask-purpose{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding:14px 16px;border:1px solid var(--ds-line);border-radius:12px;background:var(--ds-surface)}
#click-ask-dialog .lt-ask-purpose>.lx-lbl{grid-column:1 / -1}
#click-ask-dialog .lt-ask-bar{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:12px}
#click-ask-dialog .lt-ask-chips{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
#click-ask-dialog .lt-ask-chips>small{color:var(--ds-text-2);font-size:13px;font-weight:600}
#click-ask-dialog .lt-ask-chips>button.lx-btn{max-width:100%;height:auto;min-height:30px;padding:0 12px;border-radius:999px;font-weight:500;text-align:left;white-space:normal;overflow-wrap:anywhere}
#click-ask-dialog [data-click-ask-log]{display:flex;flex-direction:column;gap:12px}
/* A turn is one card: the question at its head, the answer in the card's own face, then what was done and how. */
#click-ask-dialog .lt-ask-turn{margin:0;padding:12px 16px;border:1px solid var(--ds-line);border-radius:12px;background:var(--ds-surface)}
#click-ask-dialog .lt-ask-turn .lt-ask-asked{margin:0 0 8px;font-size:14px}
#click-ask-dialog .lt-ask-turn [data-click-ask-answer]{padding:0;border:0;border-radius:0;background:none;box-shadow:none}
#click-ask-dialog .lt-ask-turn [data-click-ask-meta]{margin:8px 0 0}
#click-ask-dialog .lt-ask-send{gap:8px 12px}
#click-ask-dialog .lt-ask-send>[role="status"]{color:var(--ds-text-2);font-size:13px}
#click-ask-dialog .lt-ask-instead{display:flex;flex-direction:column;gap:8px}
#click-ask-dialog .lt-ask-instead ul{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}
#click-ask-dialog .lt-ask-instead li{color:var(--ds-text-2);font-size:14px}
/* 할 일 한 건 옆의 Click Agent 칸 and 오늘 요약 (click-side.js): one face. A 조치안 inside the 칸 is the 칸's own
   content, not a second box with a second head. */
.lt-side,.lt-today{display:flex;flex-direction:column;gap:8px}
.lt-side>[data-click-side-said]:empty{display:none}
.lt-side>.lo-plan,.lt-side .lx-click.lo-plan{padding:0;border:0;border-radius:0;background:none}
.lt-side .lx-click.lo-review{display:flex;flex-direction:column;gap:6px;padding:0;border:0;border-radius:0;background:none}
.lt-side .lo-plan>.lx-click-h>span:first-child:not(.lx-lbl){display:none}
/* Drawn where the head names itself (현황's 내 Task, 활동): Click 제안 is one line and what it proposes goes under it
   where the column is narrow, as v24 Main's Click 제안 over its sentence (FB-008: 1440 and 1920 현황 drew 「Click / 제안」
   on two lines beside the long line). */
.lo-plan>.lx-click-h{flex-wrap:wrap}
.lo-plan>.lx-click-h>span:first-child:not(.lx-lbl){flex:none}
/* (when it was asked is one unit there: 1536 drew 「… 2026. 10. 19. 오후」 over 「6:50」) */
.lo-plan-what>time{white-space:nowrap}
.lt-side .lx-card{padding:12px 14px}
.lt-today ol{display:flex;flex-direction:column;gap:4px;margin:0;padding:0 0 0 20px;list-style:decimal;font-size:14px}
.lt-today [data-click-today-sentences]{font-size:14px;line-height:1.5}
.lt-today .lt-today-list [data-click-today-reason]{max-width:100%;vertical-align:middle}
/* Rows that say something between the records (a restart, quiet patrols), and what a row's errors say in full */
.lo-table .lt-patrols tr:is(.lt-restart,.lt-quiet)>td{background:var(--ds-surface-2);color:var(--ds-text-2);font-size:13px;white-space:normal}
.lo-table .lt-patrols tr.lt-restart b{color:var(--ds-text)}
.lo-table td[data-click-errors]{white-space:normal}
.lo-table td[data-click-errors]>.lo-said-line{margin:0}
.lo-table td[data-click-errors]>.lo-said-line+.lo-said-line{margin-top:4px}
.lo-table .lt-batches td{vertical-align:top}
.lo-table .lt-batches td:last-child{white-space:normal}
/* 등록·허용 정책·키 on one face: a scope inside it keeps a rule above, not a box in a box */
.lt-registration>.lx-card{margin:12px 0 0;padding:12px 0 0;border:0;border-top:1px solid var(--ds-line);border-radius:0;background:none;box-shadow:none}
.lt-filter-said{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0 0 8px}
/* 승인 대기 and 판단 필요 above 한 일 are lists as 한 일 is (v24 Lotse.dc.html:89-121): a head, then the decision cards, no
   box round them; one under the other, side by side once the page is wide (UR28 C08) */
.lo-activity [data-click-hand-top]{display:grid;grid-template-columns:minmax(0,1fr);gap:16px 24px;align-items:start}
.lo-activity [data-click-hand-top]>.lo-part{padding:0;border:0;border-radius:0;background:transparent}
.lo-activity [data-click-hand-top]>.lx-note{margin:0}
@media (max-width:720px){
  .lo-state .lx-cols{grid-template-columns:minmax(0,1fr)}
  .lo-card>.lx-inc-h{flex-wrap:wrap}
  .lo-card-sub{flex-basis:100%}
}
/* v24 Lotse.html (UR30-23): the three facts are one card of three stats under the first line, each its label, its
   value and one sub line; the decisions stand over 한 일 on the left; 조치 권한 closes the right column. */
.lo-activity>.lo-state{padding:8px}
.lo-activity>.lo-state .lo-state-cell{gap:6px}
.lo-activity>.lo-state .lo-state-value{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:14px;font-weight:700}
.lo-activity>.lo-state [data-click-state-cell="today"] .lo-state-value .lx-fig-s{font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.2}
.lo-left,.lo-hand{min-width:0;gap:20px}
.lo-left{gap:12px}
.lo-activity .lo-first>[data-click-lede]:empty{display:none}
.lo-activity .lo-first>.lo-counts{flex:1 1 360px;min-width:0}
.lo-activity .lo-filter>.lo-kinds{flex:0 1 auto}
/* One line of filters (v24 Lotse.html, 명세 8.7-3): the period and CSV at the chips' right end, the search a short field
   after them; on a line of their own when the width is short, the period and CSV keep to the right (UR17-9b). */
.lo-activity .lo-filter>.lo-filter-end{margin-left:auto;gap:8px;flex:none}
.lo-activity .lo-filter-end>.lo-period{display:flex;margin:0}
.lo-activity .lo-filter>.lt-seek{flex:0 1 220px;min-width:150px}
.lo-activity .lo-filter>.lt-seek>.lx-find{flex:1 1 100px}
.lo-scope-rows{gap:10px}
.lo-scope-row{justify-content:space-between;align-items:flex-start;gap:12px}
.lo-scope-tools{text-align:right;font-size:13px}
.lo-scope-rule{margin:14px 0 0}
.lo-did-empty{margin:0}
@media (max-width:1100px){
  .lo-activity .lo-two{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:720px){
  .lo-activity>.lo-state .lx-cols{grid-template-columns:minmax(0,1fr)}
}
/* Task's panel: the Agent's sentence over the options and what the option shown runs under them (UR18-2b, v24 Todo). */
.lo-plan-lead{margin:0}
.lo-runs{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:8px;background:var(--ds-surface-2)}
.lo-runs[hidden]{display:none}