/* A6 mobile layout corrections — intentionally separate to defeat stale cached CSS. */
.person-row{
    display:grid;
    grid-template-columns:24px 42px minmax(0,1fr) auto;
    align-items:center;
    column-gap:13px;
    row-gap:5px;
}

.setup-steps{display:grid;gap:14px;max-width:850px}.setup-step{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:start;transition:transform .2s ease,border-color .2s ease}.setup-step:hover{transform:translateY(-2px)}.setup-step>b{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#e7edf2}.setup-step.done{border-left:5px solid #1e8067}.setup-step.done>b{background:#1e8067;color:#fff}.onboarding-finish{display:flex;gap:10px;margin:22px 0}.legal{max-width:850px;margin:auto}.legal h2{margin-top:30px}.price b{font-size:48px}.panel ul{line-height:1.8}

.person-row > input{
    grid-column:1;
    grid-row:1;
    margin:0;
}

.person-avatar{
    grid-column:2;
    grid-row:1;
}

.person-info{
    grid-column:3;
    grid-row:1;
    display:grid;
    gap:2px;
    min-width:0;
}

.person-info strong,
.person-info small{
    display:block;
    overflow-wrap:anywhere;
}

.person-state{
    grid-column:4;
    grid-row:1;
    margin:0;
    white-space:normal;
    text-align:right;
}

.action-dock button{
    min-height:54px;
}

.offline-banner{margin:0 0 16px;padding:12px 16px;border-radius:12px;background:#fff3cd;color:#624a00;font-weight:800}
.progress{height:10px;max-width:360px;margin:9px 0 5px;overflow:hidden;border-radius:99px;background:#e7edf0}
.progress span{display:block;height:100%;border-radius:99px;background:var(--green)}
.crew-group{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff}
.crew-group+.crew-group{margin-top:14px}
.crew-group-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;background:#f1f5f6;border-bottom:1px solid var(--line)}
.crew-group-head>div{display:grid;gap:2px}.crew-group-head small{color:var(--muted)}
.crew-group-head button{min-height:44px;padding:9px 13px}
.crew-group .person-row{border:0;border-radius:0;border-bottom:1px solid var(--line)}
.crew-group .person-row:last-child{border-bottom:0}
.worker-self-selector{display:none}
.asset-card-main{display:grid;min-height:175px;color:inherit;text-decoration:none}.asset-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.asset-card-actions .button{text-align:center}
.login-card-list{display:grid;gap:14px}.login-actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px}.login-actions form{margin:0}.login-actions details{min-width:min(100%,260px)}.compact-form{padding-top:12px}.share-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.actions form{display:flex;flex-wrap:wrap;gap:8px}

@media(max-width:850px){
    .shell{
        padding-bottom:165px;
    }

    .action-dock{
        position:static;
        margin-top:2px;
        padding:14px;
        box-shadow:none;
        background:#fff;
    }

    .primary-actions{
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        width:100%;
    }

    .action-group button{
        width:100%;
        min-height:58px;
        padding:13px 10px;
        font-size:16px;
        line-height:1.15;
    }

    .topbar{height:auto;min-height:calc(72px + env(safe-area-inset-top));padding-top:calc(10px + env(safe-area-inset-top));}

    .actions{align-items:stretch}
    .actions>.button,.actions>button,.actions>form{min-height:52px}
    .actions form button{min-height:52px;flex:1 1 125px}
    .quick-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .share-card{display:grid}.login-actions>*{flex:1 1 100%}.login-actions button,.login-actions .button{width:100%;min-height:52px}

    .person-row{
        grid-template-columns:25px 44px minmax(0,1fr);
        padding:16px 14px;
    }

    .person-state{
        grid-column:3;
        grid-row:2;
        justify-self:start;
        text-align:left;
    }

    .mobile-nav{
        min-height:72px;
        padding:8px;
    }

    .mobile-nav a{
        min-height:54px;
        display:grid;
        place-items:center;
        padding:12px 5px;
        font-size:14px;
    }
}

@media(max-width:390px){
    .break-actions{
        grid-template-columns:1fr;
    }
}