/* Mechanically scoped from confirmed AIPH_00047; no review frames. */
.cap-root{
        --primary: #006b62;
        --on-primary: #fff;
        --primary-container: #d5efea;
        --on-container: #005149;
        --canvas: #f7f9f7;
        --surface: #fff;
        --surface-low: #f0f3f1;
        --ink: #1b1c1b;
        --muted: #5d625f;
        --outline: #818985;
        --line: #d9e0dc;
        --warning: #725300;
        --warning-bg: #f7e8be;
        --error: #b3261e;
        --error-bg: #ffdad6;
        --success: #2d6948;
        --success-bg: #dcede2;
        --info: #275d7a;
        --info-bg: #d4e9f5;
        font-family:
          Inter,
          system-ui,
          -apple-system,
          "PingFang SC",
          "Microsoft YaHei",
          sans-serif;
        color: var(--ink);
        background: #eef1ef;
        font-synthesis: none;
      }
.cap-root *{
        box-sizing: border-box;
      }
.cap-root{
        margin: 0;
      }
.cap-root button,.cap-root input,.cap-root select,.cap-root textarea{
        font: inherit;
      }
.cap-root button,.cap-root a,.cap-root input,.cap-root textarea,.cap-root select{
        -webkit-tap-highlight-color: transparent;
      }
.cap-root button{
        cursor: pointer;
        color: inherit;
      }
.cap-root button:disabled{
        cursor: default;
      }
.cap-root svg{
        width: 24px;
        height: 24px;
        flex-shrink: 0;
        display: block;
      }
.cap-root a{
        color: var(--primary);
      }
.cap-root p,.cap-root h1,.cap-root h2,.cap-root h3,.cap-root dl,.cap-root dd{
        margin: 0;
      }
.cap-root button:focus-visible,.cap-root a:focus-visible{
        outline: 3px solid #78bcb2;
        outline-offset: 2px;
      }
.cap-root button:active:not(:disabled){
        filter: brightness(0.94);
      }
.cap-root [hidden]{
        display: none !important;
      }
.cap-root .app-stage{
        display: flex;
        flex: 1;
        min-height: 0;
        flex-direction: column;
        border-radius: inherit;
        overflow: hidden;
      }
.cap-root .bar{
        flex-shrink: 0;
        min-height: 68px;
        display: flex;
        align-items: center;
        gap: 4px;
        padding: 8px 12px;
        background: var(--canvas);
      }
.cap-root .bar h1{
        min-width: 0;
        flex: 1;
        font-size: 20px;
        line-height: 28px;
        font-weight: 650;
        overflow-wrap: anywhere;
      }
.cap-root .bar.root{
        padding: 16px 20px 8px;
        align-items: center;
      }
.cap-root .bar.root h1{
        font-size: 28px;
        line-height: 36px;
      }
.cap-root .ib{
        border: 0;
        background: transparent;
        width: 48px;
        height: 48px;
        flex: 0 0 48px;
        display: grid;
        place-items: center;
        border-radius: 50%;
        padding: 0;
      }
.cap-root .ib:hover{
        background: var(--surface-low);
      }
.cap-root .ib svg{
        width: 22px;
        height: 22px;
      }
.cap-root .text-button{
        background: transparent;
        border: 0;
        color: var(--primary);
        padding: 0 12px;
        min-height: 48px;
        font-size: 14px;
        font-weight: 600;
        border-radius: 999px;
      }
.cap-root .text-button:hover{
        background: var(--primary-container);
      }
.cap-root .content{
        min-height: 0;
        flex: 1;
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: #bdc9c2 transparent;
        overscroll-behavior: contain;
      }
.cap-root .pad{
        padding: 8px 20px 24px;
      }
.cap-root .stack{
        display: grid;
        gap: 24px;
      }
.cap-root .small-stack{
        display: grid;
        gap: 12px;
      }
.cap-root .group{
        background: var(--surface);
        border: 1px solid var(--line);
        border-radius: 14px;
        overflow: hidden;
      }
.cap-root .group-pad{
        padding: 16px;
      }
.cap-root .section-head{
        display: flex;
        align-items: center;
        gap: 8px;
        min-height: 40px;
        margin-bottom: 6px;
      }
.cap-root .section-head h2{
        font-size: 16px;
        font-weight: 650;
        line-height: 24px;
        flex: 1;
      }
.cap-root .section-head .text-button{
        margin-right: -12px;
      }
