*{
    box-sizing:border-box;
}

body{
    margin:0;
    background:#f1f2f4;
    color:#303030;
    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
}


ui-nav-menu a {
    display: block;
    padding: 10px 14px;
    text-decoration: none;
    color: #444;
}

ui-nav-menu a.active {
    font-weight: 600;
    color: #000;
    background: #f2f2f2;
    border-radius: 6px;
}

.app-section {
    width: 980px;
    margin: 0 auto;
    padding: 24px;
    box-sizing: border-box;
}

.app-content{
    padding:24px;
}

.dashboard-grid{

    display:grid;

    grid-template-columns:
        repeat(
            auto-fit,
            minmax(340px,1fr)
        );

    gap:24px;

}

.ui-card{

    background:#fff;

    border-radius:12px;

    border:1px solid #e1e3e5;

    overflow:hidden;

    box-shadow:
        0 1px 3px rgba(0,0,0,.08);

}

.ui-card-header{

    padding:18px 20px;

    border-bottom:1px solid #ececec;

}

.ui-card-header h2{

    margin:0;

    font-size:18px;

    font-weight:600;

}

.ui-card-body{

    padding:20px;

}

.stat-row{

    display:flex;

    justify-content:space-between;

    padding:8px 0;

    border-bottom:1px solid #f3f3f3;

}

.stat-row:last-child{

    border-bottom:none;

}

.stat-value{

    font-weight:600;

}

.action-button{

    width:100%;

    margin-bottom:12px;

    padding:10px;

    cursor:pointer;

    border:1px solid #ccc;

    background:#fff;

    border-radius:8px;

}

.action-button:hover{

    background:#f7f7f7;

}

.provider{

    padding:16px;

    margin-bottom:16px;

    border:1px solid #e1e3e5;

    border-radius:10px;

    background:#fafafa;

}

.provider:last-child{
    margin-bottom:0;
}

.provider-title{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:14px;

}

.provider-title span{

    padding:2px 8px;

    border-radius:20px;

    background:#eef1f4;

    color:#616161;

    font-size:11px;

    font-weight:600;

}

.provider-row{
    display:flex;
    justify-content:space-between;
    padding:10px 0;
}

.provider-row:not(:last-child){

    border-bottom:1px solid #ececec;

}
span.provider-enabled{
    color:#008060;
    font-weight:600;
}

span.provider-disabled{
    color:#d72c0d;
  }


.action-log {
    margin-top: 16px;
    padding: 12px;
    min-height: 180px;
    max-height: 200px;
    height:200px;
    overflow-y: auto;
    background: #f6f6f7;
    border: 1px solid #dfe3e8;
    border-radius: 8px;
    font-family: Consolas, monospace;
    font-size: 13px;
    white-space: pre-wrap;
}
#action-log {
    border: 1px solid var(--p-border);
    border-radius: 6px;
    transition: border-color .2s ease;
}

#action-log.success {
    border-color: #16a34a;
}

#action-log.error {
    border-color: #dc2626;
}

#maintenance-steps {
    margin-bottom: 15px;
    margin-top: 20px;
    border: 1px solid #dfe3e8;
    border-radius: 8px;
    padding: 10px 20px;
}


#maintenance-steps div {
    padding: 4px 0;
}

#maintenance-steps .done {
    color: #16a34a;
}

#maintenance-steps .done::before {
    content: "✓ ";
}

#maintenance-steps .active {
    font-weight: 600;
}

#maintenance-steps .active::before {
    content: "► ";
}
s-table-row:hover {
    cursor: pointer;
 }

 /* polaris hacks */

 .p-card{
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.p-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom:10px;
    margin-top:20px;
}

#log-content{
    margin:0;
    padding:16px;
    height:80vh;
    overflow:auto;
    font-family:Consolas, monospace;
    font-size:12px;
    line-height:1.45;
    white-space:pre-wrap;
}

.docs{
    margin-left:50px;
}
.docs hr{margin:40px 0 30px -50px}