/* ==========================================================================
   TTSM FOUNDATION
   COMPONENT : Workspace
   FILE      : components/workspace/css/workspace.css
   VERSION   : MKT-004A
   ========================================================================== */

/* ==========================================================================
   WORKSPACE
   ========================================================================== */

.workspace{

    display:grid;

    grid-template-rows:

        auto
        auto
        auto
        1fr
        auto;

    width:100%;

    min-height:100vh;

    background:var(--background-color);

}

/* ==========================================================================
   REGIONS
   ========================================================================== */

.workspace-header,

.workspace-summary,

.workspace-toolbar,

.workspace-status{

    width:100%;

    padding:16px 24px;

    border-bottom:1px solid var(--border-color);

    background:var(--surface-color);

}

/* ==========================================================================
   CONTENT
   ========================================================================== */

.workspace-content{

    display:flex;

    flex-direction:column;

    width:100%;

    overflow:auto;

    padding:20px;

    background:var(--background-color);

}

/* ==========================================================================
   FUTURE SIDEBAR
   ========================================================================== */

.workspace-main{

    display:grid;

    grid-template-columns:

        1fr;

    gap:20px;

}

/* ==========================================================================
   STATUS
   ========================================================================== */

.workspace-status{

    border-top:1px solid var(--border-color);

    border-bottom:none;

    font-size:.85rem;

    color:var(--text-secondary);

}

/* ==========================================================================
   TABLET
   ========================================================================== */

@media (max-width:1024px){

.workspace-header,

.workspace-summary,

.workspace-toolbar,

.workspace-status{

    padding:16px;

}

.workspace-content{

    padding:16px;

}

}

/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width:768px){

.workspace{

    grid-template-rows:

        auto
        auto
        auto
        1fr
        auto;

}

.workspace-content{

    padding:12px;

}

}