.cap-root .section-head .count{
        font-size: 13px;
        color: var(--muted);
      }
.cap-root .body{
        font-size: 15px;
        line-height: 1.7;
        overflow-wrap: anywhere;
      }
.cap-root .muted{
        color: var(--muted);
        font-size: 13px;
        line-height: 1.6;
        overflow-wrap: anywhere;
      }
.cap-root .eyebrow{
        font-size: 13px;
        line-height: 20px;
        color: var(--muted);
      }
.cap-root .strong{
        font-weight: 650;
      }
.cap-root .green{
        color: var(--primary);
      }
.cap-root .btn{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        border: 1px solid transparent;
        background: var(--primary);
        color: var(--on-primary);
        min-height: 48px;
        padding: 10px 20px;
        border-radius: 999px;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
      }
.cap-root .btn svg{
        width: 18px;
        height: 18px;
      }
.cap-root .btn:hover{
        background: var(--on-container);
      }
.cap-root .btn.tonal{
        background: var(--primary-container);
        color: var(--on-container);
      }
.cap-root .btn.outlined{
        background: transparent;
        border-color: var(--outline);
        color: var(--primary);
      }
.cap-root .btn.danger{
        background: var(--error);
        color: white;
      }
.cap-root .btn:disabled{
        background: #e2e6e3;
        border-color: transparent;
        color: #6b746e;
        opacity: 0.7;
      }
.cap-root .wide{
        width: 100%;
      }
.cap-root .actions{
        display: flex;
        gap: 10px;
        align-items: center;
      }
.cap-root .actions > *{
        min-width: 0;
        flex: 1;
      }
.cap-root .footer{
        padding: 12px 20px 16px;
        border-top: 1px solid var(--line);
        background: var(--canvas);
        flex-shrink: 0;
      }
.cap-root .footer .btn{
        width: 100%;
      }
.cap-root .search{
        display: flex;
        align-items: center;
        gap: 8px;
        background: #eaf0ec;
        border-radius: 28px;
        padding: 0 8px 0 16px;
        min-height: 52px;
      }
.cap-root .search svg{
        width: 21px;
        height: 21px;
        color: var(--muted);
      }
.cap-root .search input{
        width: 100%;
        min-width: 0;
        border: 0;
        background: transparent;
        outline: 0;
        font-size: 15px;
        color: var(--ink);
        height: 52px;
      }
.cap-root .search:focus-within{
        box-shadow: 0 0 0 2px var(--primary);
      }
.cap-root .search .ib{
        width: 40px;
        flex-basis: 40px;
        height: 48px;
      }
.cap-root .tools{
        display: flex;
        gap: 8px;
        align-items: center;
      }
.cap-root .tools .search{
        flex: 1;
        min-width: 0;
      }
.cap-root .tabs{
        display: flex;
        align-items: stretch;
        min-height: 50px;
        border-bottom: 1px solid var(--line);
        flex-shrink: 0;
        gap: 0;
      }
.cap-root .tabs button{
        position: relative;
        flex: 1;
        min-width: 0;
        min-height: 50px;
        border: 0;
        background: transparent;
        color: var(--muted);
        padding: 10px 4px;
        font-size: 14px;
        line-height: 22px;
      }
.cap-root .tabs button[aria-selected="true"]{
        color: var(--primary);
        font-weight: 650;
      }
.cap-root .tabs button[aria-selected="true"]:after{
        content: "";
        height: 3px;
        border-radius: 3px 3px 0 0;
        background: var(--primary);
        position: absolute;
        bottom: 0;
        left: 22%;
        right: 22%;
      }
.cap-root .tabs .counter{
        font-size: 12px;
        margin-left: 4px;
      }
.cap-root .list-summary{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        color: var(--muted);
        font-size: 13px;
        padding: 16px 0 8px;
      }
.cap-root .customers{
        background: var(--surface);
        border-radius: 14px;
        border: 1px solid var(--line);
        overflow: hidden;
      }
.cap-root .customer{
        width: 100%;
        border: 0;
        background: transparent;
        padding: 18px 16px;
        text-align: left;
        display: flex;
        align-items: flex-start;
        gap: 12px;
      }
.cap-root .customer + .customer{
        border-top: 1px solid var(--line);
      }
.cap-root .customer:hover{
        background: #f4f8f5;
      }
