/* Standalone page: no framework or host runtime required. */
:root {
  color-scheme: light dark;
  background: light-dark(#F5F5F5, #161616);
}
body {
  margin: 0;
  padding: 16px;
  min-width: 288px;
}
.app-frame {
  max-width: 1280px;
  margin: 0 auto;
}
.cursor-interaction {
  cursor: pointer;
}
@media (max-width: 620px) {
  body { padding: 0; }
}

/* AOI-Inc/AIDocumentWorks: webapp/design-system/colors_and_type.css.
   Product tokens are scoped here; dark surfaces reuse its neutral palette. */
#aoi-workbench{
  --color-brand:#155FDF;
  --color-brand-hover:#104AAD;
  --color-brand-soft:light-dark(#E8EFFC,color-mix(in srgb,#155FDF 18%,#1E1E1E));
  --color-bg-default:light-dark(#FFFFFF,#1E1E1E);
  --color-bg-secondary:light-dark(#FAFAFA,#2C2C2C);
  --color-bg-tertiary:light-dark(#F5F5F5,#333333);
  --color-fg-primary:light-dark(#333333,#F5F5F5);
  --color-fg-secondary:light-dark(#757575,#B5B5B5);
  --color-fg-link:light-dark(#155FDF,#48A0F3);
  --color-border-subtle:light-dark(#E3E3E3,#333333);
  --color-border-primary:light-dark(#D0D0D0,#757575);
  --color-border-focus:#48A0F3;
  --color-warning-strong:light-dark(#B8821A,#F5C180);
  --color-warning-bg:light-dark(#FDF4DD,color-mix(in srgb,#EDAC28 12%,#1E1E1E));
  --color-error-strong:light-dark(#B82424,#FF7E69);
  --color-positive-strong:light-dark(#2F9976,#5DC0A1);
  --ao-bg:var(--color-bg-default);
  --ao-soft:var(--color-bg-secondary);
  --ao-ink:var(--color-fg-primary);
  --ao-sub:var(--color-fg-secondary);
  --ao-line:var(--color-border-subtle);
  --ao-link:var(--color-fg-link);
  --ao-warn:var(--color-warning-strong);
  --ao-warn-bg:var(--color-warning-bg);
  --ao-red:var(--color-error-strong);
  --ao-good:var(--color-positive-strong);
  font:14px/1.6 "Noto Sans JP","Hiragino Kaku Gothic Pro","Hiragino Sans",Meiryo,sans-serif;
  color:var(--ao-ink);
  background:var(--ao-bg);
  border:1px solid var(--ao-line);
  border-radius:8px;
  overflow:hidden;
  text-align:left
}
#aoi-workbench *{
  box-sizing:border-box
}
#aoi-workbench [hidden]{
  display:none!important
}
#aoi-workbench button,#aoi-workbench input,#aoi-workbench select,#aoi-workbench textarea{
  font:inherit;
  color:inherit
}
#aoi-workbench button{
  background:var(--ao-bg);
  border:1px solid var(--ao-line);
  border-radius:4px;
  padding:6px 11px;
  text-align:left
}
#aoi-workbench button:hover{
  background:var(--ao-soft)
}
#aoi-workbench button:disabled{
  opacity:.5;
  cursor:not-allowed
}
#aoi-workbench button:focus-visible,#aoi-workbench input:focus-visible,#aoi-workbench textarea:focus-visible{
  outline:2px solid var(--ao-link);
  outline-offset:3px
}
#aoi-workbench .primary{
  background:var(--ao-ink);
  color:var(--ao-bg);
  border-color:var(--ao-ink)
}
#aoi-workbench .primary:hover{
  opacity:.85
}
#aoi-workbench .text-button{
  border:0;
  padding:0;
  background:transparent;
  color:var(--ao-link);
  text-decoration:underline;
  text-underline-offset:3px
}
#aoi-workbench .quiet{
  color:var(--ao-sub)
}
#aoi-workbench .small{
  font-size:12px
}
#aoi-workbench strong{
  font-weight:600
}
#aoi-workbench h2{
  font-size:22px;
  font-weight:600;
  margin:0 0 6px;
  line-height:1.4
}
#aoi-workbench h3{
  font-size:15px;
  font-weight:600;
  margin:0 0 12px
}
#aoi-workbench p{
  margin:5px 0 12px
}
#aoi-workbench .row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:9px
}
#aoi-workbench .spread{
  justify-content:space-between
}
#aoi-workbench .top{
  padding:17px 105px 17px 20px;
  border-bottom:1px solid var(--ao-line);
  display:flex;
  gap:20px;
  align-items:center;
  flex-wrap:wrap
}
#aoi-workbench .brand{
  letter-spacing:.06em;
  font-weight:600
}
#aoi-workbench .sample{
  padding:7px 20px;
  background:var(--ao-soft);
  color:var(--ao-sub);
  font-size:12px;
  border-bottom:1px solid var(--ao-line)
}
#aoi-workbench .shell{
  display:grid;
  grid-template-columns:145px minmax(0,1fr)
}
#aoi-workbench nav{
  padding:20px 10px;
  border-right:1px solid var(--ao-line);
  background:var(--ao-soft)
}
#aoi-workbench nav button{
  display:block;
  width:100%;
  margin-bottom:7px;
  border:0;
  background:transparent;
  padding:9px 10px
}
#aoi-workbench nav button[aria-current="page"]{
  background:var(--ao-bg);
  font-weight:600;
  box-shadow:0 0 0 1px var(--ao-line)
}
#aoi-workbench nav .nav-note{
  padding:20px 10px;
  font-size:12px;
  color:var(--ao-sub)
}
#aoi-workbench main{
  min-width:0;
  padding:25px 24px 28px
}
#aoi-workbench .page-head{
  margin-bottom:20px
}
#aoi-workbench .filters{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:17px 0
}
#aoi-workbench .filters button[aria-pressed="true"]{
  background:var(--ao-ink);
  color:var(--ao-bg);
  border-color:var(--ao-ink)
}
#aoi-workbench .table-wrap{
  overflow-x:auto
}
#aoi-workbench table{
  border-collapse:collapse;
  width:100%;
  font-size:13px
}
#aoi-workbench th{
  font-weight:500;
  font-size:12px;
  color:var(--ao-sub);
  text-align:left;
  border-bottom:1px solid var(--ao-line);
  padding:10px 9px;
  background:var(--ao-soft);
  vertical-align:bottom
}
#aoi-workbench td{
  padding:15px 9px;
  border-bottom:1px solid var(--ao-line);
  vertical-align:top
}
#aoi-workbench td p{
  margin:3px 0
}
#aoi-workbench .cases{
  min-width:685px
}
#aoi-workbench .num{
  font-variant-numeric:tabular-nums
}
#aoi-workbench .tag{
  display:inline-block;
  font-size:11px;
  padding:1px 6px;
  border:1px solid var(--ao-line);
  border-radius:3px;
  white-space:nowrap
}
#aoi-workbench .ai{
  border-style:dashed;
  color:var(--ao-link)
}
#aoi-workbench .human{
  border-style:solid
}
#aoi-workbench .warning{
  color:var(--ao-warn)
}
#aoi-workbench .error{
  color:var(--ao-red)
}
#aoi-workbench .good{
  color:var(--ao-good)
}
#aoi-workbench .notice{
  background:var(--ao-warn-bg);
  padding:12px 14px;
  border-left:3px solid var(--ao-warn);
  margin:14px 0
}
#aoi-workbench .summary-line{
  display:flex;
  gap:25px;
  flex-wrap:wrap;
  padding:14px 0;
  border-top:1px solid var(--ao-line);
  border-bottom:1px solid var(--ao-line);
  margin:16px 0
}
#aoi-workbench .summary-line>div{
  min-width:130px
}
#aoi-workbench .summary-line strong{
  display:block;
  font-size:18px
}
#aoi-workbench .two-col{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(245px,.9fr);
  gap:24px;
  align-items:start
}
#aoi-workbench .side{
  border-left:1px solid var(--ao-line);
  padding-left:20px;
  min-width:0
}
#aoi-workbench .timeline{
  list-style:none;
  padding:0;
  margin:0
}
#aoi-workbench .timeline li{
  display:grid;
  grid-template-columns:68px minmax(0,1fr);
  gap:10px;
  padding:13px 0;
  border-bottom:1px solid var(--ao-line)
}
#aoi-workbench time{
  font-size:12px;
  color:var(--ao-sub);
  font-variant-numeric:tabular-nums
}
#aoi-workbench .timeline .event-title{
  font-weight:600;
  margin-bottom:3px
}
#aoi-workbench .timeline .explain{
  font-size:12px;
  color:var(--ao-sub);
  margin:4px 0
}
#aoi-workbench .timeline li.selected{
  background:var(--ao-soft);
  margin:0 -9px;
  padding:13px 9px
}
#aoi-workbench .facts{
  display:grid;
  grid-template-columns:105px minmax(0,1fr);
  gap:9px 12px;
  margin:12px 0;
  font-size:13px
}
#aoi-workbench .facts dt{
  color:var(--ao-sub)
}
#aoi-workbench .facts dd{
  margin:0;
  overflow-wrap:anywhere
}
#aoi-workbench blockquote{
  margin:12px 0;
  padding:10px 13px;
  border-left:2px solid var(--ao-line);
  background:var(--ao-soft);
  font-size:13px
}
#aoi-workbench details{
  border-top:1px solid var(--ao-line);
  padding:12px 0;
  margin-top:12px
}
#aoi-workbench summary{
  cursor:pointer;
  font-size:13px;
  color:var(--ao-link)
}
#aoi-workbench .trail{
  font-size:12px;
  color:var(--ao-sub);
  margin:0 0 12px
}
#aoi-workbench .approval-item{
  padding:17px 0;
  border-bottom:1px solid var(--ao-line);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center
}
#aoi-workbench .approval-item p{
  margin:3px 0;
  font-size:13px
}
#aoi-workbench .diff{
  font-size:22px;
  padding:17px 0;
  border-top:1px solid var(--ao-line);
  border-bottom:1px solid var(--ao-line)
}
#aoi-workbench .diff .old{
  color:var(--ao-sub)
}
#aoi-workbench label{
  display:block;
  font-size:13px;
  margin:12px 0 5px
}
#aoi-workbench input,#aoi-workbench select,#aoi-workbench textarea{
  border:1px solid var(--ao-line);
  border-radius:4px;
  background:var(--ao-bg);
  padding:8px;
  max-width:100%
}
#aoi-workbench textarea{
  width:100%;
  min-height:70px;
  resize:vertical
}
#aoi-workbench .actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:17px
}
#aoi-workbench .metrics{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  padding:19px 0;
  border-top:1px solid var(--ao-line);
  border-bottom:1px solid var(--ao-line)
}
#aoi-workbench .metrics strong{
  display:block;
  font-size:25px;
  font-weight:500;
  margin:5px 0
}
#aoi-workbench .meter{
  height:17px;
  background:var(--ao-soft);
  display:flex;
  margin:18px 0 8px
}
#aoi-workbench .meter .actual{
  background:var(--ao-ink);
  width:25.263%
}
#aoi-workbench .meter .forecast{
  background:var(--ao-sub);
  opacity:.65;
  width:50.526%
}
#aoi-workbench .legend{
  font-size:12px;
  color:var(--ao-sub);
  display:flex;
  gap:20px;
  flex-wrap:wrap
}
#aoi-workbench .rule-detail{
  margin-top:22px;
  border-top:1px solid var(--ao-line);
  padding-top:18px
}
#aoi-workbench .empty{
  padding:30px 18px;
  border:1px dashed var(--ao-line);
  text-align:center;
  margin:20px 0
}
#aoi-workbench .source-box{
  padding:13px;
  background:var(--ao-soft);
  margin:12px 0
}
#aoi-workbench .status-output{
  padding:12px;
  background:var(--ao-soft);
  margin-top:14px
}
#aoi-workbench .foot{
  font-size:12px;
  color:var(--ao-sub);
  margin-top:22px
}
#aoi-workbench ul.compact{
  padding-left:18px;
  margin:8px 0
}
#aoi-workbench ul.compact li{
  margin:5px 0
}
@media(max-width:760px){
  #aoi-workbench .shell{
    grid-template-columns:1fr
  }
  #aoi-workbench nav{
    display:flex;
    flex-wrap:wrap;
    gap:4px;
    border-right:0;
    border-bottom:1px solid var(--ao-line);
    padding:9px
  }
  #aoi-workbench nav button{
    width:auto;
    margin:0;
    font-size:12px
  }
  #aoi-workbench nav .nav-note{
    display:none
  }
  #aoi-workbench main{
    padding:20px 16px
  }
  #aoi-workbench .two-col{
    grid-template-columns:1fr
  }
  #aoi-workbench .side{
    border-left:0;
    border-top:1px solid var(--ao-line);
    padding:18px 0 0
  }
  #aoi-workbench .metrics{
    grid-template-columns:1fr
  }
  #aoi-workbench .metrics>div{
    border-bottom:1px solid var(--ao-line);
    padding-bottom:10px
  }
  #aoi-workbench .metrics>div:last-child{
    border:0
  }
  #aoi-workbench .approval-item{
    grid-template-columns:1fr
  }
  #aoi-workbench .top{
    padding:14px 95px 14px 16px;
    gap:5px
  }
  #aoi-workbench .summary-line{
    gap:15px
  }
  #aoi-workbench .facts{
    grid-template-columns:92px minmax(0,1fr)
  }
}
#aoi-workbench .top{
  padding:16px 96px 16px 24px;
  gap:24px
}
#aoi-workbench .brand{
  color:var(--ao-link);
  font-family:Inter,sans-serif
}
#aoi-workbench .sample{
  padding:8px 24px;
  background:var(--color-bg-secondary)
}
#aoi-workbench nav{
  background:var(--ao-bg);
  padding:24px 8px
}
#aoi-workbench nav button{
  padding:12px 8px;
  margin-bottom:8px
}
#aoi-workbench nav button[aria-current="page"]{
  color:var(--ao-link);
  background:var(--color-brand-soft);
  box-shadow:none
}
#aoi-workbench nav .nav-note{
  padding:24px 8px
}
#aoi-workbench main{
  padding:24px
}
#aoi-workbench h2{
  font-size:24px;
  letter-spacing:-.03em
}
#aoi-workbench .primary{
  background:var(--color-brand);
  color:#FFFFFF;
  border-color:var(--color-brand);
  padding:8px 16px
}
#aoi-workbench .primary:hover{
  background:var(--color-brand-hover);
  opacity:1
}
#aoi-workbench button:focus-visible,#aoi-workbench select:focus-visible{
  outline:2px solid var(--color-border-focus);
  outline-offset:3px
}
#aoi-workbench .text-button{
  text-decoration:none
}
#aoi-workbench .text-button:hover{
  text-decoration:underline;
  background:transparent
}
#aoi-workbench .tag{
  border-radius:4px;
  padding:2px 8px;
  font-size:12px
}
#aoi-workbench .filter-bar{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:16px;
  margin:24px 0 16px
}
#aoi-workbench .filters{
  gap:8px;
  margin:0;
  flex-wrap:wrap
}
#aoi-workbench .filters button{
  padding:4px 12px;
  border-radius:9999px;
  min-height:32px;
  font-size:12px;
  border-color:var(--color-border-primary)
}
#aoi-workbench .filters button[aria-pressed="true"]{
  background:var(--color-brand-soft);
  color:var(--ao-link);
  border-color:var(--ao-link)
}
#aoi-workbench .filter-number{
  margin-left:4px;
  font-variant-numeric:tabular-nums
}
#aoi-workbench .owner-filter label{
  margin:0 0 4px;
  color:var(--ao-sub);
  font-size:12px
}
#aoi-workbench .owner-filter select{
  height:40px;
  min-width:152px;
  border-color:var(--color-border-primary);
  padding:8px 12px
}
#aoi-workbench .cases{
  min-width:740px
}
#aoi-workbench th{
  height:40px;
  padding:8px;
  font-weight:600
}
#aoi-workbench td{
  padding:16px 8px
}
#aoi-workbench .cases tbody tr:hover{
  background:var(--ao-soft)
}
#aoi-workbench .review-tag{
  margin-bottom:4px
}
#aoi-workbench .review-tag.approval{
  color:var(--ao-link);
  background:var(--color-brand-soft);
  border-color:transparent
}
#aoi-workbench .review-tag.confirmation{
  color:var(--ao-warn);
  background:var(--ao-warn-bg);
  border-color:transparent
}
#aoi-workbench .review-tag.attention{
  color:var(--ao-warn);
  background:var(--ao-warn-bg);
  border-color:transparent
}
#aoi-workbench .review-tag.undecided{
  color:var(--ao-sub);
  border-style:dashed
}
#aoi-workbench .attention-filters{
  align-items:center;
  margin:0 0 12px
}
#aoi-workbench .timeline li.selected{
  background:var(--color-brand-soft)
}
#aoi-workbench .meter .actual{
  background:var(--color-brand)
}
#aoi-workbench .meter .forecast{
  background:var(--color-brand-soft);
  opacity:1
}
#aoi-workbench .journey{
  margin:24px 0;
  border-top:1px solid var(--ao-line);
  border-bottom:1px solid var(--ao-line);
  padding:16px 0
}
#aoi-workbench .stage-list{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  list-style:none;
  margin:16px 0 0;
  padding:0;
  gap:4px
}
#aoi-workbench .stage-list li{
  padding:8px 4px;
  border-bottom:3px solid var(--ao-line);
  color:var(--ao-sub);
  min-width:0;
  font-size:12px
}
#aoi-workbench .stage-list .stage-no{
  font-variant-numeric:tabular-nums;
  display:block;
  margin-bottom:4px
}
#aoi-workbench .stage-list .stage-name{
  display:block;
  line-height:1.5;
  overflow-wrap:anywhere
}
#aoi-workbench .stage-list li.current{
  background:var(--color-brand-soft);
  border-bottom-color:var(--color-brand);
  color:var(--ao-link);
  font-weight:600;
  border-radius:4px 4px 0 0
}
#aoi-workbench .stage-list li.past{
  color:var(--ao-ink);
  border-bottom-color:var(--color-border-primary)
}
#aoi-workbench .stage-next{
  display:flex;
  flex-wrap:wrap;
  gap:8px 16px;
  margin-top:16px;
  font-size:13px
}
#aoi-workbench .stage-next strong{
  color:var(--ao-ink)
}
#aoi-workbench .stage-meta{
  font-size:12px;
  color:var(--ao-sub);
  margin-top:8px
}
#aoi-workbench .stage-readout{
  border-left:2px solid var(--color-brand);
  padding-left:12px;
  margin-top:12px;
  font-size:13px
}
#aoi-workbench .owner-name{
  white-space:nowrap
}
#aoi-workbench .detail-owner{
  font-size:13px;
  color:var(--ao-sub);
  margin-top:8px
}
@media(max-width:760px){
  #aoi-workbench nav{
    padding:8px
  }
  #aoi-workbench nav button{
    margin:0;
    padding:8px
  }
  #aoi-workbench main{
    padding:16px
  }
  #aoi-workbench .top{
    padding:16px 96px 16px 16px;
    gap:8px
  }
  #aoi-workbench .stage-list{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px
  }
  #aoi-workbench .filter-bar{
    align-items:flex-start
  }
  #aoi-workbench .filters{
    order:2;
    width:100%
  }
}
@media(max-width:400px){
  #aoi-workbench .stage-list{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}
#aoi-workbench .list-scope{
  margin:0 0 16px
}
#aoi-workbench .list-scope label{
  margin:0;
  font-size:12px;
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap
}
#aoi-workbench .list-scope select{
  width:auto;
  max-width:100%;
  padding:6px 10px
}
#aoi-workbench .dash-totals{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  border-block:1px solid var(--ao-line);
  padding:18px 0
}
#aoi-workbench .dash-totals button{
  border:0;
  padding:0;
  background:transparent
}
#aoi-workbench .dash-totals strong{
  display:block;
  font-size:30px;
  line-height:1.4;
  font-variant-numeric:tabular-nums
}
#aoi-workbench .dash-totals .small{
  display:block;
  color:var(--ao-sub)
}
#aoi-workbench .dash-totals button:hover strong{
  color:var(--ao-link)
}
#aoi-workbench .dash-section{
  padding-top:28px
}
#aoi-workbench .dash-section+.dash-section{
  margin-top:24px;
  border-top:1px solid var(--ao-line)
}
#aoi-workbench .dash-section h3{
  font-size:16px;
  margin-bottom:8px
}
#aoi-workbench .stage-chart{
  margin:18px 0
}
#aoi-workbench .stage-bar-row{
  display:grid;
  grid-template-columns:160px minmax(50px,1fr) 45px 70px;
  gap:10px;
  align-items:center;
  margin:10px 0;
  font-size:12px
}
#aoi-workbench .stage-bar-track{
  height:13px;
  background:var(--ao-soft);
  display:flex;
  overflow:hidden
}
#aoi-workbench .stage-bar-total{
  height:100%;
  background:var(--color-brand);
  display:flex;
  justify-content:flex-end
}
#aoi-workbench .stage-bar-stalled{
  height:100%;
  background:var(--color-warning-strong)
}
#aoi-workbench .stage-bar-row button{
  font-size:12px;
  padding:4px 2px;
  text-align:right;
  border:0;
  background:transparent;
  color:var(--ao-link)
}
#aoi-workbench .stage-bar-row button:hover{
  text-decoration:underline
}
#aoi-workbench .stage-bar-row .warning{
  color:var(--ao-warn)
}
#aoi-workbench .owner-table{
  min-width:640px
}
#aoi-workbench .owner-table th:nth-child(2),#aoi-workbench .owner-table td:nth-child(2),#aoi-workbench .owner-table th:nth-child(3),#aoi-workbench .owner-table td:nth-child(3),#aoi-workbench .owner-table th:nth-child(4),#aoi-workbench .owner-table td:nth-child(4){
  text-align:right;
  white-space:nowrap
}
#aoi-workbench .world-tabs{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:16px 0
}
#aoi-workbench .world-tabs button[aria-pressed="true"]{
  color:var(--ao-link);
  background:var(--color-brand-soft);
  border-color:var(--ao-link)
}
#aoi-workbench .world-canvas{
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-rows:minmax(84px,auto);
  gap:44px 54px;
  margin:24px 0
}
#aoi-workbench .world-node{
  position:relative;
  z-index:1;
  width:100%;
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  background:var(--ao-bg);
  padding:8px 12px;
  border-color:var(--color-border-primary);
  line-height:1.5
}
#aoi-workbench .world-node strong{
  font-size:13px
}
#aoi-workbench .world-node span{
  font-size:11px;
  color:var(--ao-sub)
}
#aoi-workbench .world-node[aria-pressed="true"]{
  background:var(--color-brand-soft);
  border-color:var(--color-brand);
  color:var(--ao-link)
}
#aoi-workbench .world-node[data-node="operator"]{
  border-style:dashed
}
#aoi-workbench .world-node[data-node="human"]{
  border-width:2px
}
#aoi-workbench .world-edges{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
  pointer-events:none
}
#aoi-workbench .world-edges path{
  fill:none;
  stroke:var(--color-border-primary);
  stroke-width:1.4
}
#aoi-workbench .world-edges path.related{
  stroke:var(--ao-link)
}
#aoi-workbench .world-edges text{
  fill:var(--ao-sub);
  font:11px "Noto Sans JP",sans-serif
}
#aoi-workbench .world-edges rect{
  fill:var(--ao-bg)
}
#aoi-workbench .world-edges marker path{
  fill:var(--color-border-primary);
  stroke:none
}
#aoi-workbench .world-mobile{
  display:none
}
#aoi-workbench .definition-detail{
  border-top:1px solid var(--ao-line);
  padding:20px 0 8px
}
#aoi-workbench .definition-detail h3{
  font-size:17px
}
#aoi-workbench .definition-columns{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
  gap:24px
}
#aoi-workbench .definition-columns .facts{
  grid-template-columns:82px minmax(0,1fr)
}
#aoi-workbench .definition-columns .source-box{
  margin-top:0
}
#aoi-workbench .world-mobile .relation{
  display:grid;
  grid-template-columns:minmax(0,1fr) 68px minmax(0,1fr);
  gap:6px;
  align-items:center;
  margin:12px 0
}
#aoi-workbench .world-mobile .relation-label{
  text-align:center;
  font-size:11px;
  color:var(--ao-sub)
}
#aoi-workbench .world-mobile button{
  font-size:12px;
  min-height:48px;
  padding:6px
}
@media(max-width:900px){
  #aoi-workbench .world-canvas{
    gap:44px 34px
  }
  #aoi-workbench .world-node{
    padding:6px 8px
  }
  #aoi-workbench .stage-bar-row{
    grid-template-columns:145px minmax(30px,1fr) 38px 65px;
    gap:6px
  }
}
@media(max-width:620px){
  #aoi-workbench .world-canvas{
    display:none
  }
  #aoi-workbench .world-mobile{
    display:block
  }
  #aoi-workbench .definition-columns{
    grid-template-columns:1fr;
    gap:8px
  }
  #aoi-workbench .dash-totals{
    gap:12px
  }
  #aoi-workbench .dash-totals strong{
    font-size:24px
  }
  #aoi-workbench .dash-totals button{
    font-size:12px
  }
  #aoi-workbench .stage-bar-row{
    grid-template-columns:120px minmax(20px,1fr) 30px 55px;
    gap:5px
  }
  #aoi-workbench .stage-bar-row button{
    font-size:11px
  }
  #aoi-workbench .stage-bar-row>span{
    font-size:11px
  }
}
#aoi-workbench .world-mobile button[aria-pressed="true"]{
  color:var(--ao-link);
  background:var(--color-brand-soft);
  border-color:var(--color-brand)
}
@media(pointer:coarse){
  #aoi-workbench button{
    min-height:44px
  }
  #aoi-workbench input,#aoi-workbench select,#aoi-workbench textarea{
    font-size:16px
  }
}

