/* Shared account/staff presentation. Public catalogue and theme CSS stay scoped out. */
#content .auth-box {
  padding:12px;
  font:12px/18px Tahoma,Verdana,Arial,sans-serif;
  overflow-wrap:anywhere;
}
#content .auth-box > h2 {
  box-sizing:border-box;
  margin:-12px -12px 14px;
  padding:5px 9px;
  border-bottom:1px solid #dadada;
  border-radius:5px 5px 0 0;
  background:linear-gradient(#fafafa,#e6e6e6);
  color:#484848;
  font:bold 12px/18px Tahoma,Verdana,Arial,sans-serif;
}
#content .auth-box p {margin:0 0 10px;}
#content .auth-box h3 {
  margin:18px 0 10px;
  padding-bottom:5px;
  border-bottom:1px solid #d5d5d5;
  color:#7c933b;
  font:bold 12px/18px Tahoma,Verdana,Arial,sans-serif;
}
#content .auth-box label {margin-bottom:4px;}
#content .auth-box input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=file]),
#content .auth-box select,
#content .auth-box textarea {
  box-sizing:border-box;
  max-width:100%;
  min-height:28px;
  padding:4px 6px;
  border:1px solid #d2d2d2;
  border-radius:4px;
  box-shadow:inset 0 1px 2px #eee;
  background:#fff;
  color:#333;
  font:12px/18px Tahoma,Verdana,Arial,sans-serif;
}
#content .auth-box textarea {width:100%;resize:vertical;}
#content .auth-box input[type=file] {box-sizing:border-box;font:12px/18px Tahoma,Verdana,Arial,sans-serif;}
#content .auth-box input:is([type=checkbox],[type=radio]) {
  display:inline-block;width:auto;min-height:0;margin:0 4px 0 0;padding:0;vertical-align:middle;
}
#content .auth-box button:not(.auth-toggle) {
  box-sizing:border-box;max-width:100%;min-height:28px;
  margin:2px 0 10px;padding:4px 12px;
  border:1px solid #cfcfcf;border-radius:4px;
  background:linear-gradient(#fff,#e5e5e5);color:#4b4b4b;
  font:bold 12px/18px Tahoma,Verdana,Arial,sans-serif;
  white-space:normal;cursor:pointer;
}
#content .auth-box button:not(.auth-toggle):hover:not(:disabled) {background:linear-gradient(#fff,#d8d8d8);border-color:#a6b5c5;}
#content .auth-box button:disabled {opacity:.6;cursor:default;}
#content .auth-box .auth-toggle {min-height:24px;margin:2px 0 0;padding:0;font-size:11px;}
#content .auth-box fieldset {
  min-width:0;margin:16px 0;padding:10px 0 4px;
  border:0;border-top:1px solid #d5d5d5;border-radius:0;
}
#content .auth-box legend {padding:0 10px 0 0;color:#7c933b;font-weight:bold;}
#content .account-tabs {
  gap:6px 12px;padding:8px;
  background:#fafafa;font:11px/18px Tahoma,Verdana,Arial,sans-serif;
}
#content .auth-box > .account-tabs {margin:0 -12px 12px;padding:8px 12px;}
#content .auth-box .account-comment {display:flow-root;padding:10px 0;border-bottom:1px solid #d5d5d5;}
#content .auth-box .account-comment > p:last-child {margin-bottom:0;}
#content .auth-box .account-comment > p:first-child {font-weight:bold;}
#content .auth-box .account-comment > p + p {color:#555;}
#content .auth-box .account-comment:has(> .staff-comment-avatar) {position:relative;padding-left:60px;}
#content .auth-box .staff-comment-avatar {position:absolute;left:0;top:10px;float:none;margin:0;}
#content .auth-box .staff-comment-avatar + p {
  padding:5px 7px;border-bottom:1px solid #d9e2e8;background:linear-gradient(#f6f6f6,#fff);
  font-size:11px;font-weight:normal;
}
#content .auth-box .staff-comment-text {margin:10px 0;font-size:12px;}
#content .auth-box .account-comment form > p {margin-bottom:4px;color:#666;font-size:11px;}
#content .auth-box .staff-action {margin:12px 0;padding:10px 0;}
#content .auth-box .staff-maintenance-table {font-size:11px;}
#content .auth-box .staff-maintenance-table th {background:linear-gradient(#fafafa,#e9e9e9);color:#4b4b4b;}
#content .auth-box .staff-maintenance-table th,
#content .auth-box .staff-maintenance-table td {padding:6px;border-color:#d5d5d5;}
#content .auth-box .staff-maintenance-table tbody tr:nth-child(even) {background:#fafafa;}
#content .auth-box.css-editor textarea {min-height:420px;font:13px/1.5 ui-monospace,Consolas,monospace;}
#content .auth-box :is(pre,code) {overflow-wrap:anywhere;}
#content .auth-box pre {max-width:100%;overflow:auto;}
#content .auth-box p[role=alert] {padding:8px;border:1px solid #c57272;background:#fff3f3;color:#8a2626;}
#content .auth-box p[role=status] {padding:8px;border:1px solid #d4e3f0;background:#f3f7fc;}
/* Preserve usable targets when this desktop layout is viewed on a touch device. */
@media (pointer:coarse) {
  #content .auth-box button:not(.auth-toggle),
  #content .auth-box input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=file]),
  #content .auth-box select {min-height:44px;}
}