.cap-root .avatar{
        height: 44px;
        width: 44px;
        flex: 0 0 44px;
        display: grid;
        place-items: center;
        background: #dfede6;
        color: #285b49;
        border-radius: 50%;
        font-size: 15px;
        font-weight: 650;
      }
.cap-root .avatar.enterprise{
        border-radius: 12px;
        background: #e6eaf4;
        color: #48597b;
      }
.cap-root .avatar.gold{
        background: #f3ead7;
        color: #78632c;
      }
.cap-root .copy{
        min-width: 0;
        flex: 1;
      }
.cap-root .customer-name{
        font-size: 16px;
        line-height: 24px;
        font-weight: 650;
        overflow-wrap: anywhere;
      }
.cap-root .customer-line{
        display: flex;
        gap: 8px;
        align-items: baseline;
        justify-content: space-between;
      }
.cap-root .customer-line time{
        font-size: 12px;
        color: var(--muted);
        white-space: nowrap;
      }
.cap-root .customer-description{
        margin-top: 3px;
        font-size: 14px;
        line-height: 22px;
        color: var(--muted);
      }
.cap-root .customer-bottom{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 9px;
      }
.cap-root .customer-bottom .muted{
        font-size: 12px;
      }
.cap-root .badge{
        display: inline-flex;
        align-items: center;
        gap: 4px;
        border-radius: 6px;
        padding: 3px 7px;
        font-size: 12px;
        font-weight: 550;
        line-height: 18px;
        white-space: nowrap;
        background: var(--surface-low);
        color: var(--muted);
      }
.cap-root .badge.warning{
        color: var(--warning);
        background: var(--warning-bg);
      }
.cap-root .badge.success{
        color: var(--success);
        background: var(--success-bg);
      }
.cap-root .badge.info{
        color: var(--info);
        background: var(--info-bg);
      }
.cap-root .badge.error{
        color: var(--error);
        background: var(--error-bg);
      }
.cap-root .import-entry{
        display: flex;
        gap: 12px;
        align-items: center;
        border: 0;
        background: transparent;
        width: 100%;
        text-align: left;
        padding: 14px 0;
        min-height: 60px;
        color: var(--muted);
        font-size: 13px;
      }
.cap-root .import-entry svg{
        width: 18px;
        height: 18px;
      }
.cap-root .import-entry span{
        flex: 1;
      }
.cap-root .nav{
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        padding: 6px 4px 10px;
        min-height: 82px;
        background: var(--surface);
        border-top: 1px solid var(--line);
        flex-shrink: 0;
      }
.cap-root .nav-item{
        display: grid;
        min-width: 0;
        min-height: 62px;
        grid-template-rows: 32px 16px;
        gap: 4px;
        align-content: end;
        justify-items: center;
        border: 0;
        background: transparent;
        padding: 6px 0;
        border-radius: 12px;
        font-size: 12px;
        line-height: 16px;
        color: var(--muted);
      }
.cap-root .nav-icon{
        width: 52px;
        height: 32px;
        border-radius: 18px;
        display: grid;
        place-items: center;
      }
.cap-root .nav-item.active{
        color: var(--on-container);
        font-weight: 650;
      }
.cap-root .nav-item.active .nav-icon{
        background: var(--primary-container);
      }
.cap-root .nav-item.center{
        grid-template-rows: 52px 16px;
        margin-top: -20px;
      }
.cap-root .nav-item.center .nav-icon{
        width: 52px;
        height: 52px;
        background: var(--primary);
        color: white;
        border: 4px solid white;
        border-radius: 50%;
      }
.cap-root .nav-item.center svg{
        width: 28px;
        height: 28px;
      }
.cap-root .nav-tone{
        fill-opacity: 0.13;
      }
.cap-root .nav-item:disabled{
        opacity: 1;
        cursor: default;
      }
.cap-root .identity{
        padding: 6px 20px 18px;
        display: flex;
        gap: 14px;
        align-items: center;
      }
.cap-root .identity .avatar{
        width: 56px;
        height: 56px;
        flex-basis: 56px;
        font-size: 19px;
      }
.cap-root .identity h2{
        font-size: 23px;
        line-height: 31px;
        font-weight: 650;
        overflow-wrap: anywhere;
      }
.cap-root .identity .muted{
        margin-top: 5px;
      }
.cap-root .identity-state{
        padding: 0 20px 16px;
        display: flex;
        gap: 8px;
        align-items: center;
        flex-wrap: wrap;
      }