/* 手元版：API の記録の原文（JSON）を折り畳みの中で見せる */
#aoi-workbench pre.json{
  margin:8px 0;
  padding:8px 10px;
  max-height:320px;
  overflow:auto;
  white-space:pre-wrap;
  word-break:break-all;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:12px;
  border-left:2px solid var(--ao-line);
  background:var(--ao-soft);
}

/* 手元版：AIからの提案（次の一手）の欄とカード */
#aoi-workbench .next-actions{
  margin:16px 0;
  padding:16px 0 4px;
  border-top:1px solid var(--ao-line);
  border-bottom:1px solid var(--ao-line)
}
#aoi-workbench .na-list{
  display:grid;
  gap:12px
}
#aoi-workbench .na-card{
  border:1px solid var(--ao-line);
  border-radius:6px;
  padding:14px 16px;
  background:var(--ao-bg);
  min-width:0
}
#aoi-workbench .na-card.high{
  border-left:3px solid var(--ao-warn)
}
#aoi-workbench .na-card h4{
  font-size:15px;
  font-weight:600;
  margin:8px 0 6px;
  overflow-wrap:anywhere
}
#aoi-workbench .na-tags{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  align-items:center
}
#aoi-workbench .na-card blockquote{
  margin:8px 0
}
#aoi-workbench .na-actions{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:12px;
  margin-top:12px
}
#aoi-workbench .na-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:6px;
  align-items:end
}
#aoi-workbench .na-form label{
  grid-column:1 / -1;
  margin:0
}
#aoi-workbench .na-form input{
  width:100%
}
#aoi-workbench .na-draft input.na-subject{
  width:100%
}
#aoi-workbench .na-draft textarea{
  min-height:200px;
  font-size:13px
}
#aoi-workbench .na-history li{
  padding:8px 0;
  border-bottom:1px solid var(--ao-line)
}
#aoi-workbench .na-history p{
  margin:2px 0
}
#aoi-workbench .notice.good{
  background:var(--ao-soft);
  border-left-color:var(--ao-good);
  color:var(--ao-ink)
}
#aoi-workbench .notice.error{
  border-left-color:var(--ao-red)
}