#content .auth-box .workspace-button {display:inline-block;padding:5px 12px;border:1px solid #cfcfcf;border-radius:4px;background:linear-gradient(#fff,#e5e5e5);color:#315975;font-weight:bold;text-decoration:none;}
#content .auth-box.css-editor #create-description {min-height:72px;font:12px/18px Tahoma,Verdana,Arial,sans-serif;}

/* Admin image catalogue: fixed preview boxes preserve transparent and tall images. */
#content .image-library .library-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0;}
#content .image-library .library-item {min-width:0;padding:7px;border:1px solid #d5d5d5;border-radius:3px;background:#fafafa;}
#content .image-library .library-preview {display:block;height:110px;margin-bottom:7px;background:conic-gradient(#e3e3e3 25%,#fff 0 50%,#e3e3e3 0 75%,#fff 0) 0 0/16px 16px;}
#content .image-library .library-preview img {display:block;width:100%;height:110px;object-fit:scale-down;}
#content .image-library .library-name {font-weight:bold;overflow-wrap:anywhere;}
#content .image-library .library-item p {margin-bottom:5px;font-size:11px;}
#content .image-library input.library-url {width:100%;font:11px/18px Tahoma,Verdana,Arial,sans-serif;}
#content .image-library .library-copy {display:flex;flex-wrap:wrap;gap:6px;}
#content .image-library .library-copy button {margin:5px 0 0;padding:3px 8px;font-size:11px;}
#content .image-library .library-filter {display:flex;align-items:end;flex-wrap:wrap;gap:8px;}
#content .image-library .library-filter input {width:240px;}
#content .image-library .library-copy-status:empty {display:none;}

#content .auth-box .profile-public-label {display:flex;align-items:center;gap:8px;min-height:44px;}

/* Official Yandex ID artwork, unmodified: /dev/id/doc/ru/codes/buttons-design. */
#content .auth-box .yandex-signin {width:310px;max-width:100%;margin:2px 0 0;}
#content .auth-box .yandex-signin button.yandex-signin-button {
  display:flex;align-items:center;justify-content:center;
  width:310px;max-width:100%;height:56px;min-height:56px;
  margin:0;padding:0;overflow:hidden;border:0;border-radius:8px;
  background:#000;box-shadow:none;
}
#content .auth-box .yandex-signin button.yandex-signin-button:hover:not(:disabled) {background:#000;border:0;}
#content .auth-box .yandex-signin-button:focus-visible {outline:3px solid #356ea2;outline-offset:3px;}
#content .auth-box .yandex-signin-button img {display:block;flex:0 0 260px;width:260px;height:56px;max-width:none;border:0;}
#content .auth-box .auth-alternative {display:flex;align-items:center;gap:12px;width:310px;max-width:100%;margin:18px 0;color:#6b6b6b;font:12px/18px Tahoma,Verdana,Arial,sans-serif;}
#content .auth-box .auth-alternative::before,
#content .auth-box .auth-alternative::after {content:"";flex:1;border-top:1px solid #dedede;}

#content .theme-errors .theme-error-controls {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-block:14px;}
#content .theme-errors .theme-error-controls form {margin:0;}
#content .theme-errors .theme-error-table {width:100%;table-layout:fixed;}
#content .theme-errors .theme-error-table th:nth-child(1) {width:28%;}
#content .theme-errors .theme-error-table th:nth-child(2) {width:12%;}
#content .theme-errors .theme-error-table th:nth-child(3) {width:38%;}
#content .theme-errors .theme-error-table th:nth-child(4) {width:22%;}
#content .theme-errors .theme-error-table time span {display:block;white-space:nowrap;}
#content .theme-errors .theme-error-table th[scope="row"] {overflow-wrap:anywhere;vertical-align:top;}
#content .theme-errors .theme-error-table td {vertical-align:top;}
#content .theme-errors .theme-error-table td p {margin:0 0 8px;}
#content .theme-errors .staff-table-scroll:focus-visible {outline:2px solid #456d94;outline-offset:3px;}