.cap-root .identity-state .muted{
        font-size: 13px;
      }
.cap-root .detail-tabs{
        padding: 0 12px;
      }
.cap-root .insight{
        background: #eaf3ef;
        border-radius: 14px;
        padding: 17px 18px;
      }
.cap-root .insight-head{
        display: flex;
        gap: 8px;
        align-items: center;
        margin-bottom: 10px;
      }
.cap-root .insight-head svg{
        width: 20px;
        height: 20px;
        color: var(--primary);
      }
.cap-root .insight-head h2{
        font-size: 16px;
        flex: 1;
        font-weight: 650;
      }
.cap-root .insight .body{
        color: #243e33;
      }
.cap-root .insight-foot{
        margin-top: 14px;
        display: flex;
        align-items: center;
        gap: 8px;
        justify-content: space-between;
      }
.cap-root .insight-foot .muted{
        font-size: 12px;
      }
.cap-root .insight-foot .text-button{
        margin: -12px -12px -12px 0;
      }
.cap-root .focus-demand{
        border-left: 3px solid var(--primary);
        padding-left: 13px;
      }
.cap-root .focus-demand h3{
        font-size: 16px;
        line-height: 24px;
        font-weight: 650;
        margin: 4px 0;
      }
.cap-root .facts-inline{
        display: flex;
        gap: 20px;
        padding-top: 12px;
      }
.cap-root .facts-inline p{
        font-size: 16px;
        font-weight: 650;
        line-height: 24px;
      }
.cap-root .facts-inline span{
        font-size: 12px;
        color: var(--muted);
      }
.cap-root .fact-list{
        margin: 0;
        padding: 0 16px;
      }
.cap-root .fact{
        display: grid;
        grid-template-columns: 92px minmax(0, 1fr);
        gap: 16px;
        padding: 14px 0;
        border-bottom: 1px solid var(--line);
        font-size: 14px;
        line-height: 22px;
      }
.cap-root .fact:last-child{
        border: 0;
      }
.cap-root .fact dt{
        color: var(--muted);
      }
.cap-root .fact dd{
        overflow-wrap: anywhere;
      }
.cap-root .row{
        display: flex;
        width: 100%;
        align-items: center;
        gap: 12px;
        padding: 15px 16px;
        background: transparent;
        border: 0;
        text-align: left;
        min-height: 72px;
      }
.cap-root .row + .row{
        border-top: 1px solid var(--line);
      }
.cap-root button.row:hover{
        background: var(--surface-low);
      }
.cap-root .row-icon{
        width: 36px;
        height: 36px;
        display: grid;
        place-items: center;
        color: var(--primary);
        background: var(--surface-low);
        border-radius: 10px;
        flex-shrink: 0;
      }
.cap-root .row-icon svg{
        width: 19px;
        height: 19px;
      }
.cap-root .row-title{
        font-size: 15px;
        line-height: 23px;
        font-weight: 600;
        overflow-wrap: anywhere;
      }
.cap-root .row-sub{
        font-size: 13px;
        line-height: 20px;
        color: var(--muted);
        margin-top: 3px;
        overflow-wrap: anywhere;
      }
.cap-root .row > svg:last-child{
        width: 18px;
        height: 18px;
        color: var(--muted);
      }
.cap-root .demand{
        padding: 18px 16px;
      }
.cap-root .demand + .demand{
        border-top: 1px solid var(--line);
      }
.cap-root .demand-title{
        display: flex;
        gap: 10px;
        align-items: flex-start;
        margin-bottom: 8px;
      }
.cap-root .demand-title h3{
        font-size: 16px;
        font-weight: 650;
        line-height: 24px;
        flex: 1;
      }
.cap-root .demand-foot{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-top: 10px;
      }
.cap-root .demand-foot .text-button{
        margin-right: -12px;
      }
.cap-root .demand-facts{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
        margin-top: 12px;
      }
.cap-root .demand-facts dt{
        font-size: 12px;
        color: var(--muted);
        line-height: 20px;
      }
.cap-root .demand-facts dd{
        font-size: 14px;
        font-weight: 550;
        line-height: 22px;
        margin-top: 2px;
      }
.cap-root .date-label{
        font-size: 13px;
        line-height: 20px;
        color: var(--muted);
        margin-bottom: 14px;
        font-weight: 600;
      }
