:root {
    --axis-bg: #f5f2ec;
    --axis-panel: rgba(255, 255, 255, 0.72);
    --axis-text: #171719;
    --axis-muted: #6d6a72;
    --axis-line: rgba(23, 23, 25, 0.10);
    --axis-accent: #7357ff;
    --axis-accent-soft: rgba(115, 87, 255, 0.12);
    --axis-radius: 24px;
}

* {
    box-sizing: border-box;
}

html, body {
    margin: 0;
    min-height: 100%;
}

body.axis-platform-page {
    background:
        radial-gradient(circle at 75% 10%, rgba(115, 87, 255, 0.16), transparent 30%),
        radial-gradient(circle at 55% 90%, rgba(255, 157, 92, 0.15), transparent 34%),
        var(--axis-bg);
    color: var(--axis-text);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

button, a {
    font: inherit;
}

.axis-platform-app {
    display: grid;
    grid-template-columns: 248px minmax(0, 1fr);
    min-height: 100vh;
}

.axis-sidebar {
    display: flex;
    flex-direction: column;
    padding: 28px 20px;
    border-right: 1px solid var(--axis-line);
    background: rgba(255, 255, 255, 0.46);
    backdrop-filter: blur(18px);
}

.axis-brand {
    display: flex;
    flex-direction: column;
    margin: 0 8px 34px;
}

.axis-brand strong {
    font-size: 26px;
    letter-spacing: -0.06em;
}

.axis-brand span {
    margin-top: 3px;
    color: var(--axis-muted);
    font-size: 11px;
    letter-spacing: 0.22em;
}

.axis-nav {
    display: grid;
    gap: 6px;
}

.axis-nav__item {
    width: 100%;
    padding: 12px 14px;
    border: 0;
    border-radius: 14px;
    background: transparent;
    color: var(--axis-muted);
    text-align: left;
    cursor: pointer;
}

.axis-nav__item:hover,
.axis-nav__item.is-active {
    background: var(--axis-accent-soft);
    color: var(--axis-text);
}

.axis-sidebar__footer {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-top: auto;
    padding: 14px;
    border: 1px solid var(--axis-line);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.5);
}

.axis-sidebar__footer small {
    color: var(--axis-muted);
}

.axis-main {
    padding: 44px;
}

.axis-header {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 34px;
}

.axis-eyebrow,
.axis-card__label {
    color: var(--axis-accent);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.axis-header h1 {
    max-width: 760px;
    margin: 12px 0 10px;
    font-size: clamp(42px, 6vw, 82px);
    line-height: 0.96;
    letter-spacing: -0.065em;
}

.axis-header p {
    max-width: 660px;
    color: var(--axis-muted);
    font-size: 17px;
    line-height: 1.65;
}

.axis-status {
    align-self: flex-start;
    padding: 10px 14px;
    border: 1px solid var(--axis-line);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.62);
    white-space: nowrap;
}

.axis-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.axis-card {
    min-height: 230px;
    padding: 26px;
    border: 1px solid var(--axis-line);
    border-radius: var(--axis-radius);
    background: var(--axis-panel);
    box-shadow: 0 20px 60px rgba(34, 26, 58, 0.06);
    backdrop-filter: blur(20px);
}

.axis-card--hero {
    grid-column: 1 / -1;
    min-height: 310px;
    background:
        linear-gradient(135deg, rgba(255,255,255,.78), rgba(255,255,255,.42)),
        radial-gradient(circle at 80% 20%, rgba(115,87,255,.28), transparent 35%),
        radial-gradient(circle at 65% 100%, rgba(255,157,92,.23), transparent 34%);
}

.axis-card h2 {
    max-width: 720px;
    margin: 16px 0 12px;
    font-size: clamp(34px, 5vw, 64px);
    line-height: 1;
    letter-spacing: -0.055em;
}

.axis-card h3 {
    margin: 42px 0 10px;
    font-size: 28px;
    letter-spacing: -0.04em;
}

.axis-card p {
    max-width: 720px;
    color: var(--axis-muted);
    line-height: 1.65;
}

.axis-actions {
    display: flex;
    gap: 12px;
    margin-top: 28px;
}