/* 手元版：今日やること（担当者ごとの次の一手） */
#aoi-workbench .today-bar{
  margin:12px 0;
  flex-wrap:wrap;
  gap:8px
}
#aoi-workbench .today-bar label{
  margin:0
}
#aoi-workbench .today-summary{
  display:flex;
  gap:28px;
  flex-wrap:wrap;
  padding:14px 0;
  border-top:1px solid var(--ao-line);
  border-bottom:1px solid var(--ao-line);
  margin:12px 0 18px
}
#aoi-workbench .today-summary strong{
  display:block;
  font-size:22px;
  font-weight:500
}
#aoi-workbench .today-group{
  margin:0 0 20px
}
#aoi-workbench .today-group h3{
  margin:0 0 8px
}
#aoi-workbench .today-group.overdue h3{
  color:var(--ao-warn)
}
#aoi-workbench ul.today-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:8px
}
#aoi-workbench .today-row{
  display:grid;
  gap:4px;
  width:100%;
  padding:10px 12px;
  border-radius:6px;
  min-width:0
}
#aoi-workbench .today-row.overdue{
  border-left:3px solid var(--ao-warn)
}
#aoi-workbench .today-tags{
  display:flex;
  gap:6px;
  flex-wrap:wrap
}
#aoi-workbench .today-title{
  font-weight:600;
  overflow-wrap:anywhere
}
#aoi-workbench .today-meta{
  display:flex;
  gap:4px 14px;
  flex-wrap:wrap;
  overflow-wrap:anywhere
}
#aoi-workbench .na-card.focus{
  outline:2px solid var(--color-brand);
  outline-offset:2px
}