.cap-root .timeline{
        padding-left: 3px;
      }
.cap-root .event{
        position: relative;
        padding: 0 0 24px 30px;
        border-left: 1px solid #cddbd1;
        margin-left: 8px;
      }
.cap-root .event:last-child{
        border-color: transparent;
        padding-bottom: 0;
      }
.cap-root .event:before{
        content: "";
        position: absolute;
        width: 9px;
        height: 9px;
        background: #87ac99;
        border-radius: 50%;
        top: 7px;
        left: -5px;
        outline: 5px solid var(--canvas);
      }
.cap-root .event h3{
        font-size: 15px;
        line-height: 23px;
        font-weight: 600;
      }
.cap-root .event p{
        font-size: 14px;
        line-height: 23px;
        color: var(--muted);
        margin-top: 6px;
        overflow-wrap: anywhere;
      }
.cap-root .event .event-meta{
        font-size: 12px;
        color: var(--muted);
        display: flex;
        flex-wrap: wrap;
        gap: 5px 10px;
        margin-top: 8px;
      }
.cap-root .event .text-button{
        margin: 2px 0 -8px -12px;
      }
.cap-root .hint{
        padding: 12px 14px;
        border-radius: 10px;
        background: var(--surface-low);
        font-size: 13px;
        line-height: 21px;
        color: var(--muted);
        display: flex;
        gap: 10px;
        align-items: flex-start;
      }
.cap-root .hint svg{
        width: 19px;
        height: 19px;
        margin-top: 1px;
      }
.cap-root .hint .copy{
        color: inherit;
      }
.cap-root .hint.warning{
        background: var(--warning-bg);
        color: var(--warning);
      }
.cap-root .hint.error{
        background: var(--error-bg);
        color: #852018;
      }
.cap-root .hint.success{
        background: var(--success-bg);
        color: var(--success);
      }
.cap-root .hint strong{
        display: block;
        font-size: 14px;
        margin-bottom: 3px;
      }
.cap-root .field{
        display: grid;
        gap: 7px;
        min-width: 0;
      }
.cap-root .field label,.cap-root .field legend{
        font-size: 14px;
        font-weight: 600;
        line-height: 22px;
      }
.cap-root .field input,.cap-root .field select,.cap-root .field textarea,.cap-root .field .select-trigger{
        width: 100%;
        min-width: 0;
        min-height: 56px;
        padding: 14px 13px;
        border: 1px solid var(--outline);
        border-radius: 8px;
        background: var(--surface);
        font-size: 15px;
        line-height: 24px;
        color: var(--ink);
        outline: 0;
      }
.cap-root .field textarea{
        min-height: 116px;
        resize: vertical;
      }
.cap-root .field input:focus,.cap-root .field select:focus,.cap-root .field textarea:focus,.cap-root .field .select-trigger:focus-visible{
        border: 2px solid var(--primary);
        padding: 13px 12px;
      }
.cap-root .field .muted{
        font-size: 12px;
      }
.cap-root .field-error{
        font-size: 13px;
        color: var(--error);
        line-height: 20px;
      }
.cap-root .form{
        display: grid;
        gap: 20px;
      }
.cap-root .form-section{
        display: grid;
        gap: 16px;
      }
.cap-root .form-section h2{
        font-size: 16px;
        line-height: 24px;
        font-weight: 650;
      }
.cap-root .choices{
        display: grid;
        grid-template-columns: 1fr 1fr;
        border: 1px solid var(--outline);
        border-radius: 999px;
        overflow: hidden;
      }
.cap-root .choice{
        min-height: 48px;
        border: 0;
        background: transparent;
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
      }
.cap-root .choice + .choice{
        border-left: 1px solid var(--outline);
      }
.cap-root .choice[aria-pressed="true"]{
        background: var(--primary-container);
        color: var(--on-container);
        font-weight: 650;
      }
.cap-root .choice svg{
        width: 18px;
        height: 18px;
      }
.cap-root .check{
        display: flex;
        align-items: flex-start;
        gap: 11px;
        min-height: 48px;
        font-size: 14px;
        line-height: 23px;
        cursor: pointer;
        padding: 10px 0;
      }
.cap-root .check input{
        width: 20px;
        height: 20px;
        flex: 0 0 20px;
        margin: 2px 0 0;
        accent-color: var(--primary);
      }
.cap-root .form .btn{
        margin-top: 4px;
      }