.axis-actions button,
.axis-actions a {
    padding: 12px 18px;
    border-radius: 999px;
    text-decoration: none;
}

.axis-actions button {
    border: 0;
    background: var(--axis-text);
    color: #fff;
    cursor: pointer;
}

.axis-actions a {
    border: 1px solid var(--axis-line);
    color: var(--axis-text);
    background: rgba(255,255,255,.56);
}

@media (max-width: 900px) {
    .axis-platform-app {
        grid-template-columns: 1fr;
    }

    .axis-sidebar {
        position: static;
        border-right: 0;
        border-bottom: 1px solid var(--axis-line);
    }

    .axis-nav {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .axis-sidebar__footer {
        display: none;
    }

    .axis-main {
        padding: 26px 18px 40px;
    }

    .axis-header {
        display: block;
    }

    .axis-status {
        display: inline-block;
        margin-top: 14px;
    }

    .axis-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .axis-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .axis-header h1 {
        font-size: 48px;
    }

    .axis-card--hero {
        min-height: 270px;
    }
}


.axis-shortcode-wrapper {
    width: 100%;
    overflow: hidden;
    border-radius: var(--axis-radius);
}

.axis-shortcode-wrapper .axis-platform-app {
    min-height: inherit;
}


/* AXIS Platform 1.3 */
.axis-platform-app {
    display: grid;
    grid-template-columns: 248px minmax(0, 1fr);
    width: 100%;
    min-height: 100vh;
    background:
        radial-gradient(circle at 75% 10%, rgba(115, 87, 255, 0.16), transparent 30%),
        radial-gradient(circle at 55% 90%, rgba(255, 157, 92, 0.15), transparent 34%),
        var(--axis-bg);
    color: var(--axis-text);
    overflow: hidden;
}

.axis-platform-app .axis-main {
    min-width: 0;
}

.axis-screen {
    display: none;
}

.axis-screen.is-active {
    display: block;
    animation: axis-screen-enter 180ms ease-out;
}

@keyframes axis-screen-enter {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}

.axis-section-header {
    margin-bottom: 30px;
}

.axis-section-header h2 {
    margin: 12px 0 10px;
    font-size: clamp(46px, 7vw, 86px);
    line-height: 0.96;
    letter-spacing: -0.065em;
}

.axis-section-header p {
    max-width: 680px;
    color: var(--axis-muted);
    font-size: 17px;
    line-height: 1.65;
}

.axis-empty-state {
    min-height: 320px;
    padding: 34px;
    border: 1px solid var(--axis-line);
    border-radius: var(--axis-radius);
    background: var(--axis-panel);
    box-shadow: 0 20px 60px rgba(34, 26, 58, 0.06);
    backdrop-filter: blur(20px);
}

.axis-empty-state strong {
    display: block;
    max-width: 700px;
    margin-bottom: 10px;
    font-size: clamp(28px, 4vw, 52px);
    line-height: 1.04;
    letter-spacing: -0.045em;
}

.axis-empty-state p {
    max-width: 620px;
    color: var(--axis-muted);
    line-height: 1.65;
}

.axis-mobile-toggle {
    display: none;
}

.axis-admin-wrap {
    margin: 20px 20px 0 0;
}

.axis-admin-wrap .axis-platform-app {
    min-height: calc(100vh - 52px);
    border: 1px solid var(--axis-line);
    border-radius: 22px 22px 0 0;
}

.axis-shortcode-wrapper .axis-platform-app {
    min-height: inherit;
}

@media (max-width: 900px) {
    .axis-platform-app {
        display: block;
        min-height: 100%;
    }

    .axis-platform-app .axis-sidebar {
        position: relative;
        padding: 14px 16px;
    }

    .axis-platform-app .axis-brand {
        margin: 0;
        padding-right: 100px;
    }

    .axis-mobile-toggle {
        display: flex;
        position: absolute;
        top: 15px;
        right: 16px;
        z-index: 3;
        align-items: center;
        gap: 8px;
        padding: 9px 12px;
        border: 1px solid var(--axis-line);
        border-radius: 999px;
        background: rgba(255,255,255,.72);
        color: var(--axis-text);
        cursor: pointer;
    }

    .axis-platform-app .axis-nav {
        display: none;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 16px;
    }

    .axis-platform-app.is-menu-open .axis-nav {
        display: grid;
    }

    .axis-platform-app .axis-main {
        padding: 28px 18px 40px;
    }

    .axis-admin-wrap {
        margin-right: 10px;
    }
}


/* v1.4.0 — Kernel Foundation */
.axis-module-status{display:inline-flex;margin-top:18px;padding:7px 10px;border:1px solid var(--axis-line);border-radius:999px;color:var(--axis-muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.axis-module-status--foundation,.axis-module-status--architected{background:var(--axis-accent-soft);color:var(--axis-text)}.axis-card code{padding:2px 6px;border-radius:7px;background:rgba(23,23,25,.06);font-size:.88em}

/* v1.6.0 — Tasks Core */
.axis-module-status--active{background:var(--axis-text);color:#fff;border-color:var(--axis-text)}
.axis-tasks{display:grid;gap:20px}.axis-task-composer{display:grid;grid-template-columns:minmax(0,1fr) 190px auto;gap:10px;padding:14px;border:1px solid var(--axis-line);border-radius:24px;background:var(--axis-panel);box-shadow:0 18px 50px rgba(34,26,58,.05)}.axis-task-composer input,.axis-task-composer select{min-height:48px;border:1px solid var(--axis-line);border-radius:15px;background:rgba(255,255,255,.7);padding:0 15px;color:var(--axis-text);outline:none}.axis-task-composer input:focus,.axis-task-composer select:focus{border-color:var(--axis-text)}.axis-task-composer button,.axis-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:0;border-radius:15px;background:var(--axis-text);color:#fff;padding:0 20px;font-weight:700;text-decoration:none;cursor:pointer}.axis-task-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px}.axis-task-filters{display:flex;gap:7px;flex-wrap:wrap}.axis-task-filters button,.axis-task-actions button{border:1px solid var(--axis-line);border-radius:999px;background:transparent;color:var(--axis-muted);padding:8px 12px;cursor:pointer}.axis-task-filters button.is-active,.axis-task-filters button:hover,.axis-task-actions button:hover{background:var(--axis-text);color:#fff;border-color:var(--axis-text)}[data-axis-task-feedback]{color:var(--axis-muted);font-size:13px}[data-axis-task-feedback].is-error{color:#a72d2d}.axis-task-list{display:grid;gap:10px}.axis-task-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px 20px;border:1px solid var(--axis-line);border-radius:20px;background:var(--axis-panel);transition:transform .16s ease,border-color .16s ease}.axis-task-item:hover{transform:translateY(-1px);border-color:rgba(23,23,25,.28)}.axis-task-check{width:34px;height:34px;border:1px solid var(--axis-line);border-radius:50%;background:transparent;display:grid;place-items:center;cursor:pointer}.axis-task-check span{width:10px;height:10px;border-radius:50%;background:var(--axis-text);opacity:.18}.axis-task-item--in_progress .axis-task-check span{width:14px;height:14px;opacity:.75}.axis-task-item--completed .axis-task-check{background:var(--axis-text)}.axis-task-item--completed .axis-task-check span{width:10px;height:6px;border-left:2px solid #fff;border-bottom:2px solid #fff;border-radius:0;transform:rotate(-45deg);background:transparent;opacity:1}.axis-task-item--completed .axis-task-copy strong{text-decoration:line-through;color:var(--axis-muted)}.axis-task-copy strong{display:block;font-size:19px;line-height:1.3}.axis-task-meta{display:flex;gap:10px;margin-top:5px;color:var(--axis-muted);font-size:12px}.axis-task-actions{display:flex;gap:7px}.axis-task-empty{padding:34px;border:1px dashed var(--axis-line);border-radius:22px;text-align:center;color:var(--axis-muted)}.axis-task-empty strong{display:block;color:var(--axis-text);font-size:22px}.axis-task-empty p{margin-bottom:0}.axis-task-loading{padding:28px;color:var(--axis-muted);text-align:center}
@media(max-width:760px){.axis-task-composer{grid-template-columns:1fr}.axis-task-toolbar{align-items:flex-start;flex-direction:column}.axis-task-item{grid-template-columns:36px minmax(0,1fr)}.axis-task-actions{grid-column:2;justify-content:flex-start}.axis-task-meta{flex-wrap:wrap}}

.axis-card--connections{grid-column:1/-1}.axis-connection-form{display:flex;gap:10px;margin:16px 0}.axis-connection-form input,.axis-token-reveal input{width:100%;padding:12px;border:1px solid rgba(20,20,20,.15);border-radius:12px;background:transparent}.axis-token-reveal{display:grid;gap:10px;padding:14px;border-radius:16px;background:rgba(0,0,0,.04);margin:12px 0}.axis-token-reveal label{display:grid;gap:6px;font-size:12px}.axis-token-list{display:grid;gap:8px;margin-top:14px}.axis-token-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-top:1px solid rgba(20,20,20,.1)}.axis-token-item div{display:grid;gap:3px}.axis-token-item small{opacity:.65}.axis-token-item button{background:transparent;border:1px solid currentColor;border-radius:999px;padding:7px 10px}@media(max-width:700px){.axis-connection-form{display:grid}}

/* v2.0.0 — Projects Core */
.axis-projects{display:grid;gap:20px}.axis-project-composer{display:grid;grid-template-columns:minmax(0,1fr) 180px auto;gap:10px;padding:14px;border:1px solid var(--axis-line);border-radius:24px;background:var(--axis-panel);box-shadow:0 18px 50px rgba(34,26,58,.05)}.axis-project-composer input,.axis-project-composer select{min-height:48px;border:1px solid var(--axis-line);border-radius:15px;background:rgba(255,255,255,.7);padding:0 15px;color:var(--axis-text);outline:none}.axis-project-composer button{min-height:48px;border:0;border-radius:15px;background:var(--axis-text);color:#fff;padding:0 20px;font-weight:700;cursor:pointer}.axis-project-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.axis-project-item{display:flex;min-height:190px;flex-direction:column;justify-content:space-between;gap:22px;padding:24px;border:1px solid var(--axis-line);border-radius:24px;background:var(--axis-panel);box-shadow:0 18px 50px rgba(34,26,58,.04)}.axis-project-copy{display:grid;gap:9px}.axis-project-copy strong{font-size:27px;line-height:1.05;letter-spacing:-.035em}.axis-project-copy p{margin:0;color:var(--axis-muted);font-size:13px}.axis-project-status{width:max-content;padding:6px 9px;border-radius:999px;background:var(--axis-accent-soft);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.axis-project-actions{display:flex;gap:7px;flex-wrap:wrap}.axis-project-actions button{border:1px solid var(--axis-line);border-radius:999px;background:transparent;color:var(--axis-muted);padding:8px 12px;cursor:pointer}.axis-project-actions button:hover{background:var(--axis-text);color:#fff;border-color:var(--axis-text)}.axis-task-composer{grid-template-columns:minmax(0,1fr) 170px 180px auto}@media(max-width:900px){.axis-project-list{grid-template-columns:1fr}}@media(max-width:760px){.axis-project-composer,.axis-task-composer{grid-template-columns:1fr}}


/* Project Workspace — v2.1.0 */
.axis-project-open{flex:1;border:0;background:transparent;text-align:left;padding:0;cursor:pointer;color:inherit}
.axis-project-workspace{margin-top:18px}
.axis-workspace-back{border:0;background:transparent;padding:0 0 16px;cursor:pointer;font-weight:700}
.axis-workspace-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:24px;border:1px solid var(--axis-border);border-radius:28px;background:var(--axis-surface)}
.axis-workspace-header h3{font-size:clamp(1.6rem,3vw,2.6rem);margin:4px 0 8px}
.axis-workspace-header select,.axis-workspace-task-form select,.axis-workspace-assign select{border:1px solid var(--axis-border);border-radius:16px;padding:12px;background:var(--axis-surface)}
.axis-workspace-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:18px;margin-top:18px}
.axis-workspace-main,.axis-workspace-activity{border:1px solid var(--axis-border);border-radius:28px;background:var(--axis-surface);padding:20px}
.axis-workspace-task-form,.axis-workspace-assign{display:grid;grid-template-columns:1fr auto auto;gap:10px;margin-bottom:14px}
.axis-workspace-task-form input{border:1px solid var(--axis-border);border-radius:16px;padding:12px}
.axis-workspace-task-form button,.axis-workspace-assign button{border:0;border-radius:999px;padding:10px 16px;background:var(--axis-ink);color:var(--axis-bg);cursor:pointer}
.axis-workspace-task{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--axis-border)}
.axis-workspace-task small,.axis-activity-item small{display:block;opacity:.65;margin-top:4px}
.axis-workspace-task>button:last-child{border:0;background:transparent;cursor:pointer;text-decoration:underline}
.axis-activity-item{padding:12px 0;border-bottom:1px solid var(--axis-border)}
@media(max-width:800px){.axis-workspace-grid{grid-template-columns:1fr}.axis-workspace-header{flex-direction:column}.axis-workspace-task-form,.axis-workspace-assign{grid-template-columns:1fr}}


.axis-learn-composer{display:grid;grid-template-columns:minmax(0,1fr) 150px 150px auto;gap:10px;margin-bottom:18px}.axis-learn-composer input,.axis-learn-composer select,.axis-learn-item select{min-height:44px;border:1px solid rgba(20,24,30,.13);border-radius:14px;padding:0 14px;background:rgba(255,255,255,.74)}.axis-learn-composer button,.axis-learn-item button{border:0;border-radius:999px;padding:10px 16px;cursor:pointer}.axis-learn-list{display:grid;gap:10px}.axis-learn-item{display:grid;grid-template-columns:minmax(0,1fr) 150px auto auto;gap:10px;align-items:center;padding:16px;border:1px solid rgba(20,24,30,.09);border-radius:20px;background:rgba(255,255,255,.55)}.axis-learn-copy{display:grid;gap:4px}.axis-learn-copy span{text-transform:uppercase;font-size:10px;letter-spacing:.12em;opacity:.58}.axis-learn-copy strong{font-size:16px}.axis-learn-copy small{opacity:.66}@media(max-width:760px){.axis-learn-composer,.axis-learn-item{grid-template-columns:1fr}.axis-learn-item button,.axis-learn-item select{width:100%}}

.axis-learn-open{background:none;border:0;padding:0;text-align:left;flex:1;cursor:pointer}.axis-learn-workspace{padding:8px 0}.axis-learn-back{border:0;background:none;cursor:pointer;margin-bottom:18px}.axis-learn-workspace-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.axis-learn-workspace-head h2{margin:4px 0 0}.axis-learn-details{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;align-items:end}.axis-learn-details label{display:grid;gap:6px}.axis-learn-details textarea{min-height:90px}.axis-learn-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:26px}.axis-connection-composer{display:grid;grid-template-columns:1fr 1fr;gap:10px}.axis-relations-list>div,.axis-learning-timeline>div{display:grid;grid-template-columns:1fr 2fr auto;gap:10px;padding:12px 0;border-bottom:1px solid rgba(127,127,127,.18)}.axis-learning-timeline>div{grid-template-columns:1fr 2fr}@media(max-width:760px){.axis-learn-details,.axis-learn-columns,.axis-connection-composer{grid-template-columns:1fr}.axis-learn-workspace-head{flex-direction:column}}