/* 手元版：下書きの表示（【要確認】の強調）と、AIからの質問 */
#aoi-workbench .draft-preview{
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  padding:10px 12px;
  margin:8px 0;
  background:var(--ao-soft);
  border-left:2px solid var(--ao-line);
  font-size:13px
}
#aoi-workbench mark.needs-confirmation{
  background:var(--ao-warn-bg);
  color:var(--ao-warn);
  font-weight:600;
  outline:1px solid var(--ao-warn);
  border-radius:2px;
  padding:0 2px
}
#aoi-workbench .na-questions{
  margin:12px 0;
  padding:12px 14px;
  border:1px solid var(--ao-warn);
  border-radius:6px;
  background:var(--ao-warn-bg)
}
#aoi-workbench .na-questions h5{
  font-size:14px;
  font-weight:600;
  margin:0 0 4px
}
#aoi-workbench .q-item{
  display:grid;
  gap:4px;
  margin:10px 0
}
#aoi-workbench .q-item label{
  margin:0;
  font-weight:600
}
#aoi-workbench .q-item p{
  margin:0
}
#aoi-workbench .q-item input,#aoi-workbench .q-item select,#aoi-workbench .q-item textarea{
  width:100%;
  min-height:0
}
#aoi-workbench .na-questions details{
  margin-top:8px
}
#aoi-workbench blockquote.q-excerpt{
  margin:2px 0 4px;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  background:var(--ao-bg)
}
#aoi-workbench .q-item + .q-item{
  border-top:1px solid var(--ao-line);
  padding-top:10px
}

