.pc-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pc button,.pc-upload,.pc-actions a{font-size:12px;border:1px solid #57cdc8;border-radius:6px;background:rgba(87,205,200,.12);color:var(--text);height:30px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;box-shadow:none}.pc button:hover,.pc-upload:hover{background:rgba(87,205,200,.2)}.pc button.primary{background:#57cdc8;color:#173330}.pc-toolbar input[type=search]{height:30px;width:240px;font-size:12px;margin:0}.pc-path{display:flex;align-items:center;flex-wrap:wrap;margin:12px 0}.pc table{width:100%;border-collapse:collapse}.pc th,.pc td{height:44px;padding:6px 10px;border-bottom:1px solid var(--border,#444);text-align:left;white-space:nowrap}.pc th:first-child{width:55%}.pc .pc-name{background:none;border:0;justify-content:flex-start;max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-actions{display:flex;align-items:center;gap:6px}.pc .danger{color:#d97171;border-color:#d97171}.pc-upload{cursor:pointer}.pc small{display:block;margin-top:12px}
.pcloud-page>.top .page-title-line{gap:24px}.pc-external{display:inline-flex;align-items:center;height:30px;padding:0 12px;border:1px solid #57cdc8;border-radius:6px;font-size:12px;color:var(--text);background:rgba(87,205,200,.12);text-decoration:none}.pc-files{min-height:220px}.pc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px}.pc-item{position:relative;border:1px solid transparent;border-radius:6px;cursor:default;color:var(--text)}.pc-grid .pc-item{min-height:142px;padding:16px 12px 12px;text-align:center}.pc-item:hover{background:rgba(69,189,221,.06)}.pc-item.selected,.pc-item:focus-visible{background:rgba(69,189,221,.12);border-color:#45bddd;outline:none}.pc-file-icon svg{width:64px;height:54px}.pc-file-name{display:block;font-size:13px;line-height:19px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-file-size,.pc-file-date{font-size:11px;color:var(--muted);display:block}.pc-grid .pc-file-date{display:none}.pc .pc-more{border:0;background:transparent;width:28px;height:28px;padding:0;font-size:22px;position:absolute;right:3px;top:3px;color:var(--muted)}.pc-list .pc-item{display:grid;grid-template-columns:36px minmax(100px,1fr) 100px 100px 32px;align-items:center;gap:10px;min-height:44px;padding:4px 10px;border-bottom:1px solid var(--border,#ddd);border-radius:0}.pc-list .pc-file-icon svg{width:30px;height:30px}.pc-list .pc-more{position:static}.pc [hidden]{display:none!important}.pc-context{position:fixed;inset:auto;margin:0;padding:5px;width:240px;border:1px solid var(--border,#d9e1e7);border-radius:8px;background:var(--theme-surface-ffffff,#fff);box-shadow:0 5px 22px #0002;z-index:10000;color:var(--text);max-height:90vh;overflow:auto}.pc-context button{display:block;width:100%;height:32px;padding:0 12px;text-align:left;border:0;border-radius:4px;background:none;box-shadow:none;color:inherit;font-size:12px}.pc-context button:hover,.pc-context button:focus{background:rgba(69,189,221,.14)}.pc-context button.danger{color:#cb5555}@media(max-width:650px){.pc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pc-list .pc-item{grid-template-columns:32px minmax(80px,1fr) 64px 28px}.pc-list .pc-file-date{display:none}}

/* Row selection uses an even fill, not a partial blue border. */
.pc-list .pc-item:hover{background:rgba(69,189,221,.08)}
.pc-list .pc-item.selected{background:rgba(69,189,221,.16);border-color:transparent;border-bottom-color:var(--border,#ddd);outline:none}
.pc-list .pc-item:focus-visible{outline:2px solid #45bddd;outline-offset:-2px}

/* Match the active Analytics heading; folder path stays plain text. */
.pcloud-page>.top .page-title-line h1{display:inline-flex;align-items:center;align-self:stretch;margin:0;padding:0 0 10px;border-bottom:2px solid #57cdc8;color:var(--text);font-size:18px;font-weight:600}
.pc .pc-path button,.pc .pc-path button:hover{border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--text);padding:0 5px;height:28px}
.pc .pc-path button:hover{text-decoration:underline;text-underline-offset:3px}
.pc .pc-path button:focus-visible{outline:2px solid #57cdc8;outline-offset:2px}

.pcloud-page>.top h1[role=button]{cursor:pointer}
.pc .pc-toolbar button,.pc .pc-toolbar button.primary,.pc .pc-toolbar .pc-upload{background:transparent;border-color:transparent;color:var(--text);box-shadow:none}
.pc .pc-toolbar button:hover,.pc .pc-toolbar .pc-upload:hover{background:rgba(128,128,128,.1);border-color:transparent}
.pc-dialog{padding:20px;max-width:calc(100vw - 32px)}
.pc-dialog h2{font-size:18px;margin:0 0 12px}
.pc-dialog label{display:block;margin:10px 0;font-size:12px}
.pc-dialog input,.pc-dialog select,.pc-dialog textarea{box-sizing:border-box;width:100%;font-size:13px}
.pc-dialog .row{gap:8px;justify-content:flex-end;margin-top:16px}
.pc-dialog button,.pc-dialog .row a{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 12px;border:1px solid var(--border,#ddd);border-radius:6px;background:transparent;color:var(--text);font-size:12px;box-shadow:none;text-decoration:none}
.pc-dialog button.primary{background:#57cdc8;border-color:#57cdc8;color:#173330}

.pcloud-page>.top>div{width:100%}
.pcloud-page .page-title-line{width:100%}
#pc-header-controls{margin-left:auto;display:flex;align-items:center;gap:8px}
#pc-header-controls button{height:30px;padding:0 10px;font-size:12px;border:0;border-radius:6px;background:transparent;color:var(--text);box-shadow:none}
#pc-header-controls button:hover{background:rgba(128,128,128,.1)}

/* Header action follows the neutral pCloud toolbar. */
.pcloud-page .pc-external{border-color:transparent;background:transparent;color:var(--text);box-shadow:none}.pcloud-page .pc-external:hover{border-color:transparent;background:rgba(127,127,127,.10);color:var(--text)}.pcloud-page .pc-external:focus-visible{outline:2px solid currentColor;outline-offset:2px}

/* Keep title text and all header actions on the same vertical centre. */
.pcloud-page>.top .page-title-line{display:flex;align-items:center;min-height:36px}
.pcloud-page>.top .page-title-line h1{align-self:center;position:relative;height:30px;box-sizing:border-box;padding:0;border-bottom:0;line-height:30px}
.pcloud-page>.top .page-title-line h1::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:#57cdc8}