.cap-root .result{
        padding: 28px 0 16px;
        text-align: center;
      }
.cap-root .result-symbol{
        width: 68px;
        height: 68px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        background: var(--success-bg);
        color: var(--success);
        margin: 0 auto 18px;
      }
.cap-root .result-symbol svg{
        width: 32px;
        height: 32px;
      }
.cap-root .result h2{
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 10px;
      }
.cap-root .result .body{
        color: var(--muted);
      }
.cap-root .empty{
        text-align: center;
        padding: 48px 12px;
      }
.cap-root .empty svg{
        width: 38px;
        height: 38px;
        margin: auto auto 18px;
        color: #88a092;
      }
.cap-root .empty h2{
        font-size: 18px;
        line-height: 26px;
      }
.cap-root .empty p{
        font-size: 14px;
        line-height: 22px;
        color: var(--muted);
        margin: 8px 0 20px;
      }
.cap-root .match-card{
        padding: 16px;
      }
.cap-root .match-card + .match-card{
        border-top: 1px solid var(--line);
      }
.cap-root .match-card h3{
        font-size: 17px;
        line-height: 26px;
        margin: 8px 0;
      }
.cap-root .note-link{
        font-size: 13px;
        line-height: 20px;
        color: var(--primary);
        min-height: 48px;
        background: transparent;
        border: 0;
        padding: 0;
        text-align: left;
      }
.cap-root .split{
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
      }
.cap-root .danger-text{
        color: var(--error);
      }
.cap-root .loading{
        width: 22px;
        height: 22px;
        border: 2px solid var(--line);
        border-top-color: var(--primary);
        border-radius: 50%;
        animation: spin 0.8s linear infinite;
        margin: 0 auto 12px;
      }
@keyframes spin{
        to {
          transform: rotate(360deg);
        }
      }
.cap-root .menu-row{
        width: 100%;
        padding: 14px 0;
        min-height: 54px;
        background: transparent;
        border: 0;
        text-align: left;
        display: flex;
        gap: 12px;
        align-items: center;
        font-size: 15px;
      }
.cap-root .menu-row + .menu-row{
        border-top: 1px solid var(--line);
      }
.cap-root .menu-row svg{
        width: 20px;
        height: 20px;
      }
@container (max-width:350px){.cap-root .pad{
          padding-left: 16px;
          padding-right: 16px;
        }
.cap-root .bar.root{
          padding-left: 16px;
          padding-right: 16px;
        }
.cap-root .identity{
          padding-left: 16px;
          padding-right: 16px;
        }
.cap-root .customer{
          padding: 16px 12px;
          gap: 10px;
        }
.cap-root .avatar{
          width: 38px;
          height: 38px;
          flex-basis: 38px;
          font-size: 13px;
        }
.cap-root .customer-name{
          font-size: 15px;
        }
.cap-root .customer-line{
          align-items: flex-start;
        }
.cap-root .customer-line time{
          font-size: 11px;
        }
.cap-root .identity h2{
          font-size: 21px;
        }
.cap-root .btn{
          padding-left: 14px;
          padding-right: 14px;
        }
.cap-root .nav-icon{
          width: 44px;
        }
.cap-root .demand-title{
          flex-wrap: wrap;
        }
.cap-root .fact{
          grid-template-columns: 80px minmax(0, 1fr);
          gap: 12px;
        }
}
@media (max-width: 650px){}
@media (prefers-reduced-motion: reduce){.cap-root *{
          scroll-behavior: auto !important;
          animation: none !important;
        }
}
.cap-root [data-cap-style="0"]{display:block}
.cap-root [data-cap-style="1"]{font-size:24px;line-height:33px;margin-top:10px}
.cap-root [data-cap-style="2"]{margin-top:12px}
.cap-root [data-cap-style="3"]{margin:10px 0}
.cap-root [data-cap-style="4"]{margin:12px 0}
.cap-root{position:relative;display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:600px;margin:0 auto;background:var(--canvas);font-size:15px;line-height:1.55;overflow:hidden;padding-top:env(safe-area-inset-top)}
.cap-root .nav,.cap-root .footer{padding-bottom:calc(12px + env(safe-area-inset-bottom))}
.cap-root .field-error{white-space:pre-wrap}
.cap-root .avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}
.cap-root .content{overflow-x:hidden}
.cap-root .bar,.cap-root .tabs,.cap-root .nav{position:static}