/* 手元版：AIの費用 */
#aoi-workbench .detail-ai{
  margin:2px 0 8px
}
#aoi-workbench table.ai-table{
  min-width:560px
}
#aoi-workbench table.ai-table td,#aoi-workbench table.ai-table th{
  padding:8px
}
#aoi-workbench th .sort-button{
  font-weight:600;
  padding:0
}
#aoi-workbench .q-suggest{
  padding:6px 10px;
  border-left:3px solid var(--color-brand);
  background:var(--ao-bg)
}
#aoi-workbench .q-suggest p{
  margin:2px 0
}
#aoi-workbench .q-suggest-all{
  margin:6px 0 4px;
  align-items:center
}

/* 承認待ち（Attio の更新・止まった案件の失注化・MCP の確定） */
#aoi-workbench .approvals{
  margin:16px 0;
  padding:16px 0 4px;
  border-top:1px solid var(--ao-line)
}
#aoi-workbench .approval-list{
  display:grid;
  gap:12px;
  margin-top:12px
}
#aoi-workbench .approval-card{
  border:1px solid var(--ao-line);
  border-left:3px solid var(--ao-warn);
  border-radius:6px;
  padding:14px 16px;
  margin:10px 0;
  background:var(--ao-bg);
  min-width:0
}
#aoi-workbench .approval-card.selected{
  outline:2px solid var(--ao-link);
  outline-offset:2px
}
#aoi-workbench .approval-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin-top:12px
}
#aoi-workbench .approval-actions input{
  flex:1 1 220px;
  min-width:0
}
#aoi-workbench .compact-table{
  width:100%;
  border-collapse:collapse;
  margin:8px 0
}
#aoi-workbench .compact-table th,
#aoi-workbench .compact-table td{
  text-align:left;
  vertical-align:top;
  padding:6px 8px;
  border-bottom:1px solid var(--ao-line);
  overflow-wrap:anywhere
}
#aoi-workbench .pre-wrap{
  white-space:pre-wrap
}