/* Files Core */
.axis-files-composers{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}.axis-file-link-form,.axis-file-upload-form{display:flex;gap:10px;align-items:center;padding:16px;border:1px solid var(--axis-border,#ddd);border-radius:20px}.axis-file-link-form input{min-width:0;flex:1}.axis-file-list{display:grid;gap:12px}.axis-file-card{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:16px;border:1px solid var(--axis-border,#ddd);border-radius:20px;background:rgba(255,255,255,.55)}.axis-file-card__icon{font-size:24px}.axis-file-card small{display:block;opacity:.65;margin-top:4px}.axis-file-card__actions{display:flex;gap:8px}.axis-file-card__actions a,.axis-file-card__actions button{border:0;border-radius:999px;padding:8px 12px;text-decoration:none;cursor:pointer}@media(max-width:720px){.axis-files-composers{grid-template-columns:1fr}.axis-file-link-form,.axis-file-upload-form{align-items:stretch;flex-direction:column}.axis-file-card{grid-template-columns:auto 1fr}.axis-file-card__actions{grid-column:1/-1}}

/* Files Workspace — v2.6.0 */
.axis-file-open{display:flex;align-items:center;gap:14px;min-width:0;flex:1;border:0;background:transparent;text-align:left;padding:0;cursor:pointer;color:inherit}.axis-file-open>span:last-child{display:grid;gap:4px;min-width:0}.axis-file-open strong,.axis-file-open small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.axis-file-workspace{padding:4px 0 24px}.axis-file-workspace-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin:18px 0 24px}.axis-file-workspace-head h2{margin:5px 0 7px;font-size:clamp(25px,4vw,42px)}.axis-file-workspace-head p{margin:0;opacity:.7}.axis-file-workspace-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.75fr);gap:20px}.axis-file-workspace-main,.axis-file-workspace-aside>section{border:1px solid rgba(25,25,25,.1);border-radius:24px;background:rgba(255,255,255,.58);backdrop-filter:blur(18px);padding:22px}.axis-file-details{display:grid;gap:15px}.axis-file-details label{display:grid;gap:7px;font-size:13px;font-weight:650}.axis-file-details input,.axis-file-details textarea,.axis-file-connectors select{width:100%;box-sizing:border-box;border:1px solid rgba(25,25,25,.12);border-radius:16px;background:rgba(255,255,255,.72);padding:12px 14px;color:inherit}.axis-file-details textarea{min-height:112px;resize:vertical}.axis-file-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.axis-file-meta span{display:grid;gap:3px;padding:11px;border-radius:15px;background:rgba(25,25,25,.04);font-size:12px;overflow-wrap:anywhere}.axis-file-meta strong{font-size:11px;text-transform:uppercase;letter-spacing:.06em;opacity:.6}.axis-file-connections{margin-top:30px;padding-top:24px;border-top:1px solid rgba(25,25,25,.09)}.axis-file-connectors{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0}.axis-file-workspace-aside{display:grid;align-content:start;gap:16px}.axis-file-workspace-aside h3,.axis-file-connections h3{margin:0 0 14px}.axis-file-context{display:grid;gap:8px}.axis-file-context>div{display:grid;gap:3px;padding:10px 12px;border-radius:14px;background:rgba(25,25,25,.04)}.axis-file-context span{font-size:11px;text-transform:uppercase;letter-spacing:.06em;opacity:.6}.axis-file-context strong{font-size:13px}.axis-button--quiet{text-decoration:none;white-space:nowrap}@media(max-width:850px){.axis-file-workspace-grid{grid-template-columns:1fr}.axis-file-connectors,.axis-file-meta{grid-template-columns:1fr}.axis-file-workspace-head{display:grid}.axis-file-card{align-items:flex-start}.axis-file-open{width:100%}}


/* Calendar Core 2.7.0 */
.axis-calendar-composer{display:grid;grid-template-columns:minmax(180px,2fr) 150px minmax(180px,1fr) minmax(180px,1fr) auto;gap:10px;margin-bottom:18px}.axis-calendar-composer input,.axis-calendar-composer select{min-height:46px;border:1px solid rgba(20,20,20,.12);border-radius:18px;padding:0 14px;background:rgba(255,255,255,.75)}.axis-calendar-composer button{border:0;border-radius:999px;padding:0 20px;background:#111;color:#fff}.axis-calendar-list{display:grid;gap:10px}.axis-calendar-item{display:grid;grid-template-columns:170px minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 18px;border:1px solid rgba(20,20,20,.09);border-radius:24px;background:rgba(255,255,255,.68)}.axis-calendar-date{display:flex;flex-direction:column;gap:4px}.axis-calendar-date span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;opacity:.62}.axis-calendar-copy{min-width:0}.axis-calendar-copy>strong{display:block;font-size:16px;margin-bottom:7px}@media(max-width:900px){.axis-calendar-composer{grid-template-columns:1fr}.axis-calendar-item{grid-template-columns:1fr}.axis-calendar-item .axis-task-actions{justify-content:flex-start}}