:root{
    --bg:#050812;--surface:rgba(15,24,41,.82);--line:rgba(255,255,255,.09);
    --text:#f6f9ff;--muted:#94a1b6;--cyan:#43dbff;--violet:#a67dff;
    --amber:#ffb75f;--green:#48e5a5;--rose:#ff6fa9;--blue:#6894ff;
    --mouse-x:50vw;--mouse-y:25vh
}
*{box-sizing:border-box}
html{color-scheme:dark}
body{
    margin:0;min-height:100vh;overflow-x:hidden;color:var(--text);
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    background:
        radial-gradient(circle 340px at var(--mouse-x) var(--mouse-y),rgba(67,219,255,.08),transparent 72%),
        radial-gradient(circle at 5% 4%,rgba(67,219,255,.15),transparent 28rem),
        radial-gradient(circle at 96% 10%,rgba(166,125,255,.14),transparent 31rem),
        linear-gradient(145deg,#04060d 0%,#09111f 52%,var(--bg) 100%)
}
a{color:inherit;text-decoration:none}
.grid-bg{position:fixed;inset:0;pointer-events:none;opacity:.38;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(#000,transparent 86%)}
.orb{position:fixed;width:420px;height:420px;border-radius:50%;filter:blur(4px);pointer-events:none;animation:float 14s ease-in-out infinite}
.orb-one{left:-220px;top:20%;background:radial-gradient(circle,rgba(67,219,255,.15),transparent 68%)}
.orb-two{right:-220px;top:12%;background:radial-gradient(circle,rgba(166,125,255,.14),transparent 68%);animation-delay:-6s}
@keyframes float{50%{transform:translateY(-30px) scale(1.06)}}
.page{position:relative;z-index:1;width:min(1240px,calc(100% - 34px));margin:auto;padding:22px 0 28px}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:13px 15px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,rgba(18,29,48,.8),rgba(7,12,23,.74));backdrop-filter:blur(22px);box-shadow:0 22px 58px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.045)}
.brand{display:flex;align-items:center;gap:13px;min-width:0}
.brand-logo{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:linear-gradient(145deg,#42d9ff,#6572ff 55%,#a47bff);box-shadow:0 12px 32px rgba(65,217,255,.22);font-weight:900}
.brand strong,.brand small{display:block}.brand strong{font-size:14px}.brand small{margin-top:4px;color:var(--muted);font-size:11px}
.availability{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(72,229,165,.18);border-radius:999px;color:#c8ffe8;background:rgba(72,229,165,.075);font-size:11px;font-weight:750}
.availability span{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(72,229,165,.09),0 0 14px rgba(72,229,165,.8)}
.hero{max-width:920px;margin:82px auto 55px;text-align:center}
.eyebrow{display:inline-flex;padding:9px 14px;border:1px solid rgba(67,219,255,.18);border-radius:999px;color:#cdf5ff;background:rgba(67,219,255,.07);font-size:10px;font-weight:850;letter-spacing:.14em}
.hero h1{margin:22px 0 0;font-size:clamp(44px,7vw,86px);line-height:.96;letter-spacing:-.065em;background:linear-gradient(90deg,#fff,#a8dfff 45%,#d4b9ff 78%,#ffd3a0);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero p{max-width:720px;margin:24px auto 0;color:var(--muted);font-size:clamp(15px,1.6vw,18px);line-height:1.75}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 2px 17px}
.section-head small{color:#7f8ba1;font-size:10px;font-weight:850;letter-spacing:.18em}.section-head h2{margin:6px 0 0;font-size:21px}.section-head>span{color:#6f7c91;font-size:11px}
.systems{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.system-card{--accent:var(--cyan);position:relative;display:flex;min-height:365px;flex-direction:column;overflow:hidden;padding:24px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,rgba(20,31,51,.84),rgba(7,12,23,.9));box-shadow:0 27px 74px rgba(0,0,0,.29),inset 0 1px 0 rgba(255,255,255,.04);transition:.3s ease}
.system-card.accent-violet{--accent:var(--violet)}.system-card.accent-amber{--accent:var(--amber)}.system-card.accent-green{--accent:var(--green)}.system-card.accent-rose{--accent:var(--rose)}.system-card.accent-blue{--accent:var(--blue)}
.system-card.status-online:hover{transform:translateY(-9px) scale(1.012);border-color:color-mix(in srgb,var(--accent) 35%,rgba(255,255,255,.12));box-shadow:0 36px 94px rgba(0,0,0,.39),0 0 48px color-mix(in srgb,var(--accent) 8%,transparent)}
.system-card.status-maintenance{filter:saturate(.75)}.system-card.status-offline{filter:saturate(.35);opacity:.76}
.card-line{position:absolute;inset:0 auto auto;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);transform:scaleX(.6)}
.card-number{position:absolute;right:20px;top:15px;color:rgba(255,255,255,.035);font-size:74px;font-weight:900;letter-spacing:-.08em}
.card-top{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-start}
.system-icon{display:grid;place-items:center;width:60px;height:60px;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:19px;color:color-mix(in srgb,var(--accent) 80%,white);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 16%,transparent),rgba(255,255,255,.025))}
.system-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.status-badge{padding:7px 10px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase}
.status-online .status-badge{border:1px solid rgba(72,229,165,.14);color:#c2f9de;background:rgba(72,229,165,.06)}
.status-maintenance .status-badge{border:1px solid rgba(255,183,95,.18);color:#ffd9a4;background:rgba(255,183,95,.08)}
.status-offline .status-badge{border:1px solid rgba(255,111,169,.16);color:#ffc4da;background:rgba(255,111,169,.07)}
.card-body{position:relative;z-index:1;margin-top:29px}.card-body small{color:color-mix(in srgb,var(--accent) 82%,white);font-size:10px;font-weight:850;letter-spacing:.16em}.card-body h3{margin:8px 0 11px;font-size:23px;letter-spacing:-.03em}.card-body p{margin:0;color:var(--muted);font-size:13px;line-height:1.72}
.card-action{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;padding:14px 15px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 9%,transparent),rgba(255,255,255,.025));font-size:12px;font-weight:800}.card-action b{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;color:#071019;background:color-mix(in srgb,var(--accent) 85%,white)}
.powered{position:relative;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:36px;margin-top:28px;padding:38px 40px;overflow:hidden;border:1px solid rgba(55,220,255,.18);border-radius:30px;background:radial-gradient(circle at 8% 50%,rgba(55,220,255,.18),transparent 34%),radial-gradient(circle at 88% 0,rgba(157,123,255,.2),transparent 40%),linear-gradient(125deg,rgba(13,29,46,.96),rgba(12,13,27,.96) 50%,rgba(25,15,43,.96));box-shadow:0 34px 100px rgba(0,0,0,.4),0 0 60px rgba(55,220,255,.07),inset 0 1px 0 rgba(255,255,255,.07);isolation:isolate}
.powered::before{content:"THEOLDGAMER";position:absolute;right:-18px;bottom:-28px;z-index:-1;color:rgba(255,255,255,.035);font-size:clamp(70px,12vw,160px);font-weight:950;letter-spacing:-.08em;white-space:nowrap}
.powered::after{content:"";position:absolute;width:140px;height:220%;top:-60%;left:-180px;z-index:2;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.17),transparent);transform:rotate(18deg);animation:brandSweep 5.5s ease-in-out infinite}
@keyframes brandSweep{0%,62%{left:-180px}100%{left:calc(100% + 120px)}}
.powered-left{position:relative;z-index:1;display:flex;align-items:center;gap:22px}
.tog-mark{position:relative;display:grid;place-items:center;width:92px;height:92px;flex:0 0 92px;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:27px;background:linear-gradient(145deg,#35ddff,#5b72ff 54%,#a879ff);box-shadow:0 22px 58px rgba(55,220,255,.23),inset 0 1px 0 rgba(255,255,255,.45);font-size:22px;font-weight:950;letter-spacing:-.08em}
.tog-mark::before{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.18);border-radius:20px}
.tog-copy small{color:#69dff7;font-size:9px;font-weight:950;letter-spacing:.2em;text-transform:uppercase}
.tog-copy h2{margin:7px 0 0;font-size:clamp(30px,4vw,48px);line-height:1;letter-spacing:-.055em}
.tog-copy p{margin:12px 0 0;max-width:570px;color:#a4afc2;font-size:13px;line-height:1.7}
.powered-right{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-end;gap:14px}
.powered-pills{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:7px}
.powered-pills span{padding:7px 10px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#aeb9cc;background:rgba(255,255,255,.035);font-size:9px;font-weight:800}
.powered-button{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-width:270px;padding:15px 16px 15px 18px;border:1px solid rgba(255,255,255,.16);border-radius:16px;color:#07101a;background:linear-gradient(90deg,#83ebff,#bda6ff);box-shadow:0 18px 45px rgba(55,220,255,.16);font-size:12px;font-weight:900;transition:transform .25s ease,box-shadow .25s ease}
.powered-button:hover,.powered-button:focus-visible{transform:translateY(-3px);outline:none;box-shadow:0 25px 60px rgba(55,220,255,.24)}
.powered-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s ease}
.powered-button:hover svg{transform:translate(2px,-2px)}
.empty-state{grid-column:1/-1;padding:42px;border:1px dashed rgba(255,255,255,.14);border-radius:24px;text-align:center;background:rgba(255,255,255,.025)}.empty-state h3{margin:0}.empty-state p{color:var(--muted)}
footer{display:flex;justify-content:space-between;gap:18px;margin-top:28px;padding:15px 3px;color:#68758b;font-size:11px}footer strong{color:#9eabc0}footer a:hover{color:#fff}
@media(max-width:920px){.systems{grid-template-columns:1fr}.system-card{min-height:320px}.powered{grid-template-columns:1fr}.powered-right{align-items:flex-start}.powered-pills{justify-content:flex-start}}
@media(max-width:620px){.page{width:min(100% - 20px,1240px);padding-top:10px}.topbar{padding:11px}.availability{font-size:0}.availability:after{content:"Aktif";font-size:10px}.hero{margin:55px auto 42px}.section-head{align-items:flex-start;flex-direction:column}.system-card{min-height:330px;padding:21px}.powered{padding:26px 22px;border-radius:23px;gap:26px}.powered-left{align-items:flex-start;flex-direction:column}.tog-mark{width:78px;height:78px;flex-basis:78px;border-radius:23px}.powered-button{width:100%;min-width:0}footer{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.folder-breadcrumb{display:flex;align-items:center;gap:9px;margin:26px 3px 0;color:#738198;font-size:11px}.folder-breadcrumb a{color:#9fb0c5;transition:color .2s ease}.folder-breadcrumb a:hover{color:#fff}.folder-breadcrumb strong{color:#d9e4f4}.folder-hero{margin-top:54px}.folder-portals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:30px}.folder-portal-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:16px;border:1px solid rgba(255,255,255,.09);border-radius:17px;background:linear-gradient(145deg,rgba(18,30,49,.82),rgba(8,13,24,.88));box-shadow:0 18px 48px rgba(0,0,0,.2);transition:transform .25s ease,border-color .25s ease,background .25s ease}.folder-portal-card:hover{transform:translateY(-4px);border-color:rgba(67,219,255,.22);background:linear-gradient(145deg,rgba(20,37,58,.92),rgba(10,17,30,.94))}.folder-portal-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(67,219,255,.18);border-radius:13px;color:#8ceaff;background:rgba(67,219,255,.07);font-size:18px}.folder-portal-card small,.folder-portal-card strong{display:block}.folder-portal-card small{color:#75dff7;font-size:8px;font-weight:900;letter-spacing:.14em}.folder-portal-card strong{margin-top:4px;font-size:13px}.folder-portal-card b{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;color:#071019;background:linear-gradient(135deg,#73e7ff,#b29cff)}
@media(max-width:920px){.folder-portals{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.folder-breadcrumb{margin-top:18px}.folder-hero{margin-top:42px}.folder-portals{grid-template-columns:1fr}}

.folder-portal-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.folder-portal-card em{display:block;margin-top:5px;color:#77869a;font-size:9px;font-style:normal}

/* v2.0 public library */
.folder-breadcrumb{display:flex;align-items:center;gap:10px;margin:26px 2px 0;color:#8190a7;font-size:11px}.folder-breadcrumb strong{color:#dbe9fa}.back-category-button{display:inline-flex;align-items:center;padding:9px 12px;border:1px solid rgba(67,219,255,.16);border-radius:11px;color:#c9f4ff;background:rgba(67,219,255,.055);font-weight:800}.folder-hero{margin-top:56px}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 26px;padding:13px;border:1px solid var(--line);border-radius:18px;background:rgba(10,17,30,.74);backdrop-filter:blur(18px)}.library-search{display:flex;align-items:center;gap:9px;min-width:260px;flex:1}.library-search span{color:#72e4ff;font-size:20px}.library-search input{width:100%;padding:11px 12px;border:1px solid rgba(255,255,255,.09);border-radius:12px;outline:none;color:var(--text);background:#09111d}.library-search input:focus{border-color:rgba(67,219,255,.38);box-shadow:0 0 0 3px rgba(67,219,255,.07)}.library-actions{display:flex;gap:7px;flex-wrap:wrap}.library-actions button{padding:10px 12px;border:1px solid rgba(255,255,255,.09);border-radius:11px;color:#afbdd1;background:#101a2a;font-size:10px;font-weight:800;cursor:pointer}.library-actions button.active{border-color:rgba(67,219,255,.3);color:#d8f9ff;background:rgba(67,219,255,.1)}.card-open-overlay{position:absolute;inset:0;z-index:3;border-radius:inherit}.favorite-button{position:absolute;right:23px;top:61px;z-index:6;width:35px;height:35px;border:1px solid rgba(255,255,255,.1);border-radius:11px;color:#aab7ca;background:rgba(6,11,20,.72);font-size:20px;cursor:pointer;backdrop-filter:blur(10px)}.favorite-button.active{border-color:rgba(255,183,95,.28);color:#ffd28e;background:rgba(255,183,95,.1)}.system-card>*:not(.card-open-overlay){pointer-events:none}.system-card .favorite-button{pointer-events:auto}.category-system-card .favorite-button{display:none}.category-system-card{min-height:350px}.category-system-card.status-online:hover{transform:translateY(-9px) scale(1.012)}.version-chip{display:inline-flex;margin-top:14px;padding:5px 8px;border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-radius:999px;color:color-mix(in srgb,var(--accent) 72%,white);background:color-mix(in srgb,var(--accent) 6%,transparent);font-size:9px;font-weight:800}.maintenance-card-detail{position:relative;z-index:4;margin:15px 0 0;padding:10px 11px;border:1px solid rgba(255,183,95,.17);border-radius:12px;color:#e6c495;background:rgba(255,183,95,.055);font-size:10px;line-height:1.55}.is-pinned-card:after{content:"SABİT";position:absolute;left:-32px;top:18px;z-index:5;width:112px;padding:5px 0;transform:rotate(-42deg);color:#071019;background:linear-gradient(90deg,#ffd184,#ffad67);font-size:8px;font-weight:950;text-align:center}.public-maintenance-banner{margin:0 0 24px;padding:17px 19px;border:1px solid rgba(255,183,95,.2);border-radius:17px;background:linear-gradient(135deg,rgba(255,183,95,.08),rgba(255,111,169,.04))}.public-maintenance-banner strong{color:#ffd39c}.public-maintenance-banner p{margin:6px 0 0;color:#c5ad8f;font-size:12px;line-height:1.65}.library-no-results{margin-top:18px}.system-card[hidden]{display:none!important}
body.library-list-view .systems{grid-template-columns:1fr}body.library-list-view .system-card{min-height:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 20px}body.library-list-view .card-number{display:none}body.library-list-view .card-top{align-items:center}body.library-list-view .card-top .status-badge{position:absolute;left:72px;top:36px}body.library-list-view .system-icon{width:54px;height:54px}body.library-list-view .card-body{margin:0;padding-left:6px}body.library-list-view .card-body h3{margin:4px 0 6px;font-size:18px}body.library-list-view .card-body p{font-size:11px;line-height:1.55}body.library-list-view .version-chip{margin-top:7px}body.library-list-view .card-action{min-width:210px;margin:0}body.library-list-view .maintenance-card-detail{grid-column:2/4;margin:0}body.library-list-view .favorite-button{right:14px;top:12px}.category-card-grid{margin-bottom:34px}
@media(max-width:780px){.library-toolbar{align-items:stretch;flex-direction:column}.library-search{min-width:0}.library-actions{display:grid;grid-template-columns:1fr 1fr 1fr}.library-actions button{width:100%}body.library-list-view .system-card{grid-template-columns:auto 1fr}body.library-list-view .card-action{grid-column:1/-1;width:100%}body.library-list-view .maintenance-card-detail{grid-column:1/-1}.folder-hero{margin-top:38px}}


/* v2.0.1 category cards and stable list view */
.category-section-head{margin-top:2px}
.category-compact-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin-bottom:38px
}
.category-compact-card{
    --accent:var(--cyan);
    position:relative;
    min-width:0;
    min-height:104px;
    padding:20px;
    border-color:color-mix(in srgb,var(--accent) 18%,rgba(255,255,255,.08));
    background:linear-gradient(145deg,rgba(17,29,48,.9),rgba(8,13,24,.94))
}
.category-compact-card.accent-violet{--accent:var(--violet)}
.category-compact-card.accent-amber{--accent:var(--amber)}
.category-compact-card.accent-green{--accent:var(--green)}
.category-compact-card.accent-rose{--accent:var(--rose)}
.category-compact-card.accent-blue{--accent:var(--blue)}
.category-compact-card:hover{
    transform:translateY(-4px);
    border-color:color-mix(in srgb,var(--accent) 34%,rgba(255,255,255,.1));
    box-shadow:0 24px 58px rgba(0,0,0,.28),0 0 32px color-mix(in srgb,var(--accent) 6%,transparent)
}
.category-compact-card .folder-portal-icon{
    width:52px;
    height:52px;
    border-color:color-mix(in srgb,var(--accent) 24%,transparent);
    color:color-mix(in srgb,var(--accent) 82%,white);
    background:color-mix(in srgb,var(--accent) 10%,transparent)
}
.category-compact-card .folder-portal-icon svg{width:25px;height:25px}
.category-compact-copy{min-width:0}
.category-compact-copy small{color:color-mix(in srgb,var(--accent) 82%,white)}
.category-compact-copy strong{
    overflow:hidden;
    margin-top:5px;
    font-size:15px;
    line-height:1.25;
    text-overflow:ellipsis;
    white-space:nowrap
}
.category-compact-copy em{margin-top:7px}
.category-compact-card>b{
    width:38px;
    height:38px;
    border-radius:12px;
    background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 82%,white),#b49cff)
}
/* Kategoriler Kart/Liste seciminden etkilenmez. */
body.library-list-view .category-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body.library-list-view .category-compact-card{display:grid;min-height:104px;padding:20px;grid-template-columns:auto minmax(0,1fr) auto}

/* Sistem liste gorunumu: ikon, metin ve eylem alanlari kesin olarak ayrilir. */
body.library-list-view [data-pinned-section],
body.library-list-view [data-system-section]{grid-template-columns:1fr}
body.library-list-view [data-pinned-section] .system-card,
body.library-list-view [data-system-section] .system-card{
    min-height:132px;
    display:grid;
    grid-template-columns:68px minmax(0,1fr) minmax(170px,220px);
    grid-template-rows:auto auto;
    grid-template-areas:
        "visual content action"
        "visual status action";
    column-gap:20px;
    row-gap:8px;
    align-items:center;
    padding:20px 22px;
    overflow:hidden
}
body.library-list-view [data-pinned-section] .system-card .card-top,
body.library-list-view [data-system-section] .system-card .card-top{display:contents}
body.library-list-view [data-pinned-section] .system-card .system-icon,
body.library-list-view [data-system-section] .system-card .system-icon{
    grid-area:visual;
    width:58px;
    height:58px;
    align-self:center
}
body.library-list-view [data-pinned-section] .system-card .status-badge,
body.library-list-view [data-system-section] .system-card .status-badge{
    position:static;
    grid-area:status;
    justify-self:start;
    align-self:start;
    max-width:100%;
    padding:6px 9px;
    white-space:nowrap
}
body.library-list-view [data-pinned-section] .system-card .card-body,
body.library-list-view [data-system-section] .system-card .card-body{
    grid-area:content;
    min-width:0;
    margin:0;
    padding:0
}
body.library-list-view [data-pinned-section] .system-card .card-body small,
body.library-list-view [data-system-section] .system-card .card-body small{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
body.library-list-view [data-pinned-section] .system-card .card-body h3,
body.library-list-view [data-system-section] .system-card .card-body h3{
    overflow:hidden;
    margin:5px 0 6px;
    font-size:19px;
    line-height:1.25;
    text-overflow:ellipsis;
    white-space:nowrap
}
body.library-list-view [data-pinned-section] .system-card .card-body p,
body.library-list-view [data-system-section] .system-card .card-body p{
    display:-webkit-box;
    overflow:hidden;
    margin:0;
    font-size:11px;
    line-height:1.5;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
}
body.library-list-view [data-pinned-section] .system-card .version-chip,
body.library-list-view [data-system-section] .system-card .version-chip{
    display:inline-flex;
    margin:8px 0 0 8px;
    vertical-align:middle
}
body.library-list-view [data-pinned-section] .system-card .card-action,
body.library-list-view [data-system-section] .system-card .card-action{
    grid-area:action;
    width:100%;
    min-width:0;
    margin:0;
    align-self:stretch
}
body.library-list-view [data-pinned-section] .system-card .maintenance-card-detail,
body.library-list-view [data-system-section] .system-card .maintenance-card-detail{
    grid-column:2/4;
    grid-row:3;
    min-width:0;
    margin:2px 0 0
}
body.library-list-view [data-pinned-section] .system-card .favorite-button,
body.library-list-view [data-system-section] .system-card .favorite-button{
    right:12px;
    top:10px
}
body.library-list-view [data-pinned-section] .system-card .card-number,
body.library-list-view [data-system-section] .system-card .card-number{display:none}

@media(max-width:900px){
    .category-compact-grid,
    body.library-list-view .category-compact-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
    body.library-list-view [data-pinned-section] .system-card,
    body.library-list-view [data-system-section] .system-card{
        grid-template-columns:60px minmax(0,1fr);
        grid-template-rows:auto auto auto;
        grid-template-areas:
            "visual content"
            "visual status"
            "action action";
        padding:18px
    }
    body.library-list-view [data-pinned-section] .system-card .card-action,
    body.library-list-view [data-system-section] .system-card .card-action{min-height:52px}
    body.library-list-view [data-pinned-section] .system-card .maintenance-card-detail,
    body.library-list-view [data-system-section] .system-card .maintenance-card-detail{
        grid-column:1/-1;
        grid-row:4
    }
}
@media(max-width:520px){
    .category-compact-card{min-height:96px;padding:16px;gap:12px}
    .category-compact-card .folder-portal-icon{width:46px;height:46px}
    .category-compact-card>b{width:34px;height:34px}
    body.library-list-view [data-pinned-section] .system-card,
    body.library-list-view [data-system-section] .system-card{
        grid-template-columns:50px minmax(0,1fr);
        column-gap:13px;
        padding:16px
    }
    body.library-list-view [data-pinned-section] .system-card .system-icon,
    body.library-list-view [data-system-section] .system-card .system-icon{width:48px;height:48px;border-radius:15px}
    body.library-list-view [data-pinned-section] .system-card .card-body h3,
    body.library-list-view [data-system-section] .system-card .card-body h3{font-size:17px}
}